/************************************************************************************************************
***** RESET ************************************************************************************************
**************************************************************************************************************/
*,
*:before,
*:after{
	margin: 0;
	padding: 0;
	border:0;
	box-sizing: border-box;
}

:focus,
*:focus,
a:focus,
input:focus,
textarea:focus,
select:focus,
button:focus{outline: none;}

a,
a:hover,
a:focus,
a:visited{
	text-decoration: none;
	color: inherit;
}

a,
input,
textarea,
button,
select{
	font:inherit;
}


.heading,
h1,.h1,.fs-900,
h2,.h2,.fs-800,
h3,.h3,.fs-700,
h4,.h4,.fs-600,
h5,.h5,.fs-500,
h6,.h6,.fs-400{
	width: 100%;
	margin: 0;
	display: block;
	word-break: break-word;
}

ul{list-style: none;}

img,
picture{max-width: 100%;}/*display: flex;*/
button{cursor: pointer;background: transparent;}
textarea {resize: none;}

section{overflow: hidden;}

em, i{
	font-family: var(--ff-sans-italic);
}

/* Remove animations for people who've turned them off*/
@media(prefers-reduced-motion: reduce){
	*,
	*::before,
	*::after{
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}


/*************************************************************************************************************
***** GENERAL ************************************************************************************************
**************************************************************************************************************/
html{overflow-x: hidden;}
html,
body{
	background-color: hsl(var(--color-white));
	scroll-behavior: smooth;
}

body {
	font-family: var(--ff-sans);
	font-size: var(--fs-400);
	font-weight: 500;
	background-color: var(--color-primary);
	background-color: white;
	color: var(--color-text);
	line-height: var(--lh-400);
	font-weight: 500;
	min-height: 100vh;
}

section{padding-block: var(--padding-sectionY);padding-inline: var(--padding-sectionX);}
section.p-0{padding-block: 0;padding-inline: 0;}
section.px-0{padding-inline: 0;}
section.py-0{padding-block: 0;}
section.py-full{padding-block: calc(var(--padding-sectionY) * 2);}

@media(max-width: 767px){
	section.py-full{padding-block: calc(var(--padding-sectionY) * 1);}
}



/*************************************************************************************************************
***** PLUGINS ************************************************************************************************
**************************************************************************************************************/

/* Slick */
.slick-list{width: 100%;}
.slick-list{margin:0 !important;}

.slick-slider{visibility: hidden;}
.slick-slider.slick-initialized{visibility: visible;}

/* -- Arrows */
.slick-prev,
.slick-next{background-image: none !important;}
.slick-arrow.slick-disabled{opacity: 0 !important;pointer-events: none;}

.slick-arrow{--push:50px;--arrow-width: 22px;--arrow-height: 35px;width: var(--arrow-width);position: absolute;top:-60px;}
.slick-arrow:after{content: "";position: absolute;width: var(--arrow-width);height: var(--arrow-height);background: url('../images/slider-arrow--next.svg');background-size: 100%;background-repeat: no-repeat;background-position: center;background-size: contain; transition: var(--trans);opacity: 0.75;z-index: 100;}
.slick-arrow:hover:after{opacity: 1;}

.slick-arrow.slick-next{right: var(--push);}
.slick-arrow.slick-prev{right: calc(var(--push) + var(--arrow-width) + 30px);}

/* -- Center Mode */
.slick-slider[data-slider-type="center"]{--gap: 50px;}
/*.slick-slider[data-slider-type="center"] .slick-track{padding-left: 25%;}*/
.slick-slider[data-slider-type="center"] .slick-list{margin: 0 calc(var(--gap) * -1)}
.slick-slider[data-slider-type="center"] .slick-slide{margin: 0px calc(var(--gap) * 1);}

.slick-slider[data-slider-type="center"] .slick-slide .youtube__thumbnail{clip-path: polygon(10% 10%, 10% 90%, 90% 90%, 90% 10%);transition: var(--trans-600);}
.slick-slider[data-slider-type="center"] .slick-slide.slick-current .youtube__thumbnail{clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);}
/*.slick-arrows--middle .slick-arrow{--position: calc(23% - 11px);}*/

@media(max-width: 767px){
	.slick-arrow{--push:4px;--arrow-width: 11px;--arrow-height: 18px;}
	.slick-slider[data-slider-type="center"]{--gap: 10px;padding-inline: var(--padding-sectionX);}
	.slick-slider[data-slider-type="center"] .slick-track{padding-left: 0;}
}

.slick-slider[data-slider-type="center"] .slick-list{padding-left: 0%;}
@media(min-width: 1025px){
	.slick-slider[data-slider-type="center"] .slick-list{padding-left: 25%;}
}

/* -- Arrows Vertical Middle */
.slick-arrows--middle .slick-arrow{
	/*--position: calc(19% - 0px);*/
	/*top: calc(50% - var(--arrow-height) / 2);*/
	--position: 0px;
	position: absolute;
	top: 0;
	margin: 0;
	z-index: 100;
	transition: var(--trans);
	width: 25%;
	height: 100%;
}
.slick-arrows--middle .slick-arrow:after{top: 50%;left: 0%;transform: translate(90px, 0%);}
.slick-arrows--middle .slick-arrow.slick-next:after{margin-left:8px;}
/*.slick-arrows--middle .slick-arrow.slick-prev:after{top: 50%;left: 0%;transform: translate(55px, 0%);}*/

.slick-arrows--middle .slick-arrow.slick-prev{left: var(--position);transform: scaleX(-1);}
.slick-arrows--middle .slick-arrow.slick-next{right: var(--position);}

@media(max-width: 767px){
	.slick-arrows--middle .slick-arrow{--arrow-width: 11px;--arrow-height: 17px;--position: calc(24% - 11px);top: calc(35% - var(--arrow-height) / 2);}

	.slick-arrows--middle .slick-arrow{--position: 20px;top: -60px;}
	.slick-arrows--middle .slick-arrow.slick-prev{left: unset;margin-right:16px;}
}

/* -- Slick Dots */
.slick-dotted{--dots: 50px;padding-bottom: var(--dots);}
.slick-dotted .slick-dots{bottom: calc(var(--dots) * 0.5);}
.slick-dots{width: 100%;height: auto;position: absolute;bottom: 0;left: calc(50% + 0px);transform: translateX(-50%);display: flex;justify-content: center;}

.slick-dots li:only-child{display: none;}
.slick-dots li{margin: 0px 5px;display: flex;}
.slick-dots li button {font-size: 0;}
.slick-dots li button{width: 8px;height: 8px;background-color: white;border-radius: 100%;opacity: .2;}
.slick-dots li.slick-active button{background-color: white;opacity: 0.8;}


/* Slider Height Fixed, Not Adaptive*/
/* .slick-slide {
    height: auto;
}
.slick-track {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
} */

/*************************************************************************************************************
***** CORE ***************************************************************************************************
**************************************************************************************************************/
/**********/
/* Header */
/**********/
header{width: 100%;
	height: var(--height-header);
	padding: 40px 40px;
	background-color: var(--color-primary);
	background-color: transparent;
	/* color: white; */
	color: var(--color-text-white);
	top: 0;z-index: 2000;}
header,
header.sticky{position: absolute;}

header .container-fluid{max-width: 120rem;} /* 1920px */

header .logo{position: absolute;top:22px;top:32px;}
header .logo img{height: 98px;}

header .header__topbar__wrapper{width: 100%;/*height: 18px;*/}
header .header__topbar{width: 100%;position: absolute;top: -40px;right: 0px;display: flex;justify-content: flex-end;gap: 10px;transition: var(--trans);}
header .header__topbar a.lang{border-top-left-radius: 0;border-top-right-radius: 0;}

header .header__main{margin-top: 0px;}

header.sticky{height: var(--height-header--sticky);}
/*header.sticky .header__topbar{transform: translateY(-100px);}*/


a.lang{font-size: var(--fs-200);line-height: var(--lh-100);padding: 5px 0px;border-radius: 4px;}
a.lang.active{padding: 5px 8px;background-color: white;color: var(--color-primary);}

@media(max-width: 1024px){
	#nav-control .floating-languages{margin-top: 40px;}
	#nav-control .social-icons{
		position: absolute;
		bottom: var(--padding-sectionY);
		left: var(--padding-sectionX);
	}

	a.lang{color: var(--color-primary);font-size: var(--fs-300);}
	a.lang + a.lang{margin-left: 15px;}
	a.lang.active{background-color: var(--color-primary);color: white;}
}

header .nav-bar{width: 100%;display: flex;justify-content: flex-end;align-items: center;gap: 45px;transition: var(--trans)}
header ul.nav-menu{display: flex;align-items: center;gap: 30px;}
header ul.nav-menu li{display: flex;}
header ul.nav-menu li a{font-family: var(--ff-cera);font-size: 16px;text-transform: uppercase;line-height: var(--lh-100);}

/* Mobile Burger Icon*/
@media(min-width: 1025px){
	/*header.sticky .nav-bar {transform: translateY(-15px);}*/
	header ul.nav-menu li{display: flex;}
	header button#toggle-nav-xs{display: none;}
}
@media(max-width: 1024px){
	header{padding: var(--padding-sectionX);}
	header .nav-bar{height: 40px;flex-direction: row-reverse;justify-content: flex-start;}
	header ul.nav-menu li{display: none;}
	header button#toggle-nav-xs{display: block;}
	.floating-container ul.burger-menu li a {
		font-family: var(--ff-cera);
		font-size: 20px;
		color:var(--color-primary);
		text-transform: uppercase;
		line-height: var(--lh-500);
	}
}
@media(max-width: 1024px){
	header .header__topbar__wrapper{display: none;}
}

@media(max-width: 767px){
	header,
	header.sticky{position: relative}
	header .logo img{/*height: 120px;*/margin-top: 0px;height: 40px;}
	header .social-icons{display: none;}


	/**/
	header{background-color: var(--color-primary);}
	header .header__main{display: flex;}
	header .logo{position: relative;top: 0;}
}


header button#toggle-nav-xs{position: relative;width: 50px;height: 12px;}
header button#toggle-nav-xs div{background-color:white;width: 100%;height: 2px;position: absolute;pointer-events: none;transform-origin: center;transition: var(--trans);}

header button#toggle-nav-xs div:first-child{top: 0;}
header button#toggle-nav-xs div:last-child{top: 100%;}

/*header button#toggle-nav-xs.active div:first-child,
header button#toggle-nav-xs.active div:last-child{top: 50%;width: 60%;background-color: white;}*/

/*header button#toggle-nav-xs.active div:first-child{transform: rotate(45deg);right: 0%;}*/
/*header button#toggle-nav-xs.active div:last-child{transform: rotate(-45deg);right: 0%;}*/

#toggle-nav-control{position: relative;width: 50px;height: 12px;}
#toggle-nav-control div{background-color:var(--color-primary);width: 100%;height: 2px;position: absolute;pointer-events: none;transform-origin: center;transition: var(--trans);}

#toggle-nav-control div:first-child{top: 0;transform: rotate(45deg);right: 0%;}
#toggle-nav-control div:last-child{top: 100%;transform: rotate(-45deg);right: 0%;}

#toggle-nav-control div:first-child,
#toggle-nav-control div:last-child{top: 50%;width: 60%;}

@media(max-width: 767px){
	header button#toggle-nav-xs,
	#toggle-nav-control{width: 40px;height: 10px;}
	/*header button#toggle-nav-xs.active,
	#toggle-nav-control.active{width: 40px;}*/
}


/**********/
/* Footer */
/**********/
footer{
	width: 100%;
	position: relative;
	background-color: var(--color-primary);
	color: var(--color-text-white, red);
	padding-block: 45px;
	padding-inline: var(--padding-pageX);
}
footer .grid .column{display: flex;align-items: flex-end;}
@media(min-width: 1025px){
	footer .grid .column:last-child{justify-content: flex-end;}
}

footer .copyright{font-size: var(--fs-300);text-transform: uppercase;}

footer ul.nav-menu{display: flex;align-items: center;gap: 50px;}
footer ul.nav-menu li{display: flex;}
footer ul.nav-menu li a{font-size:  var(--fs-300);text-transform: uppercase;line-height: var(--lg-100);text-decoration: underline;}
footer ul.nav-menu li a:hover{color: var(--color-white);}

@media(max-width: 767px){
	footer .grid .column{justify-content: center;}
}

/*************************************************************************************************************
***** COLORS *************************************************************************************************
**************************************************************************************************************/
.bg-primary{		background-color:var(--color-primary);}
.bg-secondary{		background-color:var(--color-secondary);}
.bg-gold{			background-color:var(--color-gold);}
.bg-red{			background-color:var(--color-red);}
.bg-grey{			background-color:var(--color-grey);}

.text-primary{		color:var(--color-primary);}
.text-secondary{	color:var(--color-secondary);}
.text-gold{			color:var(--color-gold);}
.text-red{			color:var(--color-red);}
.text-grey{			color:var(--color-grey);}
.text-white-opacity{color:var(--color-white-opacity);}

.text-white{		color:var(--color-text-white);} /* #F9F9F9 */


/*************************************************************************************************************
***** UTILITY ************************************************************************************************
**************************************************************************************************************/
/*1920px = 120rem*/
/*1200px =  75rem*/
/*1140px =  71.25rem*/
/* Layout */
.container-fluid{width: 100%;max-width: 100rem;margin-inline:auto;padding-inline: 0;}
.container{width: 100%;max-width: 75rem;margin-inline:auto;padding-inline: 0;}

.relative{position: relative;}

.w-100{width: 100%;}
.vh-100{height: 100vh;}

.flow > *:not(:first-child) {margin-top: var(--gap-flow, 1rem);}

.padding-sectionX{padding-inline: var(--padding-sectionX);}
.padding-sectionY{padding-inline: var(--padding-sectionY);}

/* -- Flex */
.flex{display: flex;}

.flex-center{justify-content: center;align-items: center;}
.flex-start{justify-content: flex-start;align-items: center;}
.flex-end{justify-content: flex-end;align-items: center;}
.flex-between{justify-content: space-between;align-items: center;}
.flex-around{justify-content: space-around;align-items: center;}

.flex-wrap{flex-wrap: wrap;}
.flex-column,
.flex-dir-column{flex-direction: column;}

.flex--columns-two{flex-wrap: nowrap;}


/* -- Grid */
.grid{display: grid;}
.grid--columns-two {grid-template-columns: repeat(2,1fr);}
.grid--columns-footer {grid-template-columns: 1fr 115px 1fr;}

/* -- Common Flex & Grid */
.gap-0{gap: 0;}

.flex,.grid{gap: var(--gap-400, 1rem);}
.flex .column,
.grid .column{width: 100%;position: relative;}

.align-start{align-items: start;}
.align-center{align-items: center;}
.align-content{align-content: center;}

@media(max-width: 767px){
	.flex--columns-two{flex-wrap: wrap;}
	.grid--columns-two,
	.grid--columns-footer{grid-template-columns: 1fr;}

	.order-1{order: 1;}
	.order-2{order: 2;}
	.order-3{order: 3;}
}

/* Max Width */
.mxw-xl{max-width:   900px;}
.mxw-lg{max-width:   765px;}
.mxw-md{max-width:   625px;}
.mxw-sm{max-width:   555px;}
.mxw-xs{max-width:   400px;}
.mxw-xxs{max-width:  275px;}

.mxw-xl,
.mxw-lg,
.mxw-md,
.mxw-sm,
.mxw-xs,
.mxw-xxs{width: 100%;margin-left: auto;margin-right: auto;}

.mxw-left{margin-left: 0;}
.mxw-right{margin-right: 0;}


/* Typography */
.ff-cera{font-family: var(--ff-cera);font-weight: 700;}
.ff-sans{font-family: var(--ff-sans);font-weight: 500;}

h1,.h1,.fs-900{font-size:var(--fs-900);}
h2,.h2,.fs-800{font-size:var(--fs-800);}
h3,.h3,.fs-700{font-size:var(--fs-700);}
h4,.h4,.fs-600{font-size:var(--fs-600);}

h1,.h1,.fs-900,
h2,.h2,.fs-800,
h3,.h3,.fs-700,
h4,.h4,.fs-600{font-family: var(--ff-cera);line-height: var(--lh-200);font-weight: 700;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

.bold{font-weight: 700;}
.italic{font-style: italic;}
.uppercase{text-transform: uppercase;}
.text-transform-none{text-transform: none;}


/* -- Custom Scroll */
.scrolly{overflow-x: hidden;overflow-y:auto;word-wrap:break-word;}
.scrolly::-webkit-scrollbar {width: 12px;height: 10px;}
.scrolly::-webkit-scrollbar:vertical {background-color:hsl(var(--color-background));}
.scrolly::-webkit-scrollbar-track:vertical {background-color:hsl(var(--color-background));}
.scrolly::-webkit-scrollbar-thumb {height:10px;max-height:10px;}
.scrolly::-webkit-scrollbar-thumb:vertical {background-color:hsl(var(--color-greyish));border-radius: 30px;}
.scrolly::-webkit-scrollbar-thumb:active {background-color:hsl(var(--color-greyish));}

.inner-scrolly::-webkit-scrollbar-track {background: linear-gradient(to right,hsl(var(--color-background)) 0%,hsl(var(--color-background)) 35%,hsl(var(--color-light-peach)) 55%,hsl(var(--color-background)) 65%,hsl(var(--color-background)) 100%);}
.inner-scrolly::-webkit-scrollbar{width: 8px;}
.inner-scrolly::-webkit-scrollbar-thumb {background-color: hsl(var(--color-greyish));border-radius: 35px;}


/* Images */

/* Accesibility */
.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}


/* Misc */
.sticky{position: sticky;top: 0;transition: var(--trans);}
.sticky.top-header{top: var(--height-header);}
.sticky.top-header-sticky{top: var(--height-header--sticky);}

.grab{cursor: -webkit-grab;cursor: -moz-grab;cursor: grab;}
.grab:active{cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: grabbing;}

.pointer-none{pointer-events: none;}
.overflow{overflow: hidden;}

.opacity-0{opacity: 0;}
.opacity-1{opacity: 1;}

.aspect-ratio--video{aspect-ratio:16/9;}

@media(max-width: 767px){
	.hidden-xs{display: none;}

	.mobile-reverse-columns{}
	.mobile-reverse-columns > div:first-child{order: 2;}
	.mobile-reverse-columns > div:last-child{order: 1;}
}


/*************************************************************************************************************
***** ELEMENTS *********************************************************************************************
**************************************************************************************************************/
/****************/
/* Buttons ******/
/****************/
a.btn{padding: var(--padding-button);background-color: var(--color-button);color: white;
	/* font-family: var(--ff-cera); */
	font-family: var(--ff-sans);
	font-size: var(--fs-btn);line-height: var(--lh-100);text-transform: uppercase;transition: var(--trans);}
a.btn:hover,
a.btn:focus,
a.btn:active{background-color: var(--color-hover);color: white;}

.btn-arrow{display: inline-flex;align-items: center;gap:25px;}

.btn-info{border: 2px solid currentColor;border-radius: 44px;padding: 8px 20px 8px 10px;display: flex;align-items: center;gap: 10px;}
.btn-info,
.btn-info__icon path{transition: var(--trans)}
.btn-info__icon,
.btn-info__label{display: inline-flex;}

.btn-info.text-white:hover{background-color: white;border-color:white;color: var(--color-primary);}
.btn-info.text-white:hover .btn-info__icon path{fill:var(--color-primary);}

.btn-info.text-primary:hover{background-color: var(--color-primary);border-color:var(--color-primary);color: white;}
.btn-info.text-primary:hover .btn-info__icon path{fill:white;}

a.btn.link-arrow{
	padding: 0;
	padding-bottom: 2px;
    background-color: transparent;
    color: var(--color-gold); 
	border-bottom: 2px solid transparent;
}

a.btn.link-arrow:hover,
a.btn.link-arrow:focus{
	border-color: var(--color-gold);
}

/************/
/* Form *****/
/************/
.form{width: 100%;}
.form .form-row{width: 100%;}
.form .form-row + .form-row{margin-top: var(--gap-200);}
.form .form__button{background-color: white;padding: 14px 34px;font-family: var(--ff-cera);font-size: var(--fs-btn);color: var(--color-primary);text-transform: uppercase;display: flex;align-items: center;gap: 15px;transition: var(--trans);}
.form .form__button .form__button__label,
.form .form__button .form__button__icon{display: flex;}

.form .form__button:hover{background-color: var(--color-hover-white);}

.form input,
.form textarea,
.form select{
	width: 100%;
	padding: 15px 20px;
	/* background-color: rgba(255,255,255,0.3); */
	background-color: #0A3C61;
	/* color: var(--color-primary); */
	color: var(--color-text-white);
	transition: var(--trans);
}

/* .form input:focus,
.form textarea:focus,
.form select:focus,
.form input:valid,
.form textarea:valid,
.form select.valid{background-color: rgba(255,255,255,1);} */

/* .form ::-webkit-input-placeholder{color: var(--color-primary);}
.form :-ms-input-placeholder{color: var(--color-primary);}
.form ::placeholder{color: var(--color-primary);} */
.form ::-webkit-input-placeholder{color: rgba(255,255,255,0.3);}
.form :-ms-input-placeholder{color: rgba(255,255,255,0.3);}
.form ::placeholder{color: rgba(255,255,255,0.3);}


/************/
/* Modal ****/
/************/
.modal{position: fixed;inset:0;display: flex;justify-content: center;align-items: center;transition: var(--trans-500);z-index: 3000;}
.modal,
.modal.close{opacity: 0;pointer-events: none;}
.modal.open{opacity: 1;pointer-events: all;}

.modal-backdrop{position: absolute;inset:0;background-color: black;opacity: 0.5;z-index: 0;}
.modal-container{--space: 25px;width: 100%;max-width: 745px;margin: 15px;padding: 65px var(--space);background-color: white;border-radius: 20px;position: relative;z-index: 1;}
.modal-container.modal-container--lg{max-width: 1200px;padding: var(--space);}

.modal-container a.modal-close{position: absolute;top: var(--space);right: var(--space);}
.modal-container a.modal-close path{transition: var(--trans);}
.modal-container a.modal-close:hover path,
.modal-container a.modal-close:focus path{fill: var(--color-secondary)}

#age-checker .modal-container .modal-header__title.text-primary{color: var(--color-secondary);}

.modal-header{margin-bottom: var(--gap-300);}
.modal-header .modal-header__subtitle{line-height: 2;}

.modal-body .table{width: 100%;max-width: 560px;margin-left: auto;margin-right: auto;padding-inline:10px;}
.modal-body .table-row{--gap: 2px;margin-bottom: var(--gap);display: flex;justify-content: center;align-items: stretch;gap: var(--gap);}
.modal-body .table-row .table-row__title,
.modal-body .table-row .table-row__value{flex: 1;padding: 6px 30px;background-color: hsl(221 100% 21% / 0.05); /* Primary 0.05*/color: var(--color-primary);}
.modal-body .table-row .table-row__value{font-weight: 700;}

.modal-body .video-player{width: 100%;aspect-ratio: 16/9;}

@media(max-width:767px){
	.modal-container{--space: 15px;padding: 45px var(--space);}
	.modal-body .table-row .table-row__title,
	.modal-body .table-row .table-row__value{padding: 8px 10px;display: flex;align-items: center;}

}

/**********************/
/* Sections Connector */
/**********************/
.connector{width: 100%;height: 200px;background-size: cover; background-position: center;}
.connector.bricks--blue-white{background-image: url('../images/connentor--blue-white.jpg');}
.connector.bricks--blue-red{background-image: url('../images/connentor--blue-red.jpg');}

@media(max-width: 767px){
	.connector{height: 100px;}
}

/****************/
/* Social Icons */
/****************/
.social-icons{display: flex;align-items: center;gap: 30px;}
.social-icons a{display: flex;}

.social-icons a svg path{fill: var(--color-text-white);}

/****************/
/* Banner *******/
/****************/
.banner{width: 170px;height: auto;position: absolute;top: 0;right: 0;}
@media(max-width: 767px) {.banner{width:100px;top:10px;}.banner.banner--overflow{top: -30px;}}
@media(min-width: 1200px){.banner.banner--overflow{right: -6vw;}}


/************/
/* Headings */
/************/
.section-heading{margin-bottom: var(--padding-sectionY);}
.section-heading .section-heading__tag,
.section-heading .section-heading__title{text-transform: uppercase;}
.section-heading .section-heading__title.text-transform-none{text-transform: none;}

.section-heading .section-heading__tag{font-family: var(--ff-cera);font-size: var(--fs-500);text-transform: uppercase;}
.section-heading .section-heading__tag + .section-heading__title{margin-top: var(--gap-200);}
.tag--red{font-family: var(--ff-cera);font-size: var(--fs-500);color: var(--color-secondary);text-transform: uppercase;}
.tag--gold{font-family: var(--ff-cera);font-size: var(--fs-500);color: var(--color-gold);text-transform: uppercase;}



/*************************************************************************************************************
***** COMPONENTS *********************************************************************************************
**************************************************************************************************************/
/***************/
/* Hero Slider */
/***************/
#hero{width: 100%;position: relative;}
#hero-slider{--slider-height: calc(100vh - var(--height-header));width: 100%;height: auto;}
/* #hero-slider .hero-slider__item{width: 100%;height: var(--slider-height);position: relative;display: flex;justify-content: flex-start;align-items: center;background-position: center;background-repeat: no-repeat;background-size: cover;} */
#hero-slider .hero-slider__item{width: 100%;height: auto;position: relative;display: flex;justify-content: flex-start;align-items: center;background-position: center;background-repeat: no-repeat;background-size: cover;}
#hero-slider .hero-slider__tag{font-family: var(--ff-cera);font-size: 36px;line-height: var(--lh-100);
	/* color: var(--color-white-opacity); */
	color: var(--color-text-white);
}
#hero-slider .hero-slider__title{margin-top: var(--gap-100);font-family: var(--ff-cera);font-size: var(--fs-900);line-height: var(--lh-100); font-weight: 700; color: var(--color-text-white);}
#hero-slider .hero-slider__desc{margin-top: var(--gap-200);color: var(--color-text-white);line-height: 1.4;}
#hero-slider .hero-slider__buttons{margin-top: var(--gap-600, 40px);}
#hero-slider .hero-slider__helper{margin-top: var(--gap-700, 60px);font-size: var(--fs-300);color: var(--color-text-white);}

.desktab_img{

	width:100%
}

#hero .slick-track{display: flex;}
#hero .hero-slider__item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media(min-width: 1025px){#hero-slider .hero-slider__item{height: 100svh};}

@media(min-width:768px){
	#hero-slider .container-fluid {position:absolute; left:5%}
	#hero-slider .hero-slider__item{padding:0}
	#hero-slider .hero-slider__content.mxw-lg{width:45%;max-width:800px;}
}
.hero-slider__image{display: none;}
@media(max-width:767px){
	#hero-slider,
	#hero-slider .hero-slider__item{
		height: auto;
		min-height: var(--slider-height);
		background-color: var(--color-primary);
	}
	#hero-slider .hero-slider__item{
		background-image: none !important;
		background-color: var(--color-primary);
		align-items: flex-start;
	}

	#hero-slider .hero-slider__image{
		display: block;
		width: 100vw;
		margin-left: calc(var(--padding-sectionX) * -1);
		margin-bottom: var(--padding-sectionX);
	}
	#hero-slider .hero-slider__image img{
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	.desktab_img {display:none !important}
	#hero-slider .hero-slider__content{
		padding-bottom: var(--padding-sectionY);
	}

	/* #hero-slider .hero-slider__item a.btn{background-color: white;color: var(--color-primary);}
	#hero-slider .hero-slider__item a.btn .btn__icon path{fill: var(--color-primary);} */
}

@media(max-width:767px){
    #hero-slider .hero-slider__tag{font-size:24px}
    #hero-slider .banner{width: 60px;right: 10px;display:none}
}

/*********/
/* Promo */
/*********/
section#promo{
	--reverse-move: 100px;
	width: 100%;
	min-height: 300px;
	position: relative;
	padding-block: var(--padding-sectionY);
	/*background-image: url('../images/bricks--white.jpg');*/
	background-color: var(--color-primary);

	background-image: url(../images/road-opacity.svg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 70%;

	isolation: isolate;
	overflow: hidden;
}


section#promo::before,
section#promo::after{
	content: '';
	position: absolute;
	bottom: -50px;
	background-image: url(../images/hop-gold.svg);
	background-position: bottom;
	background-size: contain;
	background-repeat: no-repeat;

	width: 10vw;
	z-index: -1;
	min-width: 150px;
	max-width: 350px;
	aspect-ratio: 1 / 1.8; /* 0.55 */
	pointer-events: none;
}

section#promo::after{
	right: 5vw;
	transform: scaleX(-1);
	bottom: -60px;
	width: 8px;
}

@media(min-width: 1600px){
	section#promo{background-size: auto;}
}

@media(max-width: 767px){
	section#promo{background-size: contain;}
	section#promo::before,
	section#promo::after{
		min-width: 60px;
		max-width: 100px;
	}

	section#promo::before{
		top: 20%;
		left: -2vw;
		transform: rotate(20deg);
	}

	section#promo::after{
		top: 50%;
        right: -2vw;
        transform: scale(-1) rotate(20deg);
	}
}


#promo .promo__content .promo__title,
#promo .promo__expandable .promo__description,
#promo .promo__content .promo__helper{
	/* color: white; */
	color: var(--color-text-white);
}

#promo .promo__content .promo__title{margin-top: 10px;}

#promo .promo__expandable{width:100%;max-width: 530px;}
#promo .promo__expandable .promo__description,
#promo .promo__expandable .promo__description.close{/*font-size: 18px;*/height: 50%;max-height: 160px;overflow: hidden;margin-top:15px;}
#promo .promo__expandable .promo__description.open{height: 100%;max-height: 500px;}

#promo .promo__desc_handler{margin-top: var(--gap-400);display: flex;gap:15px;}
#promo .promo__desc_handler .promo__desc_handler__label{font-size: var(--fs-400);color: var(--color-gold);}
#promo .promo__helper{width: 100%;max-width: 400px;margin-top: 100px;font-size: var(--fs-300);/*font-style: italic;*/}

#promo .promo__expandable .promo__description,
#promo .promo__desc_handler .promo__desc_handler__icon{transition: var(--trans-600);}
#promo .promo__desc_handler .promo__desc_handler__icon svg path{fill: var(--color-gold);}

@media(min-width: 1025px){
	#promo .promo__content{margin-top: calc(var(--reverse-move) * 1)}
	#promo .promo__image{margin-top: calc(var(--reverse-move) * -1)}
}
@media(max-width: 767px){
	#promo .promo__helper{margin-top: var(--gap-700);}
}


/************/
/* Products */
/************/
section.products{background-size: cover;}
section.products#pils-hellas{
	background-color: var(--color-secondary);
	position: relative;
	isolation: isolate;
}
section.products#pils-hellas:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 4vw;

	width: 25vw;
    aspect-ratio: 1 / 1.25;

	min-width: 100px;
	max-width: 600px;

	background-image: url(../images/wheat-white.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom left;
	z-index: -1;
	pointer-events: none;
}

section.products#pils-hellas:after{
	content: '';
	position: absolute;
	top: 4vw;
	right: 4vw;

	width: 25vw;
    aspect-ratio: 1.10 / 1;

	min-width: 200px;
	max-width: 600px;

	background-image: url(../images/bow-arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
	z-index: -1;
	pointer-events: none;
}

@media(max-width: 767px){
	section.products#pils-hellas:before{
		left: 60vw;
	}
}


section.modal-is-open{z-index: 100;}


section.products#pils-eftara{
	background-color: var(--color-primary-dark);
	position: relative;
	isolation: isolate;
}
section.products#pils-eftara::before{
	content: '';
	position: absolute;
	width: 22vw;
    aspect-ratio: 1 / 1.25;

	min-width: 200px;
	max-width: 500px;
	bottom: 0;
	right: 15vw;

	background-image: url(../images/wheat-primary.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	z-index: -1;
	pointer-events: none;
}


.products__content .products__title{margin-top: var(--gap-200);}
.products__content .products__description{margin-top: var(--gap-400);}
.products__content .products__meta{margin-top: var(--gap-500);}
.products__content .products__meta .products__meta__key{font-family: var(--ff-cera);color: var(--color-gold);}
.products__content .products__info{margin-top: var(--gap-500);display:flex;justify-content:space-between;align-items:center;}

.products__content .dont-drink-drive {opacity: 0.5;}

@media(max-width: 767px){
	.products__content{margin-top: var(--gap-500);}
}

/* -- Product Tabs */
.products__tabs{width: 100%;position: relative;}
@media(min-width: 1025px){.products__tabs{margin-bottom: 60px;}}

/* -- Tabs Content */
.products__tab__content{--product-height: 00px;margin-bottom: var(--gap-600);}
.products__tab__content .tab-pane{width: 100%;height: var(--product-height);display: flex;justify-content: center;align-items: flex-end;}
.products__tab__content .tab-pane[hidden="true"]{display: none;}
.products__tab__content .tab-pane img{max-height: var(--product-height);object-fit: contain;}

@media(min-width: 1025px){
	.products__tab__content{--product-height: 600px;}
	.products__tab__content .tab-pane img{height: var(--product-height);max-height: unset;}
}

/* -- Tabs Indicators */
.products__tabs .tab-list{width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap:1px;}
.products__tabs .tab-list .tab-indicator{min-width: 92px;padding: 8px 18px;background-color: rgba(255,255,255,0.1);color: white;font-family: var(--ff-cera);font-size: var(--fs-300);text-align: center;transition:var(--trans);cursor: pointer;}
.products__tabs .tab-list .tab-indicator:hover,
.products__tabs .tab-list .tab-indicator:focus{background-color: rgba(255,255,255,.3);}
.products__tabs .tab-list .tab-indicator[aria-selected="true"]{
	background-color: white;
	color: var(--color-primary);
	color: var(--color-secondary);
}

.products__tabs .tab-list.tab-list--reverse .tab-indicator{
	background-color: rgba(0,33,105,0.1);
	color: var(--color-primary);
	color: var(--color-text-white);
	border: 1px solid;
}
.products__tabs .tab-list.tab-list--reverse .tab-indicator:hover,
.products__tabs .tab-list.tab-list--reverse .tab-indicator:focus{background-color: rgba(0,33,105,0.3);}
.products__tabs .tab-list.tab-list--reverse .tab-indicator[aria-selected="true"]{
	background-color: white;
	color: var(--color-primary-dark);
}

@media(max-width: 767px){
	.products__tab__content{--product-height: 300px;}
	.products__tab__content img{max-height: var(--product-height);}
}

/************/
/* Contant **/
/************/
section#contact{
	/* color: white; */
	color: var(--color-text-white);
}
#contact .flex .column{max-width: 460px;}
#contact .contact__column__title{margin-bottom: var(--gap-400);}
#contact .contact__logo{margin-bottom: var(--gap-600);}
#contact .contact__logo img{height: 82px;}

/* -- Contact Address */
#contact .address + .address{margin-top: var(--gap-700);}
#contact .address .row{display: flex;flex-wrap: wrap;}
#contact .address .row + .row{margin-top: var(--gap-300);}
#contact .address .address__city{width: 100%;}
#contact .address .address__road{text-decoration: underline;}
#contact .address .address__phone{padding: 18px 22px;font-family: var(--ff-cera);
	/* color: white; */
	color: var(--color-text-white);
	border: 2px solid currentColor;display: flex;align-items: center;gap: 15px;}
#contact .address .address__phone .address__phone__icon,
#contact .address .address__phone .address__phone__label{display: flex;}
#contact .address .address__phone,
#contact .address .address__phone .address__phone__icon path{transition: var(--trans);}
#contact .address .address__phone:hover,
#contact .address .address__phone:focus{background-color: white;color: var(--color-primary);}
#contact .address .address__phone:hover .address__phone__icon path,
#contact .address .address__phone:focus .address__phone__icon path{fill: var(--color-primary);}

/* -- Contact Social */
#contact .contact__social{margin-top: var(--gap-600);}
#contact .contact__social .social-title{margin-bottom: var(--gap-300);}

/* -- Contact Form */
#contact #contact__form{margin-top: var(--gap-400);}

@media(max-width: 767px){
	#contact .flex{flex-wrap: wrap;gap: var(--padding-sectionY);}
	#contact .address + .address{margin-top: var(--gap-500);}
}


/************/
/* Contest **/
/************/
section#contest{
	/* background-image: url('../images/background-ice--blue.jpg'); */
}

.contest__tag,
.contest__title,
.contest__subtitle,
.contest__button__label{font-family: var(--ff-cera);line-height: var(--lh-200);text-transform: uppercase;}

.contest__content{color: var(--color-primary-dark);}

.contest__tag{font-size: var(--fs-500);}
.contest__title{margin-top: var(--gap-300);font-size: var(--fs-700);}
.contest__description{margin-top: var(--gap-400);max-width: 520px;}
.contest__subtitle{font-size: var(--fs-600);max-width: 340px;margin-top: var(--gap-500);}
.contest__buttons{margin-top: var(--gap-700);display: flex;}

.contest__button__label,
.contest__button__icon{display: flex;}
.contest__button{padding: var(--padding-button);display: flex;justify-content: center;align-items: center;gap: 15px;background-color: white;
	color: var(--color-primary-dark);
	font-size: var(--fs-btn);transition: var(--trans);}
.contest__button__label{margin-top: 3px;
	font-family: var(--ff-sans);
	color: var(--color-primary-dark);}

.contest__button:hover{background-color: var(--color-hover-white);}


.contest__helper{margin-top: var(--gap-700);display: flex;gap: 6px;}
.contest__helper span{opacity: 0.6;}
.contest__helper a{opacity: 0.8;text-decoration: underline;transition: var(--trans);}
.contest__helper a:hover{opacity: 1;}


/*****************/
/* Video Sliders */
/*****************/
.slick-slider[data-slider-video="true"] .slick-track > * {cursor: pointer;}


/************/
/* YouTube **/
/************/
section#youtube{
	/* background-image: url('../images/background-grafity.jpg');
	background-size: cover; */
	background-color: var(--color-primary-dark);
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
section#youtube::before,
section#youtube::after{
	content: "";
	position: absolute;
	background-image: url(../images/hop-gold.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
	min-width: 150px;
	max-width: 350px;
	aspect-ratio: 1 / 1.8; /* 0.55 */
	pointer-events: none;
}

section#youtube::before{
	bottom: -40px;
	left: 5vw;
	width: 10vw;

}

section#youtube::after{
	top: -30px;
	right: 2vw;
	width: 8vw;
	scale: -1;
}

@media(max-width: 767px){
	section#youtube::before,
	section#youtube::after{
		min-width: 60px;
		max-width: 120px;
	}

	section#youtube::before{
		left: -5vw;
		width: 25vw;
	}
}


/* -- YouTube Title */
#youtube .section-heading{margin-bottom: var(--gap-500);}

/* -- YouTube Slider */
/*@media(min-width: 1025px){#youtube .slick-slider{height: 480px;}}*/
/*#youtube .youtube-slider__item{width: 100%;max-width: 935px;aspect-ratio: 16 / 9;}*/
#youtube .youtube-slider__item{width: 50vw;max-width: 1024px;aspect-ratio: 16 / 9;}

@media(max-width: 1024px){
	/*#youtube .youtube-slider__item{max-width: 410px;}*/
	#youtube .youtube-slider__item{width:100%;}
	#youtube .section-heading__title{min-height:81px;}
	#youtube .slick-arrows--middle .slick-arrow{--position: calc(12% - 0px);}
}

#youtube .youtube__thumbnail{display: flex;position: relative;aspect-ratio: 16 / 9;}
#youtube .youtube__thumbnail img{position: absolute;width: 100%;height: 100%;object-fit: cover;}

/* -- YouTube Subscribe */
#youtube .youtube-follow{display: flex; justify-content: center;margin-top: var(--gap-600);}
#youtube .youtube-subscribe{
	padding: var(--padding-button);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	font-family: var(--ff-cera);
	font-size: var(--fs-btn);
	line-height: var(--lh-200);
	background-color: var(--color-gold);
	color: var(--color-primary-dark);
	transition: var(--trans);
}
/*#youtube .youtube-subscribe__icon,
#youtube .youtube-subscribe__label{display: flex;}*/
#youtube .youtube-subscribe__icon{display: flex;}
#youtube .youtube-subscribe__icon svg {width: 27px;height: 18px;}
#youtube .youtube-subscribe__icon svg path{transition: var(--trans);}
#youtube .youtube-subscribe__label{margin-top: 3px;}

#youtube .youtube-subscribe:hover{
	background-color: var(--color-primary);
	color: var(--color-white);
}
#youtube .youtube-subscribe:hover .youtube-subscribe__icon svg path,
#youtube .youtube-subscribe:focus .youtube-subscribe__icon svg path{fill:white;}


@media(max-width: 767px){
	#youtube .section-heading{margin-bottom: var(--gap-600);}
	#youtube .section-heading__title{min-height:81px;}

	#youtube .youtube-slider__item{margin: 0;}
}


/************/
/* Internets */
/************/
#internets{padding-bottom: calc(var(--padding-sectionY) * 1)}
/* -- Internets Title */
#internets .section-heading{margin-bottom: var(--gap-700);padding-left:var(--slider-offset-left, 15%);}

/* -- Internets Slider */
#internets .slick-slider{--gap: 7px;padding-left:var(--slider-offset-left, 15%);}
#internets .slick-slider .slick-list{margin-inline:calc(var(--gap) * -1);}
#internets .slick-slider .slick-slide{margin-inline:calc(var(--gap) * 1);}
#internets .slick-slider .slick-track{padding-block:15px;/*padding-left: 7px;*/}

#internets .internets-slider__item{/*max-width: 366px;*/}
#internets .internets__thumbnail{position: relative;width: 100%;aspect-ratio:16 / 9;display: flex;justify-content: center;align-items: flex-start;overflow: hidden;}
#internets .internets__thumbnail img{width: 100%;height: 100%;object-fit: cover;}
#internets .internets__source_logo{margin-top: var(--gap-500);}
#internets .internets__source_logo img{max-width: 72px;max-height: 35px;}
#internets .internets__description{width: 100%;max-width: 334px;margin-top: var(--gap-400);
	color:white;
	color: var(--color-text-white);
}

@media(max-width: 767px){
	#internets{padding-bottom: calc(var(--padding-sectionY) * 1)}
	#internets .section-heading{margin-bottom: var(--gap-600);}
	#internets .slick-slider{padding-inline:var(--slider-offset-left);}
	#internets .slick-slider .slick-slide{margin-inline:0;}
}

/************/
/* Polaroid */
/************/
#polaroid{
	padding-bottom: calc(var(--padding-sectionY) * 2);
	background-image: url(../images/archer-opacity-part.svg);
	background-position: 90% 100%;
	background-size: contain;
	background-repeat: no-repeat;
}
/* -- Polaroid Title */
#polaroid .section-heading{margin-bottom: var(--gap-700);}

/* -- Polaroid Slider */
#polaroid .slick-slider{--gap: 20px;}/*padding-left:var(--slider-offset-left, 15%);*/
#polaroid .slick-slider .slick-list{margin-inline:calc(var(--gap) * -1);}
#polaroid .slick-slider .slick-slide{margin-inline:calc(var(--gap) * 1);}
#polaroid .slick-slider .slick-track{padding-block:35px;padding-top: 50px;}

#polaroid .polaroid-slider__item{aspect-ratio:4/4.5;padding: 15px;display: flex;flex-direction: column;justify-content: space-between;background-color: white;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);transition:var(--trans)}
#polaroid .polaroid-slider__item{max-width:300px;}

#polaroid .polaroid-slider__item:hover{transform: scale(1.05);}

#polaroid .polaroid-slider__item a {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}


#polaroid .polaroid__photo{width: 100%;aspect-ratio: 1.1 / 1;background-color: white;background-size: cover;background-position: center;box-shadow: inset 0 0 50px rgba(100, 100, 80, 0.8);	}
#polaroid .polaroid__title{text-align: center;font-family: var(--ff-cera);font-size: var(--fs-300);line-height: var(--lh-500);color: var(--color-primary);}



/*#polaroid .polaroid-slider__item:nth-child(1n){transform: rotate(4deg);}
#polaroid .polaroid-slider__item:nth-child(2n){transform: rotate(-2deg);}*/

#polaroid .slick-slide:nth-child(1n){transform: rotate(4deg);}
#polaroid .slick-slide:nth-child(2n){transform: rotate(-2deg);}


@media(max-width: 767px){
	#polaroid{padding-bottom: calc(var(--padding-sectionY) * 1)}
	#polaroid .section-heading{margin-bottom: var(--gap-600);}
	#polaroid .polaroid__title{margin-bottom: 15px;}
	/*#polaroid .slick-slider .slick-track{padding-left: 30px;}*/
	/*#polaroid .polaroid-slider__item{max-width: 280px;}*/
	#polaroid .polaroid-slider__item{max-width: 80%; margin: auto;}
}

/************/
/* Timeline */
/************/
/* Slick: https://codepen.io/amaurycatelan/pen/aQMOvw */
/* https://codepen.io/daveknispel/pen/PzOPVo */
/* https://codepen.io/ASDAFF/pen/gRGNoP */



#timeline{
	--items: 0;
	--item-width: 50%;
	/* background-image: url('../images/bricks--blue.jpg');
	background-size: contain;
	background-repeat-y: repeat; */
	background-color: var(--color-secondary);
	padding-block:var(--padding-sectionY);

	position: relative;
	isolation: isolate;
}

#timeline::before,
#timeline::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;

	width: 20vw;
	min-width: 300px;
	max-width: 600px;
	aspect-ratio: 1.18 / 1;

	background-image: url(../images/wheat-dark-red-left.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
	z-index: -1;
}

#timeline::after{
	top: 40%;
	left: auto;
	right: 0;
	width: 25vw;
	min-width: 350px;
	max-width: 650px;

	background-image: url(../images/wheat-dark-red-right.svg);
}



.timeline-scroller {position: relative;height: 100%;overflow-x: hidden;overflow-y: scroll;-ms-overflow-style: none; scrollbar-width: none;}
.timeline-scroller::-webkit-scrollbar {display: none;}

.timeline__slider{
	--slider-height:  530px;
	height: var(--slider-height);
	overscroll-behavior: none;
	/*height: 100vh;*/
	padding-left: 15%;
}
.timeline__track{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;

	overscroll-behavior: none;
}

.timeline__item{
	/* color: white; */
	color: var(--color-text-white);
	/* width: var(--item-width); */
	height: var(--slider-height);
/* 	max-width: 860px; */
	width: 860px;
	padding: 0 50px;
	transition:all 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.timeline__item__year{font-family: var(--ff-cera);font-size: var(--fs-700);font-weight: 700; margin-bottom: var(--gap-400);}

.timeline__item .timeline__image{display: flex;height: inherit;}
.timeline__item .timeline__image img{height: 100%; object-fit: cover;}

.timeline__item:nth-child(1n) .timeline__image{align-items: flex-end;}
.timeline__item:nth-child(2n) .timeline__image{align-items: flex-start;}

.timeline__item:nth-child(1n) .timeline__content{padding-top: 20px;}
.timeline__item:nth-child(2n) .timeline__content{padding-top: 50px;}




@media(max-width: 767px){
	.timeline__slider{padding-left: 0;height: auto;}
	.timeline__item{padding: 0 var(--padding-sectionX);height: auto;}
	.timeline__item:nth-child(1n) .timeline__image,
	.timeline__item:nth-child(2n) .timeline__image{align-items: flex-start;}
	.timeline__item:nth-child(1n) .timeline__content,
	.timeline__item:nth-child(2n) .timeline__content{padding-top: 0px;}
	
	.timeline__image img{width:100%;height: 150px;object-fit: cover;}
}


/* -- Timeline Controls */
.timeline__controllers{width: 100%;position: relative;}

/* -- Arrows */
.timeline__arrows{width: 100%;position: relative;display: flex;justify-content: flex-end;align-items: center;margin-block: var(--gap-600);padding-right: var(--padding-sectionX);}
.timeline-arrow{width: 22px;height: 35px;background-size: contain;background-repeat: no-repeat;opacity: 0.75;transition: var(--trans);}
.timeline-arrow:hover{opacity: 1;}
.timeline-arrow + .timeline-arrow{margin-left: 30px;}
.timeline-prev{background-image: url('../images/slider-arrow--prev-red.svg');}
.timeline-next{background-image: url('../images/slider-arrow--next-red.svg');}

/* -- Indecatiors */
.timeline__indicators{width: 100%;position: relative;}
.timeline__indicators .timeline__line{width: 100%;position: relative;height: 5px;background-color:var(--color-glass);}
/* .timeline__indicators .timeline__line:after{content: "";position: absolute;inset: 0;width: calc(12.5% + 25% + 1px);height: 100%;background-color: var(--color-secondary);} */
.timeline__indicators .timeline__line .red__bar {position:absolute;left:0;height:5px;background-color: var(--color-gold); transition: all 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95);}

.timeline__indicators .timeline__years{width: 100%;display: flex;justify-content: space-around;}

a.timeline__year{position: relative;font-family: var(--ff-cera);font-size: var(--fs-500);color: var(--color-glass);color: var(--color-grey-300);margin-top: 20px;transition: var(--trans);}
a.timeline__year:before{content: "";position: absolute;top: -20px;left: 50%;width: 2px;height: 12px;background-color: var(--color-grey-300);}

a.timeline__year:hover,
a.timeline__year:focus,
a.timeline__year:active{color: var(--color-glass-hover);}

.timeline__year[aria-selected="true"]{color: var(--color-gold);}
.timeline__year[aria-selected="true"]:before{top: -34px;height: 25px;background-color: var(--color-gold);}


@media(max-width: 1024px){
	#timeline{--item-width: 100%;}
	.timeline__controllers{padding-top: 50px;}
	.timeline__arrows{display: none;}
}
@media(max-width: 767px){
	.timeline__arrows{margin-block: var(--gap-400);}
	.timeline-arrow{width: 11px; height: 18px;}
}




/* DEV  */
#timeline.dev .timeline__item:nth-child(1n){background-color: red}
#timeline.dev .timeline__item:nth-child(2n){background-color: green;}
/*.slick-cloned{opacity: 0.2;}*/


.timeline__arrows .prevdisabled { opacity:0.2; cursor:default  }
.timeline__arrows .prevdisabled:hover { opacity:0.2 ;cursor: default;}

.timeline-arrow:not(.prevdisabled):hover,
.timeline-arrow:not(.prevdisabled):focus{filter: brightness(10);}

/* ---------------------- */
/* -- Floating Container  */
.floating-backdrop,
.floating-container{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;transition: var(--trans);}

.floating-backdrop.close{opacity: 0;pointer-events: none;}
.floating-backdrop{background-color: rgba(0,0,0,0.8);opacity: 1;z-index: 2040;}

.floating-container{z-index: 2050;width: 80%;min-width: 300px;max-width: 400px;padding: var(--padding-sectionX) var(--padding-sectionX) var(--padding-sectionY) var(--padding-sectionX);background-color: white;}
.floating-container.close{transform: translateX(-101%);}
.floating-container,
.floating-container.open{transform: translateX(0%);}

.floating-container .floating-header{height: 30px;display: flex;justify-content: flex-end;align-items: center;margin-bottom: 20px;}
.floating-container .map-control__filters{flex-wrap: wrap;}
.floating-container .map-control__filters .select,
.floating-container .map-control__filters .select:first-child,
.floating-container .map-control__filters .select:last-child{margin: 0;margin-bottom: var(--gap);}

@media(max-width: 1024px){
	.floating-body{
    	height: calc(100vh - 30px - 20px - var(--padding-sectionY) * 2);
	}
}

.grecaptcha-badge {display:none}



/************/
/* Packshot */
/************/
#pils-packshot{background-color: var(--color-primary-dark);position: relative;isolation: isolate;min-height: 80vh;display: flex;align-items: center;}
#pils-packshot .flex .column{display: flex;flex-direction: column;justify-content: center;}
#pils-packshot .section-heading{margin-bottom: 24px;}
#pils-packshot .section-heading__tag{font-size: var(--fs-700);}


#pils-packshot .content,
#pils-packshot .content *{font-family: var(--ff-cera);font-size: var(--fs-500);}
#pils-packshot::before,
#pils-packshot::after{content: '';position: absolute;top: 0;left: 0;width: 20vw;min-width: 300px;max-width: 600px;aspect-ratio: 1.18 / 1;background-image: url(../images/wheat-opacity-left.svg);background-size: contain;background-repeat: no-repeat;background-position: top left;z-index: -1;}
#pils-packshot::after{top: 40%;left: auto;right: 0;width: 25vw;min-width: 350px;max-width: 650px;background-image: url(../images/wheat-opacity-right.svg);}
@media(min-width: 1025px){
	#pils-packshot .flex .column{flex: 1;}
	#pils-packshot .flex .column:first-child{flex: 1.5;}
}
@media(max-width: 767px){
	#pils-packshot::before,
	#pils-packshot::after{min-width: 150px;}
}



/**************/
/* Hero Video */
/**************/
/* section#pils-hero-video{
	padding: 0;
	display: flex;
} */
/* 
section#pils-hero-video iframe {
	width: 100vw;
	height: 56.25vw;
	height: 100svh;
	min-height: 100vh;
	min-width: 177.77vh;
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translate(-50%, 0%);
} */



/* section#pils-hero-video{
	position: relative;
	height: 56.25vw;
}
section#pils-hero-video::after{
	content:'';
	position: absolute;
	inset: 0;
	background-color: transparent;
}

@media(min-width:1025px){
	section#pils-hero-video{height: 100svh;}
} */

section.hero--background-video{padding:0;width: 100%;height: 100%;}
.hero--background-video .screen{
	--min-height-banner: 300px;
	min-height: 100svh;
}
.hero--background-video .screen{width: 100%;height: auto;padding-block: var(--padding-container-block-2x);padding-inline: var(--padding-container-inline);position: relative;color: var(--color-white);display: flex;justify-content: center;align-items: end;isolation: isolate;}
.hero--background-video .screen .item__thumbnail::after{
	content: '';
	position: absolute;
	inset: 0;
	/* background-color: transparent; */
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 10%, rgba(0, 0, 0, 0));
}

.hero--background-video .screen .item__thumbnail img {width: 100%;height: 100%;object-fit: cover;transition: var(--trans);}
.hero--background-video .screen .opacity-0 {opacity: 0;}

/* https://codepen.io/abennington/pen/ezaPPy */
/* Given a 16:9 aspect ratio, 9/16*100 = 56.25 Desktop */
/* Given a 16:9 aspect ratio, 16/9*100 = 177.77 Mobile */
.hero--background-video .screen .vimeo-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;pointer-events: none;overflow: hidden;}
.hero--background-video .screen .vimeo-wrapper iframe {
	width: 100vw;
	height: 56.25vw;
	/* min-height: 100vh; */
	/* min-width: 177.77vh; */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media(max-width:1024px){
	.hero--background-video .screen{padding-block: var(--gap-500);padding-inline: var(--gap-400);}
	.hero--background-video .screen .item__description{font-size: var(--fs-400);line-height: var(--lh-400);}
}
@media(max-width:767px){
	.hero--background-video .screen{
		min-height: var(--min-height-banner);
		min-height: 56.25vw;
	}
}


section.hero--background-video .video-actions{
	position: absolute;
	width: 100%;
	top: var(--height-header);
	left: 0;
	padding: 32px;
	display: flex;
	justify-content: flex-end;
	gap: 12px;
}

section.hero--background-video .video-actions button{
	width: 64px;
	height: 64px;
	position: relative;
	background-color: #FFFFFF33;
	border-radius: 5px;
}

section.hero--background-video .video-actions button[data-status="mute"] span.icon--unmute,
section.hero--background-video .video-actions button[data-status="unmute"] span.icon--mute{opacity: 0;}

section.hero--background-video .video-actions button .icon{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 32px;
	height: 32px;
	transition: var(--trans);
	display: flex;
	align-items: center;
	justify-content: center;
}

section.hero--background-video .video-actions button .icon svg path{fill: white;}


@media(max-width: 767px){
	section.hero--background-video .video-actions{
		top: 0px;
		padding: 20px;
	}
	section.hero--background-video .video-actions button{
		width: 40px;
		height: 40px;
	}
	section.hero--background-video .video-actions button .icon{
		width: 20px;
		height: 20px;
	}
}



/***************************/
/* [Widget] Tabs ***********/
/***************************/
[data-widget="tabs"]{
	padding: 0;
}
[data-widget="tabs"] .tabs-controls::-webkit-scrollbar {
    height: 0; /* Chrome, Safari, Edge */
}
[data-widget="tabs"] .tabs-controls::-webkit-scrollbar-track,
[data-widget="tabs"] .tabs-controls::-webkit-scrollbar-thumb {
    display: none; /* Εξαφανίζει το track και το thumb */
}
[data-widget="tabs"] .tabs-controls {
	margin-bottom: var(--gap-500);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	gap: var(--gap-500);
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
}
[data-widget="tabs"] .tabs-control{
	width: auto;
	position: relative;
	padding-block: var(--gap-200);
	padding-inline: var(--gap-200);
	color: var(--color-text-white);
	text-transform: uppercase;
 	cursor: pointer;
	flex-shrink: 0;
}
[data-widget="tabs"] .tabs-control[aria-selected]:before{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
	background-color: var(--color-text-white);
	transition: var(--trans);
}
/* [data-widget="tabs"] .tabs-panel .item__description{
	color: var(--color-text);
}
[data-widget="tabs"] .tabs-control[aria-selected="true"]{
	color: var(--color-heading);
} */
[data-widget="tabs"] .tabs-control[aria-selected="true"]:before{
	height: 2px;
}
[data-widget="tabs"] .tabs-panel[aria-selected="false"]{
	display: none;
}
[data-widget="tabs"] .tabs-panel[aria-selected="true"]{
	display: flex;
}

[data-widget="tabs"] .flex.flex--columns-two{
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--gap);
}
@media(min-width:1025px){
	[data-widget="tabs"] .flex.flex--columns-two{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	[data-widget="tabs"] .tabs-controls {
		margin-bottom: var(--gap-900);
		justify-content: center;
	}
	[data-widget="tabs"] .tabs-control{
		flex-shrink: 1;
	}
}




/* -- Tabs Indicators */
.products__tabs .tab-list{width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap:1px;}
.products__tabs .tab-list .tab-inner-controler{min-width: 92px;padding: 8px 18px;background-color: rgba(255,255,255,0.1);color: white;font-family: var(--ff-cera);font-size: var(--fs-300);text-align: center;transition:var(--trans);cursor: pointer;}
.products__tabs .tab-list .tab-inner-controler:hover,
.products__tabs .tab-list .tab-inner-controler:focus{background-color: rgba(255,255,255,.3);}
.products__tabs .tab-list .tab-inner-controler[aria-selected="true"]{
	background-color: white;
	color: var(--color-primary);
	color: var(--color-secondary);
}
.products__tabs .tab-list.tab-list--reverse .tab-inner-controler{
	background-color: rgba(0,33,105,0.1);
	color: var(--color-primary);
	color: var(--color-text-white);
	border: 1px solid;
}
.products__tabs .tab-list.tab-list--reverse .tab-inner-controler:hover,
.products__tabs .tab-list.tab-list--reverse .tab-inner-controler:focus{background-color: rgba(0,33,105,0.3);}
.products__tabs .tab-list.tab-list--reverse .tab-inner-controler[aria-selected="true"]{
	background-color: white;
	color: var(--color-primary-dark);
}

section.products#pils-hellas{
	transform-style: preserve-3d; /* this is important for the trick to work */
}
section.products#pils-hellas .modal.open {
	transform:translateZ(1px); /* this will do the trick  */
}