/* Css create by Jaime R. Portmann for EMBACO */

/* Fonts */
@font-face {
  font-family: Founders Gortesk;
  font-style: normal;
  font-weight: 100;
  src: url(assets/fonts/FoundersGrotesk-Light.otf);
}

@font-face {
  font-family: Founders Gortesk;
  font-style: normal;
  font-weight: 300, 400;
  src: url(assets/fonts/FoundersGrotesk-Regular.otf);
}

@font-face {
  font-family: Founders Gortesk;
  font-style: normal;
  font-weight: 500, 600;
  src: url(assets/fonts/FoundersGrotesk-Medium.otf);
}
/*
@font-face {
  font-family: Founders Gortesk;
  font-style: normal;
  font-weight: 700;
  src: url(assets/fonts/FoundersGrotesk-Semibold.otf);
}
*/
@font-face {
  font-family: Founders Gortesk;
  font-style: normal;
  font-weight: 900;
  src: url(assets/fonts/FoundersGrotesk-Bold.otf);
}


:root {
  --transparent: rgba(0,0,0,0);
  --black: #000000;
  --black08: rgba(0,0,0,.08);
  --white: #ffffff;
  --grey1: #DEDFE1;
  --grey2: #F2F2F2;
  --greige1: #BEB4AD;
  --greige2: #DEDAD7;
  --light-greige: #ebeae9;
  --light-greige2: #ECEAE9;
  --basic-blue: #AADCFA;
  --light-blue: #D2ECFA;
  --fresh-blue_leg: #92B8FF;
  /*studie-blue*/
  --fresh-blue: #556f83;
  --fresh-light-blue: #C5D9FF;
  --turqoise: #8CC8D6;
  --light-turqoise: #C2E0EA;
}

::-webkit-scrollbar {
  display: none;
}

::-moz-selection,
::selection {

}

a{
  cursor: pointer!important;
}
a.cta::-moz-selection, img::-moz-selection { /* Code for Firefox */
  background: none;
}

a.cta::selection, img::selection {
  background: none;
}

/*** basic style ***/
html, body{
  margin:0;
  padding:0;
	margin-top:0!important;
	color:var(--black);
  font-family: sans-serif;
	font-family: Founders Gortesk;
  font-size: 18px;
  margin: 0.5em 0 1em 0;
  font-weight: 200;
  font-style: normal;
  line-height: 1.2;
	letter-spacing: .05em;
	text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

div{
	vertical-align:top;
}

p, .elementor-widget-text-editor{
  font-size: 18px;
  font-size: clamp(18px, calc( 0.5 * (1.25vw + 1rem)), 24px);
  margin: .5em 0 1em 0;
  font-weight: 200;
  font-style: normal;
  line-height: 1.2;
  font-family: Founders Gortesk;
  color: var(--black);
  white-space: pre-line;
}

h1, h2, h3, h4, h5, h6{
  font-size: 35px;
  font-family: Founders Gortesk;
	margin: 5px 0 10px 0;
  line-height: 1.1;
  font-weight:300;
  max-width: 1100px;
}

h1{
	font-size: clamp(50px, calc( 0.5 * (13vw + 1rem)), 100px);
  margin-bottom: 30px;
}
h2{
	font-size: clamp(40px, calc( 0.5 * (8vw + 1rem)), 70px);
}
h3{
	font-size: clamp(30px, calc( 0.5 * (7vw + 1rem)), 60px);
}
h4{
  font-size: clamp(30px, calc( 0.5 * (6vw + 1rem)), 50px);
}
h5{
  font-size: clamp(27px, calc( 0.5 * (3vw + 1rem)), 40px);
}
h6{
	font-size: clamp(25px, calc( 0.5 * (2vw + 1rem)), 30px);
  margin-bottom: 20px;
}


main section.active h2:after,
main section.active h3:after,
main section.active h1.b1:after,
main section.active h1.p1:after{
  opacity: 1;
  width: 22px;
}

a{
	font-family: Founders Gortesk;
	text-decoration:none;
	outline: 0;
  color: var(--black);
  transform: translate3d(0, 0, 0);
}

main p span a,
main p > a:not(.cta):not(.readmore),
main p strong > a:not(.cta):not(.readmore){
  text-decoration: underline;
}
main p span a:hover,
main p > a:not(.cta):not(.readmore):hover,
main p strong > a:not(.cta):not(.readmore):hover{
  text-decoration: underline;
}


a:hover, a:focus, a:active{
	text-decoration:none;
	outline: 0;
	color:var(--black);
}

header ul, footer ul,
header li, footer li{
	padding:0;
	margin:0;
	color:#282828;
  list-style: none;
}

ol{
  padding-left: 20px;
}
ol li{
  list-style: auto;
  margin-bottom: 10px;
}

li{
  font-weight: 200;
  font-style: normal;
  line-height: 1.2;
  font-family: Founders Gortesk;
}

article ul.wp-block-list li {
  padding-left: 20px;
}
article ul.wp-block-list li:before {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    margin-left: -17px;
    margin-right: 10px;
    background: var(--black);
}

header .col > ul:not(.actions):not(.row),
main .col > ul:not(.actions):not(.row){
  margin: 0.5em 0 1em 0;
}

main .col > ul:not(.faqs):not(.team):not(.actions):not(.row) li{
  margin-left: 30px;
}


main .col p li:before {
  content: "";
  width:5px;
  height: 5px;
  display: inline-block;
  border-radius: 50%;
  margin-left: -17px;
  margin-right: 10px;
  background: var(--black);
}

nav li{
  list-style: none;
}

strong{
	font-weight: 200;
}
b {
	font-weight: 400;
}

input,
select,
textarea{
	padding: 5px 15px;
  border-radius: 3px;
  border: 1px solid #dfdfdf;
  /* width: calc(100% - 30px) */
  margin-bottom: 20px;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

button{
	background:var(--black);
	padding:.5em 1em;
	border:none;
	font-size:16px;
	color:var(--white);
	border-radius:3px;
	cursor:pointer;
  border-radius: 3em;
}

blockquote {
  position: relative;
  padding: 20px 30px;
}

blockquote p{
  font-size: 20px;
  font-weight: 300;
}
blockquote:before, blockquote:after {
  position: absolute;
  font-size: 100px;
}
blockquote:before {
  content:'“';
  top: -5px;
  left: 0;
}

blockquote cite{
  margin-top: 20px;
}
blockquote cite:before {
  content:'-';
  display: inline-block;
  margin-right: 10px;
}
/*
blockquote:after {
  content:'”';
  bottom: -50px;
  right: 0;
}
*/
main img, video{
  width: 100%;
  max-width:100%;
  height:auto;
}

img:not(.logo-img){
  border-radius: 20px!important;
}
header img{
  height: auto;
  width: 100%;
}

img.alignright{
  float:right;
  margin-left:1.5em;
}
img.alignleft{
  float:left;
  margin-right:1.5em;
}
img.aligncenter {
	display: block;
	margin:0 auto;
}

img.icon{
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin-bottom:15px;
}
img.icon.small{
  width: 35px;
  height: 35px;
}
img.icon.large{
  width: 85px;
  height: 85px;
}

main img{
  object-fit: contain;
  /*aspect-ratio:1.4;/*/
}
main *:not(.product) > *:not(figure) > img{
  filter: brightness(.8);
}
main .col > img{
  object-fit: cover;
  aspect-ratio:1.3;
  max-height: 80vh;
}

figure{
  margin: 0;
  padding: 0;
}
.col > figure{
  width: 100%;
}

main .col > img.wp-post-image{
  display: block;
}

main {
  display: flex;
  flex-flow: row wrap;
  overflow: hidden;
}

main > * {
  flex: 1 100%;
}

section{
  position: relative;
  /*padding: 80px 0;
  padding: 55px 0;*/
}

.none{
  display: none;
}

.row{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  grid-gap: 20px;
}

section > div.row-2{
  grid-template-columns: repeat(2, minmax(50px, 1fr));
  grid-gap: 20px;
}
.row-2{
  grid-template-columns: repeat(2, minmax(50px, 1fr));
}
.row-4{
  grid-template-columns: repeat(4, minmax(50px, 1fr));
}

section > .row, section > div{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  grid-gap: 20px;
  width: calc(100% - 120px);
  margin: 0px auto 75px;
  justify-items: center;
  position: relative;
}

body header section > div.row:first-child{
  margin: 75px auto 0;
}
body.home header section > div.row:first-child{
  margin: 75px auto;
}

article section > div{
  grid-gap: 20px;
}
/*
ul.row{
  width: 100%;
}
*/

section > div.full {
  grid-gap: 0;
  width:100%;
  max-width: 100%;
}

.col,
section > div > div:not(.slider-container){
  width: 100%;
  /*padding: 15px;*/
  /* max-width: 1270px; */
  position: relative;
}

/*
.col,
section > div > div:not(.slider-container),
nav > div > div{
  width: 100%;
  padding: 15px;
  position: relative;
}
*/

.slider-container{
  display:block;
  width:100%;
}

.container{
  padding: 0 75px;
}
.content{
  padding: 75px;
}

main section:first-child{
  padding-top: 0;
}
main section:first-child .row{
  margin-top: 0;
}

/*
body:not(.single-product) main section:not(#numbers) > .row:first-child{
  border-top: 1px solid var(--grey1);
  padding-top: 75px;
  padding-bottom: 75px;
}
*/
/*
body:not(.single-product) main section:not(#numbers) > .row:first-child{
  padding-top: 75px;
  padding-bottom: 75px;
}
*/


/* elementor */
.e-con-inner {
    --e-con-grid-template-rows: auto;
    /*padding-bottom: 75px!important;*/
}

/*
.elementor .elementor-element.e-parent{
  padding-left: 60px;
  padding-right: 60px;
}
*/

/*home body:not(.single-post):not(.depth-2) .e-con-inner*/
.home body .e-con-inner{
  border-top: 1px solid var(--grey1);
  padding: 75px 0!important;
}

.col.full .container{
  position: absolute;
  bottom: 75px;
}


.col.full label{
  position: absolute;
  top: 30px;
  left: 75px;
  color:var(--white);
}
.col > label{
  margin: 45px 0;
  display: block;
  font-size: 20px;
}

.col.full .container h2,
.col.full .container p{
  color:var(--white);
}
.col.full .container p{
  max-width: 350px;
  display: inline-block;
}

.container label, .content label{
  display: block;
  margin-bottom: 20px;
  font-size: 24px;
}
.search ul.row > li{
  width:100%;
}

header .container{
  padding: clamp(100px, 23vh, 250px) 0 0!important;
}

.bold{
  font-weight: bold;
}
/*
main .col{
  max-width: 600px;
}
*/
.col.full{
  max-width: 100%;
}

.has-text-align-center,
.centered{
  text-align: center;
  margin: auto;
}
.row.centered{
  max-width: 950px;
}
.col.centered{
  max-width: 800px;
  max-width: 1000px;
}
.container.centered{
  max-width: 650px;
  padding: 5% 0 0;
}

.row.centered h2:after,
.row.centered h3:after,
.row.centered h4:after{
  margin: 0 auto;
}


.mobile{
  display: none;
}


.customised-services span{
  display: none;
}

.customisation-usp img{
  float: left;
  margin-right: 40px!important;
}

.usps .icon{
  opacity: 0;
  transform: scale(0);
}
.active .usps > div:nth-child(1) .icon{
  animation: show .8s forwards .3s;
}
.active .usps > div:nth-child(2) .icon{
  animation: show .8s forwards .6s;
}
.active .usps > div:nth-child(3) .icon{
  animation: show .8s forwards .9s;
}

@keyframes show {
  50‰{
    opacity: 1;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
  }
  100%{
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

/*
.usps > div:before{
  content:"";
  display:block;
  width:250px;
  height: 250px;
  position: absolute;
  background: #f2f2f2;
  z-index: -1;
  border-radius: 50%;
  left: 50%;
  transform: translate(-50%, 30%);
}
*/

#standard-products .row .col:first-child,
#coffee-pouches .row .col:first-child,
#easy-ordering .row .col:first-child{
  order: 2;
}
#standard-products .row .col:last-child,
#coffee-pouches .row .col:last-child,
#easy-ordering .row .col:last-child{
  order: 1;
}

.blts ul li{
  font-size: 19px;
  font-weight: 400;
  opacity: 0;
}
.blts ul li:before{
  content:"✓";
  color:#8bd0f8;
  font-size: 22px;
  margin-left: -20px;
  margin-right: 10px;
  margin-top: 10px;
}
.blts ul li:nth-child(1){
  transition: .2s ease .5s;
}
.active .blts ul li:nth-child(1){
  opacity: 1;
}
.blts ul li:nth-child(2){
  transition: .2s ease .7s;
}
.active .blts ul li:nth-child(2){
  opacity: 1;
}
.blts ul li:nth-child(3){
  transition: .2s ease .9s;
}
.active .blts ul li:nth-child(3){
  opacity: 1;
}
.blts ul li:nth-child(4){
  transition: .2s ease 1.1s;
}
.active .blts ul li:nth-child(4){
  opacity: 1;
}
.blts ul li:nth-child(5){
  transition: .2s ease 1.3s;
}
.active .blts ul li:nth-child(5){
  opacity: 1;
}
.blts ul li:nth-child(6){
  transition: .2s ease 1.5s;
}
.active .blts ul li:nth-child(6){
  opacity: 1;
}
.blts ul li:nth-child(7){
  transition: .2s ease 1.7s;
}
.active .blts ul li:nth-child(7){
  opacity: 1;
}
.blts ul li:nth-child(8){
  transition: .2s ease 1.9s;
}
.active .blts ul li:nth-child(8){
  opacity: 1;
}
.blts ul li:nth-child(9){
  transition: .2s ease 2.1s;
}
.active .blts ul li:nth-child(9){
  opacity: 1;
}
.blts ul li:nth-child(10){
  transition: .2s ease 2.3s;
}
.active .blts ul li:nth-child(10){
  opacity: 1;
}
.blts ul li:nth-child(11){
  transition: .2s ease 2.3s;
}
.active .blts ul li:nth-child(11){
  opacity: 1;
}
.blts ul li:nth-child(12){
  transition: .2s ease 2.3s;
}
.active .blts ul li:nth-child(12){
  opacity: 1;
}
.blts .cta{
  margin: 20px!important;
  transition: .2s ease 2.5s;
  opacity: 0;
}
.active .blts .cta{
  opacity:1;
}

/** HEADER **/
header{
  overflow: hidden;
  padding-top: 100px;
  width: 100%;
  top: 0;
  position:relative;
  background: var(--white);
  z-index: 2;
}



header nav .row{
  margin: 0 auto;
}
header nav > div{
  width: calc(100% - 120px);
  margin: 0 60px;
  text-align: center;
  position: static;
  border-bottom: 1px solid var(--grey1);
}

header nav .cta{
  margin: 0;
}

nav .logo{
  z-index: 11;
  margin: 46px 0;
  display: inline-block;
  font-size: 0;
  float: right;
}
.search-button{
  float: right;
}

.logo img, .logo-img{
  height: 30px;
  width: auto;
}
.logo svg, svg.logo{
  height: 34px;
}

/* Front page Header */
.home header > img{
  position: absolute;
  width: auto;
  height: clamp(600px, calc(100vh - 215px), 900px);
}
.home header img:nth-child(3){
  left:10%;
  top:25%;
  z-index: -1;
}
.home header img:nth-child(4){
  left:40%;
  top:10%;
  z-index: -1;
}
.home header img:nth-child(5){
  right:5%;
  top:20%;
  z-index: -1;
}
.home header img:nth-child(6){
  left:20%;
  top:60%;
  z-index: -1;
}
.home header img:nth-child(7){
  left:45%;
  bottom:0;
  z-index: -1;
}
.home header img:nth-child(8){
  right:20%;
  top:50%;
  z-index: 1;
}

.contact article > section:nth-child(1){
  background: #d7dcd2;
}

.contact article > section:nth-child(3){
  background: #95a1bc;
}

.contact-btn.cta{
  display:none;
}

.catalogue-popup{
	display: none;
	position: fixed;
	top: 0;
	z-index: 22;
	width:100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	text-align: center;
  overflow: scroll;
}
.catalogue-popup .content{
	width: 800px;
	margin-top: 5%;
	background: var(--white);
	text-align: left;
	display: inline-block;
  padding: 0;
}
.catalogue-popup .content > div img{
	width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0!important;
}
.catalogue-popup .content > div{
	width: 350px;
	height: 570px;
	display: inline-block;
	position: relative;
}
.catalogue-popup .content > div:first-child{
	background: #f6f6f8;
  padding: 0!important;
	width: 405px;
}
.catalogue-popup h5{
  margin: 20px;
}
.catalogue-popup p{
  margin: 20px;
  font-size: 16px;
}
.catalogue-popup p br{
  display: none;
}
.catalogue-popup label{
  margin: 0;
  height: 20px;
  font-size: 16px;
}
.catalogue-popup input{
  margin: 0;
}
.wpcf7 form.sent .wpcf7-response-output{
  margin: 5px;
  padding: 5px;
}

@media (max-width: 767px) {
	.catalogue-popup .content {
    width: 90%;
    margin-top: 5%;
	}
	.catalogue-popup .content > div{
		width: auto;
	}
	.catalogue-popup .content > div:first-child{
		display: none;
	}
}

/* #services */
#services{
  background: #94A58C;
}


#services{
  padding-top: 200px;
  margin-top: 100px;
}
.services-slider .slide{
  background: var(--white);
  border-radius: 10px;
  margin: 2px;
  max-width: 300px;
  width: 100%;
  min-height: 220px;
  padding: 15px;
  overflow: hidden;
}
.services-slider .slide h5{
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

#one-stop-shop-label{
  content:"";
  height: 300px;
  width: 300px;
  background: url("assets/img/icons/one-stop-label-danish.png");
  background-size: cover;
  position: absolute;
  top: -130px;
  right: calc(40% - 600px);
  display: inline-block;
}

#services:before{
  content:"";
  height: 160px;
  width: 160px;
  background: url("assets/img/icons/one-stop-shop.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top:-50px;
  right: calc(40% - 550px);
}

.circle{
  content: "";
  display: block;
  height: 30vw;
  width: 30vw;
  border-radius: 50%;
  background: rgba(121,142,110,1);
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.services main section:nth-child(odd) .row .col:first-child {
  order: 2;
}

.services section:not(#catalogues) .icon{
  background: var(--white);
  padding: 20px;
  height: 40px;
  width: 40px;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 20px;
  filter: invert(1);
}

div.wp-block-group{
  margin: auto;
  max-width: 1270px;
}
hr.wp-block-separator{
  border-top: 1px solid;
  margin: 50px auto;
  background: none;
}

/*
.home header img:not(.logo-img){
  width: 100%;
  height: 100%;
}
*/
.home header video{
  height: calc(100vh - 215px);
  width: 100%;
  object-fit: cover;
  pointer-events: none;
}

video::-webkit-media-controls {
  display: none !important;
}

video::-webkit-media-controls-panel {
  display: none !important;
  opacity: 1 !important;
}
/* Categories */
.slick-list {
  margin: -20px!important;
}
.slick-track {
  width: fit-content;
}

.home .categories-slider{
  margin-top: 20px;
}
.categories-slider{
  grid-gap: 0;
}
.categories-slider h5{
  font-size: 18px;
  font-weight: 600;
}
.categories-slider .slide{
  margin: 10px;
  text-align: center;
  width: 100px;
}
.home .categories-slider .slide{
  margin: 10px;
  width: auto;
}
.categories-slider .slide div{
  height: 80px;
  width: 80px;
  border-radius: 50%;
  margin-bottom: 20px;
  display: inline-block;
  background: #e6e6e6;
}
.categories-slider h6{
  font-size: 15px;
  font-weight: 600;
}

body.light-green .categories-slider .slide div:hover{
  background: #d1d7cc;
}
body.light-purple .categories-slider .slide div:hover{
  background: #e6dff0;
}
body.light-blue .categories-slider .slide div:hover{
  background: #c9cfdc;
}
body.light-rose .categories-slider .slide div:hover{
  background: #f3d1cc;
}
body.light-brown .categories-slider .slide div:hover{
  background: #ead9ca;
}

.categories-slider .slide div img{
  margin-top: 15px;
  height: 50px;
  width: 50px;
  object-fit: contain;
  display: inline-block;
}

.home .categories-slider .slide div{
  height: 180px;
  width: 180px;
}
.home .categories-slider div img{
  margin-top: 30px;
  height: 120px;
  width: 120px;
  display: inline-block;
}

.categories-slider .category-emballage div{
  background: rgb(121,142,110,0.7)
}
.categories-slider .category-emballage div:hover{
  background: #798E6E;
}

.categories-slider .category-rengoering div{
  background: rgba(158,170,200,0.7);
}
.categories-slider .category-rengoering div:hover{
  background: #9EAAC8;
}
.categories-slider .category-koekken div{
  background: rgba(228,152,140,0.7);
}
.categories-slider .category-koekken div:hover{
  background: #E4988C;
}
.categories-slider .category-aftoerring-hygiejne div{
  background: rgba(200,184,222,0.7);
}
.categories-slider .category-aftoerring-hygiejne div:hover{
  background: #C8B8DE;
}
.categories-slider .category-borddaekning div{
  background: rgba(207,170,137,0.7);
}
.categories-slider .category-borddaekning div:hover{
  background: #CFAA89;
}

.categories main section .row {
  margin: 0 auto;
  position: relative;
}

.categories.page-id-29644 article section{
  padding: 80px 0 0;
}

.page-id-40517 header{
  background: var(--greige1);
}
.page-id-40517 iframe{
  border: none;
}
.page-id-40517 .sub-menu{
  width: 100%;
}

.categories:not(.page-id-29644) main article section:not(#categories) .row::after {
  content: "";
  height: 1px;
  width: 100%;
  background: var(--black);
  display: block;
  position: absolute;
  bottom: -55px;
}

.single-post header,
.categories header{
  min-height: 100vh;
  height: auto;
  max-height: 1400px;
}
.single-post header .container{
  padding: 50px 50px 0 0;
}
.single-post header section .col .content p{
  margin-top: 0;
}

body.cases main article section .row::after,
body.nyheder main article section .row::after {
    content: "";
    height: 1px;
    width: 100%;
    background: var(--black);
    display: block;
    position: absolute;
    bottom: -40px;
}

.categories main section .col {
  padding:0;
}

.categories main section:nth-child(odd) .row .col:first-child {
  order: 2;
}

section.category-emballage:nth-child(odd){
  background: linear-gradient(90deg, #f2f2f2 0%, #f2f2f2 70%, rgba(121,142,110,1) 70%, rgba(121,142,110,1) 100%);
}
section.category-emballage:nth-child(even){
  background: linear-gradient(90deg, rgba(121,142,110,1) 0%, rgba(121,142,110,1) 30%, #f2f2f2 30%, #f2f2f2 100%);
}

main section.category-aftoerring-hygiejne:nth-child(odd){
  background: linear-gradient(90deg, var(--white) 0%, var(--white) 70%, rgba(200,184,222,1) 70%, rgba(200,184,222,1) 100%);
}
main section.category-aftoerring-hygiejne:nth-child(even){
  background: linear-gradient(90deg, rgba(200,184,222,1) 0%, rgba(200,184,222,1) 30%, var(--white) 30%, var(--white) 100%);
}

main section.category-rengoering:nth-child(odd){
  background: linear-gradient(90deg, #f2f2f2 0%, #f2f2f2 70%, rgba(158,170,200,1) 70%, rgba(158,170,200,1) 100%);
}
main section.category-rengoering:nth-child(even){
  background: linear-gradient(90deg, rgba(158,170,200,1) 0%, rgba(158,170,200,1) 30%, #f2f2f2 30%, #f2f2f2 100%);
}

main section.category-koekken:nth-child(odd){
  background: linear-gradient(90deg, var(--white) 0%, var(--white) 70%, rgba(228,152,140,1) 70%, rgba(228,152,140,1) 100%);
}
main section.category-koekken:nth-child(even){
  background: linear-gradient(90deg, rgba(228,152,140,1) 0%, rgba(228,152,140,1) 30%, var(--white) 30%, var(--white) 100%);
}

main section.category-borddaekning:nth-child(odd){
  background: linear-gradient(90deg, #f2f2f2 0%, #f2f2f2 70%, rgba(207,170,137,1) 70%, rgba(207,170,137,1) 100%);
}
main section.category-borddaekning:nth-child(even){
  background: linear-gradient(90deg, rgba(207,170,137,1) 0%, rgba(207,170,137,1) 30%, #f2f2f2 30%, #f2f2f2 100%);
}


/* about us */
.about header > img{
  position: absolute;
  width: auto;
  height: 300px;
  margin: auto;
  display: grid;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.about article > section:nth-child(7),
.about article > section:nth-child(7) section{
  padding: 0;
}

/* Social */
#social .row .col:first-child {
  order: 2;
}


/* Cases */

.row-2 .container{
  padding: 85px;
}
section .row-3, .row-4, .row-9{
  grid-template-columns: repeat(3, minmax(50px, 1fr));
}

section .row-3 .row, .row-4 .row, .row-9 .row{
  display: block;
}

.row-3 img{
  object-fit: cover;
}
.row-2 > .col{
  /*grid-column: 4 / 1;*/
}


.row-2 .col,
section .row-3 .col,
.row-4 .col{
  padding: 0;
  /*display: flex;*/
  margin-bottom: 20px;
}
.row-4 > .col:nth-child(1),
.row-9 > .col:nth-child(5),
.row-9 > .col:nth-child(9){
  grid-column: 4 / 1;
}

.row-2 .col:last-child .col:first-child{
  order: 2;
}

.row-2 img,
.row-4 > .col:first-child img{
  /*height: 100%;
  max-height: 650px;
  display: block;*/
  aspect-ratio:1.6;
  /*margin-bottom: 45px;*/
}

section .row-3 .container{
  padding: 0;
}
.row-3 img{
  height: 100%;
  max-height: 390px;
}

.row-4 > .col:nth-child(1) .row,
.row-9 > .col:nth-child(5) .row{
  display: grid;
}

.inspiration ul.blog{
  grid-template-columns: repeat(3, 1fr);
}
.inspiration ul.blog li{

}
.inspiration ul.blog li .row{
  display: block;
}
.inspiration ul.blog li:first-child{
  grid-column: 4 / 1;
  border-bottom: 2px solid #c7c7c7;
}
.inspiration ul.blog li:first-child .row{
  margin:0;
  display: grid;
}

#employees ul{
  border-bottom: 1px solid var(--black);
}

#cases{
  background: #f2f2f2;
}


#numbers .container{
  padding: 0 40px;
}
#numbers h5{
  font-size: 24px;
  font-weight: 300;
}
#numbers .count{
  font-size: 100px;
  font-weight: 300;
  display: block;
  margin-top: 10px;
  margin-bottom: -15px;
}
#numbers .col:last-child{
  grid-column: 3 / span 2;
}

.logo svg path, .logo svg rect{
  opacity:0;
}
.logo svg > *:nth-child(1) *{
  animation:display .1s ease-in-out .0s forwards;
}
.logo svg > *:nth-child(2){
  animation:display .1s ease-in-out .05s forwards;
  transform: translateX(-18%);
}
.logo svg > *:nth-child(3){
  animation:display .1s ease-in-out .15s forwards;
  transform: translateX(-18%);
}
.logo svg > *:nth-child(4){
  animation:display .1s ease-in-out .2s forwards;
  transform: translateX(-18%);
}
.logo svg > *:nth-child(5){
  animation:display .1s ease-in-out .25s forwards;
  transform: translateX(-18%);
}
.logo svg > *:nth-child(6){
  animation:display .1s ease-in-out .3s forwards;
  transform: translateX(-18%);
}
@keyframes display {
  from {
    opacity:0
  }
  to {
    opacity:1;
    transform: translateX(0);
  }
}
header section .col{
  width: 100%;
}

header section p{
  max-width: 900px;
}

.searchform{
  float: right;
}

.searchform{
  margin-right: 20px;
  display: inline-block;
}

.searchform input[type=text]{
  border:none;
  background: none;
  font-size: 30px;
  border-bottom: 1px solid var(--black);
  font-weight: 300;
  width:400px;
  vertical-align: middle;
}

#searchsubmit{
  opacity: 0;
}
#searchsubmit.ready{
  opacity: 1;
}


.packaging header{
  background: #70916d;
}

/* Categories Slider */
#catalogue{
  background: #cfd5e3;
}

#employees, #contact{
  background: #f2f2f2;
}
.page-id-29828 main section{
  background: rgba(121,142,110,0.3);
}

.slick-slide{
  outline: none
}

.slick-slide {
   margin:0 20px;
}

.slick-dots li button:before{
  font-size: 20px;
}

.clients-slider{
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  padding: 20px 0;
}
.clients-slider .slide{
  display: grid!important;
  grid-template-columns: repeat(2, minmax(50px, 1fr));
}

.clients-slider .slide div{
  text-align: center;
}
.clients-slider .slide img{
  width: 100px;
  height: 100px;
  object-fit: contain;
  display: inline-block;
}

video{
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.categories-bowls-trays:before,
.categories-skale-og-bakker:before{
  background-image: url(assets/img/icons/categories/bowls-and-trays.svg);
}
.categories-paper-boxes:before,
.categories-bokse-og-aesker:before{
  background-image: url(assets/img/icons/categories/paper-boxes.svg);
}
.categories-bags:before,
.categories-poser:before{
  background-image: url(assets/img/icons/categories/bags.svg);
}
.categories-paper-cups:before,
.categories-papirkopper:before{
  background-image: url(assets/img/icons/categories/paper-cups.svg);
}
.categories-cups-tubs:before,
.categories-baegre:before{
  background-image: url(assets/img/icons/categories/cups-and-tubs.svg);
}
.categories-wraps-pockets:before,
.categories-indpakning:before{
  background-image: url(assets/img/icons/categories/wraps-and-pockets.svg);
}
.categories-clear-cups:before,
.categories-plastglas:before{
  background-image: url(assets/img/icons/categories/clear-cups.svg);
}
.categories-clear-containers:before,
.categories-plastskale:before{
  background-image: url(assets/img/icons/categories/clear-containers.svg);
}
.categories-cutlery-utensils:before,
.categories-takeaway-tilbehor:before{
  background-image: url(assets/img/icons/categories/cutlery-and-utensils.svg);
}
.categories-pouches:before{
  background-image: url(assets/img/icons/categories/coffee-pouches.svg);
}
.categories-personal-aftoerring-hygiejne:before,
.categories-personlig-aftoerring-hygiejne:before{
  background-image: url(assets/img/icons/categories/personal-hygiene.svg);
}
.categories-bottles-jars:before{
  background-image: url(assets/img/icons/categories/bottles-and-jars.svg);
}
.categories-rengoering-office-supplies:before,
.categories-rengoering:before{
  background-image: url(assets/img/icons/categories/rengoering-office-supplies.svg);
}
.categories-paper-towels:before,
.categories-aftorring:before{
  background-image: url(assets/img/icons/categories/paper-towels2.svg);
}

/* current */
.categories-bowls-trays.slick-current:before,
.categories-skale-og-bakker.slick-current:before{
  background-image: url(assets/img/icons/categories/bowls-and-trays-current.svg);
}
.categories-paper-boxes.slick-current:before,
.categories-bokse-og-aesker.slick-current:before{
  background-image: url(assets/img/icons/categories/paper-boxes-current.svg);
}
.categories-bags.slick-current:before,
.categorie-poser.slick-current:before{
  background-image: url(assets/img/icons/categories/bags-current.svg);
}
.categories-paper-cups.slick-current:before,
.categories-papirkopper.slick-current:before{
  background-image: url(assets/img/icons/categories/paper-cups-current.svg);
}
.categories-cups-tubs.slick-current:before,
.categories-baegre.slick-current:before{
  background-image: url(assets/img/icons/categories/cups-and-tubs-current.svg);
}
.categories-wraps-pockets.slick-current:before,
.categories-indpakning.slick-current:before{
  background-image: url(assets/img/icons/categories/wraps-and-pockets-current.svg);
}
.categories-clear-cups.slick-current:before,
.categories-plastglas.slick-current:before{
  background-image: url(assets/img/icons/categories/clear-cups-current.svg);
}
.categories-clear-containers.slick-current:before,
.categories-plastskale.slick-current:before{
  background-image: url(assets/img/icons/categories/clear-containers-current.svg);
}
.categories-cutlery-utensils.slick-current:before,
.categories-takeaway-tilbehor.slick-current:before{
  background-image: url(assets/img/icons/categories/cutlery-and-utensils-current.svg);
}
.categories-pouches.slick-current:before,
.categories-pouches.slick-current:before{
  background-image: url(assets/img/icons/categories/coffee-pouches-current.svg);
}
.categories-personal-hygiene.slick-current:before,
.categories-personlig-hygiejne.slick-current:before{
  background-image: url(assets/img/icons/categories/personal-hygiene-current.svg);
}
.categories-bottles-jars.slick-current:before{
  background-image: url(assets/img/icons/categories/bottles-and-jars-current.svg);
}
.categories-rengoering-office-supplies.slick-current:before,
.categories-rengoering.slick-current:before{
  background-image: url(assets/img/icons/categories/rengoering-office-supplies-current.svg);
}
.categories-paper-towels.slick-current:before,
.categories-aftorring.slick-current:before{
  background-image: url(assets/img/icons/categories/paper-towels-current2.svg);
}

/* Hover parent */
.slider-nav-thumbnails:hover .categories-bowls-trays:before,
.slider-nav-thumbnails:hover .categories-skale-og-bakker:before{
  background-image: url(assets/img/icons/categories/bowls-and-trays.svg);
}
.slider-nav-thumbnails:hover .categories-paper-boxes:before,
.slider-nav-thumbnails:hover .categories-bokse-og-aesker:before{
  background-image: url(assets/img/icons/categories/paper-boxes.svg);
}
.slider-nav-thumbnails:hover .categories-bags:before,
.slider-nav-thumbnails:hover .categories-poser:before{
  background-image: url(assets/img/icons/categories/bags.svg);
}
.slider-nav-thumbnails:hover .categories-paper-cups:before,
.slider-nav-thumbnails:hover .categories-papirkopper:before{
  background-image: url(assets/img/icons/categories/paper-cups.svg);
}
.slider-nav-thumbnails:hover .categories-cups-tubs:before,
.slider-nav-thumbnails:hover .categories-baegre:before{
  background-image: url(assets/img/icons/categories/cups-and-tubs.svg);
}
.slider-nav-thumbnails:hover .categories-wraps-pockets:before,
.slider-nav-thumbnails:hover .categories-indpakning:before{
  background-image: url(assets/img/icons/categories/wraps-and-pockets.svg);
}
.slider-nav-thumbnails:hover .categories-clear-cups:before,
.slider-nav-thumbnails:hover .categories-plastglas:before{
  background-image: url(assets/img/icons/categories/clear-cups.svg);
}
.slider-nav-thumbnails:hover .categories-clear-containers:before,
.slider-nav-thumbnails:hover .categories-plastskale:before{
  background-image: url(assets/img/icons/categories/clear-containers.svg);
}
.slider-nav-thumbnails:hover .categories-cutlery-utensils:before,
.slider-nav-thumbnails:hover .categories-takeaway-tilbehor:before{
  background-image: url(assets/img/icons/categories/cutlery-and-utensils.svg);
}
.slider-nav-thumbnails:hover .categories-pouches:before{
  background-image: url(assets/img/icons/categories/coffee-pouches.svg);
}
.slider-nav-thumbnails:hover .categories-personal-hygiene:before,
.slider-nav-thumbnails:hover .categories-personlig-hygiejne:before{
  background-image: url(assets/img/icons/categories/personal-hygiene.svg);
}
.slider-nav-thumbnails:hover .categories-bottles-jars:before{
  background-image: url(assets/img/icons/categories/bottles-and-jars.svg);
}
.slider-nav-thumbnails:hover .categories-rengoering-office-supplies:before,
.slider-nav-thumbnails:hover .categories-rengoering:before{
  background-image: url(assets/img/icons/categories/rengoering-office-supplies.svg);
}
.slider-nav-thumbnails:hover .categories-paper-towels:before,
.slider-nav-thumbnails:hover .categories-aftorring:before{
  background-image: url(assets/img/icons/categories/paper-towels2.svg);
}


/* Hover */
.categories-bowls-trays:hover:before,
.categories-skale-og-bakker:hover:before{
  background-image: url(assets/img/icons/categories/bowls-and-trays-current.svg)!important;
}
.categories-paper-boxes:hover:before,
.categories-bokse-og-aesker:hover:before{
  background-image: url(assets/img/icons/categories/paper-boxes-current.svg)!important;
}
.categories-bags:hover:before,
.categories-poser:hover:before{
  background-image: url(assets/img/icons/categories/bags-current.svg)!important;
}
.categories-paper-cups:hover:before,
.categories-papirkopper:hover:before{
  background-image: url(assets/img/icons/categories/paper-cups-current.svg)!important;
}
.categories-cups-tubs:hover:before,
.categories-baegre:hover:before{
  background-image: url(assets/img/icons/categories/cups-and-tubs-current.svg)!important;
}
.categories-wraps-pockets:hover:before,
.categories-indpakning:hover:before{
  background-image: url(assets/img/icons/categories/wraps-and-pockets-current.svg)!important;
}
.categories-clear-cups:hover:before,
.categories-plastglas:hover:before{
  background-image: url(assets/img/icons/categories/clear-cups-current.svg)!important;
}
.categories-clear-containers:hover:before,
.categories-plastskale:hover:before{
  background-image: url(assets/img/icons/categories/clear-containers-current.svg)!important;
}
.categories-cutlery-utensils:hover:before,
.categories-takeaway-tilbehor:hover:before{
  background-image: url(assets/img/icons/categories/cutlery-and-utensils-current.svg)!important;
}
.categories-pouches:hover:before{
  background-image: url(assets/img/icons/categories/coffee-pouches-current.svg)!important;
}
.categories-personal-hygiene:hover:before,
.categories-personlig-hygiejne:hover:before{
  background-image: url(assets/img/icons/categories/personal-hygiene-current.svg)!important;
}
.categories-bottles-jars:hover:before{
  background-image: url(assets/img/icons/categories/bottles-and-jars-current.svg)!important;
}
.categories-rengoering-office-supplies:hover:before,
.categories-rengoering:hover:before{
  background-image: url(assets/img/icons/categories/rengoering-office-supplies-current.svg)!important;
}
.categories-paper-towels:hover:before,
.categories-aftorring:hover:before{
  background-image: url(assets/img/icons/categories/paper-towels-current2.svg)!important;
}



.slider h3{
  font-size: 7vh;
  /*margin-left: -20px;*/
  line-height: .8;
}
.slider h3:after{
  margin-left: 20px;
}

.home .slider .row .col:nth-child(1){
  display: none;
}

@media (max-width: 767px){
  .slick-slider {
    max-width: 100vw;
  }
  .clients-slider.slick-slider {
    max-width: calc(100vw - 40px);
  }
  .slider .row .col:nth-child(1){
    display: block;
  }
}

nav{
  position:relative;
}

.home header section nav{
	max-width: 470px;
	margin: 0 auto;
}

#menu-blog{
  text-align: center;
}
#menu-blog li{
  display: inline-block;
  margin: 0 20px;
}

/* Menu */
.menu{
  list-style: none;
}

.menu-container{
  display: inline-block;
}

.menu ul{
  /*display: none;*/
}

.menu-container.main-menu li:last-child a{
  font-weight: bold;
}

.menu .icon{
  height: 50px;
  width: 50px;
  position: absolute;
  bottom: 100px;
  left: 20px;
  border-radius: 0!important;
}
.sub-menu{
  display: none;
  position: absolute;
  top: 129px;
  left: 0;
  padding: 60px;
  grid-gap: 20px;
  z-index:2;
  width: 100%;
  width: calc(100% - 120px);
  background: var(--white);
  box-shadow: 0px 10px 10px rgba(0,0,0,.08);
}

.sub-menu-overlay{
  display: none;
  background: rgba(0,0,0,.08);
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 150px;
  left: 0;
}

ul.sub-menu li{
  display: inline-block;
  margin-bottom: 10px;
  width: max-content;
}
ul.sub-menu li h4{
  position: absolute;
  bottom: 10px;
  left: 25px;
  color: var(--light-greige);
  font-size: 30px;
  font-weight: 300;
  text-align: left;
}
ul.sub-menu li img{
  width: 100%;
  height: 100%;
}

ul.sub-menu li:not(:last-child) a{
  position: relative;
}
.main-menu ul.sub-menu li:not(:last-child) a:before{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 0;
  background: #000;
  transition: width .3s ease;
}
.main-menu ul.sub-menu:not(:last-child) a:hover::before{
  width: 100%;
}

ul.sub-menu li.menu-item-has-children > a:after{
  content: "";
  display: inline-block;
  background-image: url(assets/img/icons/arrow-right-accent.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
  height: 20px;
  transform: rotate(90deg);
  vertical-align: middle;
  margin-left: 10px;
  margin-top: 0px;
  opacity: 1 !important;
  transition: all .35s ease;
}
.sub-sub{
  display: none;
}
ul.sub-menu li.menu-item-has-children:hover .sub-sub{
  display: block;
}
.sub-sub li{
  display: block!important;
  margin-top: 15px!important;
  margin-left: 15px!important;
}
.sub-menu .sub-menu-overlay{
  display: none!important;
}

.menu-item:hover .sub-menu-overlay,
.menu-item:hover .sub-menu,
.sub-menu:hover{
  display: grid;
}

.products-menu.active .sub-menu-overlay,
.products-menu.active .sub-menu{
  display: grid!important;
}


.handler, div.login{
  height: 30px;
  width: 30px;
  margin: 4px 0 1px;
  float: right;
  display: inline-block;
  margin-left:20px;
}

.main-menu ul{
  grid-template-columns: auto auto auto;
}
.main-menu li ul{
  text-align: left;
}
.main-menu ul.sub-menu > a{
  grid-column: 1 / span 2;
  font-size: 20px;
}
.main-menu ul.sub-menu > li:last-child{
  width: 100%;
  grid-column: 3;
  grid-row: 1 / span 10;
  aspect-ratio:1.7;
  position: relative;
  border-radius: 15px;
  background-position: center;
  background-size: 100%;
  transition: all 5s ease;
}
.main-menu ul.sub-menu > li:last-child > a > img{
  height: 100%;
  object-fit: cover;
}
.main-menu ul.sub-menu li:last-child:hover{
  background-size: 120%;
}
.main-menu ul.sub-menu li:last-child img:not(.icon){
  height: 20vw
}
.main-menu ul.sub-menu li:last-child label{
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 20px;
  font-weight: 200;
  color: var(--light-greige);
}
.main-menu ul.sub-menu li:last-child h5{
  position: absolute;
  bottom: 15px;
  left: 20px;
  font-size: 25px;
  font-weight: 200;
  max-width: 20vw;
  color: var(--light-greige);
}

.suv-sub{
  display: none;
}
.main-menu li:hover ul.sub-menu{
  grid-template-columns: auto auto 33vw;
  display: grid;
}


.menu li:hover div:hover{
  display: none;
}

.main-menu ul.sub-menu > a:after{
  content:"";
  display: inline-block;
  background-image: url(assets/img/icons/white-arrow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  filter: invert();
  margin-left: 15px;
  vertical-align: middle;
}
.main-menu ul.sub-menu li:last-child a:after{
  position: absolute;
  bottom: 30px;
  right: 20px;
  content:"";
  border: 1px solid var(--light-greige);
  padding: 15px;
  display: block;
  background-image: url(assets/img/icons/white-arrow.svg);
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.main-menu li.menu-item:first-child ul.sub-menu li:last-child label,
.main-menu li.menu-item:first-child ul.sub-menu li:last-child h5,
.main-menu li.menu-item:first-child ul.sub-menu li:last-child:after{
  filter: invert();
}

/* cart */
.cart-button,
.search-button{
  width: 21px;
  height: 21px;
  padding: 19px;
  background: var(--light-greige2);
  border-radius: 50%;
  display: inline-block;
  margin: 35px 20px;
  cursor: pointer;
}

.cart-button{
  float: left;
  margin: 38px 0;
  display: none;
}

.search-form{
  display: none;
  position: absolute;
  top: 129px;
  left: 0;
  height: 100vh;
  z-index: 1;
  width: 100%;
  background: var(--black08);
}
.search-form-content{
  width: 100%;
  padding: 60px;
  grid-gap: 20px;
  background: var(--white);
  box-shadow: 0px 10px 10px rgba(0, 0, 0, .08);
}
.search-form.expand{
  display: block;
}

.cart-button:before{
  content: "";
  display: block;
  background-image: url(assets/img/icons/basket.svg);
  background-size: contain;
  width: 22px;
  height: 22px;
}

.search-button:before{
  content: "";
  display: block;
  background-image: url(assets/img/icons/search.svg);
  background-size: contain;
  width: 22px;
  height: 22px;
}

.menu-handler{
  overflow: hidden;
  height: 10px;
  padding: 0;
  cursor: pointer;
  display: none;
  float:right;
  z-index: 11;
  position: absolute;
  top: 25px;
  right: 20px;
  width: 40px;
  height: 25px;
}

.menu-handler span{
  position: absolute;
  top:0;
  right: 0;
  background: #000;
  height: 2px;
  width: 40px;
  display: block;
  margin: 0;
  padding: 0;
  /*transition: all .2s ease-in-out;*/
}

.menu-handler span:nth-child(2){
  top:11.5px;
  width: 100%;
}
.menu-handler span:nth-child(3){
  top:23px;
  width: 100%;
}
.menu-handler:hover span:nth-child(1){
  width: 100%
}
.menu-handler:hover span:nth-child(2){
  width: 100%;
}
.menu-handler:hover span:nth-child(3){
  width: 100%
}

.expand .menu-handler span:nth-child(1){
  transform:rotate(225deg);
  margin-top: 12px;
  width: 30px;
}
.expand .menu-handler span:nth-child(2){
  opacity:0;
}
.expand .menu-handler span:nth-child(3){
  transform:rotate(-225deg);
  margin-top: -12px;
  width: 30px;
}

header > nav{
  transition: all .3s ease;
  z-index: 3;
}

/* Main menu */
header nav .main-menu > div > ul.menu li{
  display: inline-block;
  padding: 10px 15px 0;
  margin: 0;
  color: var(--black);
  font-size: 20px;
  font-weight: 400;
  position: relative;
  margin-right: -4px;
}
header nav .main-menu > div > ul.menu > li > ul li{
  padding: 6px 19px 0px 15px;
  display: block;
}
header nav .main-menu > div > ul.menu li:last-child{
  padding: 6px 19px 3px 15px;
}
header nav .main-menu > div > ul.menu li ul{
  display: none;
  position: absolute;
  left: 0;
  margin-top: 18px;
  width: max-content;
  min-width: -webkit-fill-available;
}

@media (min-width: 767px) {
  header nav .main-menu > div > ul.menu > li > ul{
      box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
  }
  header nav .main-menu > div > ul.menu > li > ul > li > ul{
      box-shadow: 5px 5px 5px rgb(0 0 0 / 10%);
  }
}

header .current_page_item a,
header.current-page-ancestor a,
header nav .menu-container > div > ul.menu > li a:hover{
  font-weight: 600;
  letter-spacing: .02em;
}

header nav .menu-container > div > ul.menu > li:hover > ul,
header nav .menu-container > div > ul.menu > li > ul > li:hover > ul{
  display: block;
}
header nav .menu-container > div > ul.menu > li > ul > li > ul{
  top: 0;
  left: 100%;
  margin: 0;
  margin-left: -5px;
}

header nav .menu-container > div > ul.menu li.menu-item-has-children:after{
  content:"";
  height: 20px;
  width:20px;
  background-image: url(assets/img/icons/black-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 0 0 7px;
  vertical-align: top;
  transition: transform .5s ease;
  display: none;
}

header nav .menu-container > div > ul.menu > li ul li.menu-item-has-children:after{
  display: inline-block;
}

nav.expand {
  overflow: scroll;
  height: 100vh;
  background: #fff;
  padding-top: 100px;
}
nav.expand .logo{
  position: absolute;
  top:0;
  left: 20px;
}

.expand .menu-container{
  display: block;
}

.expand .products-menu{
  /*float: none;*/
  display: block;
}
.expand .products-menu .sub-menu-overlay{
  display: none!important;
}
.expand .main-menu{
  display: block;
  width: 100%;
  margin-bottom: 200px;
}
.expand .menu-container div > ul.menu li{
  width: 100%;
  text-align: left;
}
.searchform{
  float: none;
}

.expand .menu-container div > ul.menu li.menu-item-has-children:after{
  display: inline-block;
}
.expand .menu-container div > ul.menu li ul{
  position: relative;
}

.expand .menu-container div > ul.menu > li > ul > li > ul{
  left:0;
}

.expand .menu-container div > ul.menu li.menu-item-has-children:hover:after{
  display: none;
}

.store{
  display: inline-block;
  padding: 10px 20px 5px;
  float:right;
  color: var(--black);
  font-size: 20px;
  font-weight: 400;
  z-index: 11;
  position: relative;
}

.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
}

.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);
}

.home .login svg{
  fill:var(--black);
}

.handler{
  cursor: pointer;
  position: relative;
  z-index: 11;
}
.handler span{
  width:100%;
  height: 5px;
  background: var(--black);
  margin-bottom: 6px;
  display: block;
  transition: .3s ease;
}
.handler.expand span:nth-child(1){
  display: none;
}
.handler.expand span:nth-child(2){
  transform: rotate(45deg);
  margin-top: 10px;
}
.handler.expand span:nth-child(3){
  transform: rotate(-45deg);
  margin-top: -11px;
}

.login img{
  width: 100%;
  height: 100%;
}


/* Menu */
.main-menu.expand{
  position: fixed;
  overflow: scroll;
  right: 0;
  top: 0;
  height: 100vh;
  background: var(--white);
  /* transform: translateX(calc(100% + 30px)); */
  display: none;
  padding: 150px 5%;
  width: 90%;
  z-index: 10;
  line-height: 1;
  box-shadow: 2px 5px 30px rgba(0,0,0,0.2);
  transition: transform .3s ease-in-out;
}
.main-menu .row{
  max-width: 100%;
  width: 100%;
  justify-items:left;
}

.products-menu{
  float: left;
}

.products-menu li.menu-item{
  padding: 39px 0;
}


li.menu-item{
  margin: 0;
  margin-bottom: -1px;
}
.main-menu .row ul li.menu-item{
  margin: 10px 0;
}
.main-menu .row ul:not(#menu-social) li a{
  font-size: 5vh;
  font-weight: 400;
  position: relative;
  line-height: 1;
}
.main-menu .row ul li.current_page_item a{
  opacity: 1;
}

.main-menu .row ul li a{
  opacity: .2;
}
.main-menu .row ul:hover li a{
  opacity: .2;
}
.main-menu .row ul li a:hover{
  opacity: 1;
}
.main-menu > ul > li{
  display: inline-block;
  border-bottom: 4px solid var(--transparent);
}

.main-menu > ul > li > a{
  display: block;
  padding: 59px 20px 45px;
}
.main-menu > ul > li.current-menu-item{
  border-bottom: 4px solid var(--black);
}
ul.sub-menu li.current-menu-item{
  border-bottom: 4px solid var(--black);
}
.main-menu > ul:hover > li{
  border-bottom: none;
}
.main-menu > ul:hover > li:hover{
  border-bottom: 4px solid var(--black);
}

.main-menu.expand ul li{
  transform: translateY(0);
  opacity:1;
}

.main-menu.expand ul li:nth-child(1){
  transition-delay: .2s;
}
.main-menu.expand ul li:nth-child(2){
  transition-delay: .35s;
}
.main-menu.expand ul li:nth-child(3){
  transition-delay: .5s;
}
.main-menu.expand ul li:nth-child(4){
  transition-delay: .65s;
}
.main-menu.expand ul li:nth-child(5){
  transition-delay: .7s;
}
.main-menu.expand ul li:nth-child(6){
  transition-delay: .85s;
}
.main-menu.expand ul li:nth-child(7){
  transition-delay: 1s;
}
.main-menu.expand ul li:nth-child(8){
  transition-delay: 1.15s;
}
.main-menu.expand ul li:nth-child(9){
  transition-delay: 1.3s;
}
.main-menu.expand ul li:nth-child(10){
  transition-delay: 1.45s;
}


.menu-item-has-children:hover ul{
  opacity: 1;
  height: auto;
}
.menu-item-has-children:hover > a:after{
  transform: rotate(180deg);
}

.products-menu .cta:hover:after{
  margin-left: 10px;
}

.products-menu ul.sub-menu li:first-child{
  background: var(--black)!important;
}

.products-menu ul.sub-menu li:first-child h4:before{
  content:"";
  display: block;
  background-image: url(assets/img/icons/filter.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  margin-bottom: 20px;
}

.products-menu ul.sub-menu li:first-child a:before{
  position: absolute;
  bottom: 30px;
  right: 20px;
  content:"";
  border: 1px solid var(--light-greige);
  padding: 15px;
  display: block;
  background-image: url(assets/img/icons/white-arrow.svg);
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}


.menu-bottles-jars-container:before {
  background: #8bd0f8;
}
.menu-packaging-container:before{
  background: #70906d;
}


.main-menu.expand{
  transform: translateX(0%);
}

/* CTA */
.cta,
.wp-element-button,
.wpcf7-submit,
.single_add_to_cart_button{
  display: inline-block;
  padding: 16px 30px 10px;
  margin: 10px 10px 10px 0;
  color: var(--white);
  font-size: 20px;
	font-weight: 300;
  background: var(--black);
  border-radius: 3em;
  transition: background .1s ease-in-out;
  cursor: pointer;
  text-align: center;
  /*box-shadow: 0 5px 15px rgba(1,1,1,.15);*/
}
.cta.disabled{
  opacity: .65;
  cursor: initial;
}

.products-menu ul.row{
  grid-template-columns: repeat(4, minmax(50px, 1fr))
}
.products-menu ul.row li{
  height: 250px;
  width: 100%;
  border-radius: 15px;
  background-size: 130%;
  background-position: center;
  transition: all 4s ease;
}
.products-menu ul.row li:hover{
  background-size: 150%;
}
.products-menu ul.row img{
  object-fit: cover;
}
.products-menu  .sub-menu li a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.2);
  border-radius: 20px;
}
.products-menu .cta:after{
  content:"";
  display: inline-block;
  background-image: url(assets/img/icons/arrow-right-accent.svg);
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert();
  width: 10px;
  height: 20px;
  transform: rotate(90deg);
  vertical-align: middle;
  margin-left: 10px;
  margin-top: 0px;
  opacity: 1!important;
  transition: all .35s ease;
}

.products-menu .cta:hover:after{
  transform: rotate(270deg);
}

.wpcf7 form.sent .wpcf7-response-output {
    border: none!important;
    color: #46b450;
    font-size: 20px;
}

.options > li {
  display: block;
  position: relative;
  padding: 5px 30px 3px;
  width: 200px;
  text-align: left;
  cursor: pointer;
  border: 1px solid #e7e7e9;
  position: relative;
  font-weight: 400;
  margin-bottom: 10px;
}
.options > li > ul{
  position: absolute;
  width: 100%;
  display: none;
  border: 1px solid #e7e7e9;
  background: var(--white);
  left: 0;
  z-index: 1;
}
.options > li:hover ul,
.options > li > ul:hover{
  display: block;
}
.options > li > ul > li{
  display: block;
  padding: 5px 30px;
}
.options > li ul li:hover{
  background: #fafafa;
}

.cta:after,
.wp-element-button:after{
  content:"";
  display: inline-block;
  background: url(assets/img/icons/arrow-white.svg);
  background-size: contain;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-left: 5px;
  margin-left: -14px;
  opacity: 0;
  transition: all .35s ease;
}

.wp-element-button:hover,
.cta:hover,
.cta:focus,
.cta:active{
  color:var(--white);
}
.wp-element-button:hover:after,
.cta:hover:after{
  margin-left: 5px;
  opacity: 1;
  /*
  transition: background .35s ease;
  background-position: 20px;
  */
}


.postid-29794 article section:nth-child(2){
  background: #bcc8b5;
}

.sigle article{
  border-bottom: 1px solid var(--black);
}

.cta.clear{
  text-transform: capitalize;
  color: var(--black);
  background: none;
  border: 1px solid var(--black);
  box-shadow: none;
}
.cta.clear.white{
  text-transform: capitalize;
  color: var(--white);
  background: none;
  border: 1px solid var(--white);
  box-shadow: none;
}
.cta.clear:after{
  filter: invert();
}
.cta.white:after{
  filter: invert(0);
}

.cta.white{
  color: var(--black);
  background: var(--white);
}

.readmore{
  display: inline-block;
  padding: 12px auto 8px;
  color: var(--black);
  font-size: 16px;
  font-weight: 400;
  transition: background .1s ease-in-out;
  cursor: pointer;
  position: relative;
  text-transform: uppercase;
}
.readmore:before{
  content:"";
  display: inline-block;
  height: 2px;
  width: 100%;
  background: var(--black);
  bottom: -3px;
  right: 0;
  position: absolute;
}
.readmore:after{
  content:"";
  display: inline-block;
  background: url(assets/img/icons/black-arrow.svg); no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-bottom: -3px;
  margin-left: 5px;
}
.readmore:hover:before{
  width: 0px;
  transition: width .35s ease;
}
.readmore:hover:after{
  transition: background .35s ease;
  background-position: 16px;
}


section.green{
  background:rgba(105,134,101,.15);
}
section.grey{
  background:#f2f2f2;
  background-color:#f2f2f2;
}

section.grey-white{
  background:#fbfbfb;
  background-color:#fbfbfb;
}
section.grey-tone{
  background:#f4f4f4;
  background-color:#f4f4f4;
  overflow: hidden;
}
.grey-tone img{
  margin-top: -200px;
  margin-bottom: -100px;
  transform: scale(1.3) rotate(-25deg);
}

/*
section.green img{
  height: 650px;
  width: auto;
  position: absolute;
  bottom: -70px;
  right:12%;
}
section.green p{
  color:var(--black);
}
*/

section.active .readmore{
  visibility: visible;
  opacity: 1;
}

.cta-menu{
  float: right;
}
/* Contact */
.contact-button{
  position: fixed;
  cursor: pointer;
  right: 5%;
  bottom: 50px;
  font-size: 22px;
  font-weight: 400;
  color:var(--black);
  z-index: 10;
}
.contact-button svg{
  height: 40px;
  width: 40px;
  display: block;
}

.contact-form{
  background: var(--greige1);
  border-radius: 20px;
  padding: 30px;
  margin-top: 30px;
}
.contact-form input:not([type=submit]),
.contact-form textarea{
  width:calc(100% - 20px);
  border: 1px solid rgb(209, 209, 209);
  color: rgb(31, 31, 31);
  box-shadow: rgb(0 0 0 / 4%) 1px 1px 3px;
  transition: border-radius 200ms ease 0s;
  padding: 8px 10px;
}

.contact-form{
  transition: top .3s ease;
}
.contact-form.sticky-top{
  position: fixed;
  top: 50px;
  width: calc(50% - 98px);
}

.contact-form.sticky-bottom{
  position: absolute;
  bottom: -20px;
  width: 100%;
}
body.scrollUp .contact-form.sticky-top{
  top: 120px;
}

.contact-box {
    position: fixed;
    overflow: hidden;
    z-index: 21;
    bottom: 20px;
    left: 20px;
    width: 440px;
    border-radius: 3px;
    box-shadow: 0px 2px 20px rgba(0,0,0,.1);
    background: var(--white);
    backdrop-filter: blur(16px);
    font-size: 20px;
    font-weight: 400;
    padding: 20px;
    opacity: 0;
    transform: translateX(150%);
    transition: all .2s ease;
}

.contact-box:hover{
  box-shadow: 0px 10px 20px rgba(0,0,0,.15);
}

.contact-box:before{
  content: "";
  width: 50px;
  height: 50px;
  background-image: url(assets/img/icons/paper_plane.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
}
.contact-box div{
  display: inline-block;
  width: calc(100% - 70px);
  vertical-align: baseline;
}
.contact-box h4 {
  font-size: 18px;
  color: #7eb7f4;
  margin: 0;
}
.contact-box p {
  margin: 0;
  font-size: 14px;
}
.contact-box svg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.close {
    position: absolute;
    z-index: 99;
    cursor: pointer;
    top: 20px;
    right: 20px;
  transition: transform .2s ease;
}
.close:hover{
  transform: scale(1.3);
}
.contact-box.active{
    opacity: 1;
    transform: translateX(0);
}

@media (max-width: 767px) {
  .contact-box{
    width: calc(100% - 62px);
    padding: 10px;
  }
  .contact-box div{
    display: block;
    width: auto;
  }
  .contact-box:before{
    display: none;
  }
  .contact-box span {
    top: auto;
    bottom: 10px;
    right: 10px;
    font-size: 15px;
  }
}

/* home */
.col.bx-l:before{
  content:"";
  display:block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90%;
  height: 80%;
  background: #f2f2f2;
  transform: translate(250px, 100px);
  z-index: -2;
}
.col.bx-r:before{
  content:"";
  display:block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90%;
  height: 80%;
  background: #f2f2f2;
  transform: translate(-250px, 100px);
  z-index: -2;
}


header nav{
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
  background: var(--white);
}

/*
header section .col{
  text-align: left;
  position: relative;
}
*/

.has-background-colour{
  border-radius:20px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

body.has-thumbnail:not(.single-product) header section .col,
body.has-background-colour:not(.page-template-contact) header section .col{
  border-radius:20px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

body.has-background-colour.page-template-contact header section .col{
  background: none!important;
  height: auto!important;
  min-height: auto!important;
}
body.has-background-colour.page-template-contact header section .col .content{
  padding: 0;
}

body.has-background-colour.page-template-contact .elementor-1452 .elementor-element.elementor-element-97b28f0{
  padding: 0
}

body.has-thumbnail header .content,
body.has-background-colour:not(.page-template-contact) .content{
  position: absolute;
  bottom: 45px;
  padding: 0;
  left: 50%;
  transform:translateX(-50%);
  font-weight: 300;
  max-width: calc(100% - 150px);
  width: calc(100% - 150px);
  text-align: left;
}
body.page-template-contact header section .col{
  padding: 0;
}

body.has-thumbnail header .content label{
  color: var(--white);
}
body.has-thumbnail:not(.home) header .content h1{
  color: var(--white);
  font-weight: 300;
}
body.has-thumbnail header h1 > span{
  display: block;
  text-align: right;
}

body.about-us has-background-colour col{
  padding: 45px;
}


/*
body.has-thumbnail .content{
  top: 75px;
}
*/

body.home.has-thumbnail header .content{
  top: 25vh;
}

body.home header h1{
  max-width: 100%;
}

body.home header h1 span:before{
  content:"";
  display: inline-block;
  margin: 0 20px 30px 0;
  height: 5px;
  width: 80px;
  background: var(--black);
}

body.has-thumbnail header .content p{
  color: var(--white);
  font-weight: 300;
  max-width: 600px;
}
body.has-thumbnail header section img{
  height: calc(100vh - 215px);
  width: 100%;
  object-fit: cover;
  /* filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.1)); */
}
body.parent-pageid-16534.has-thumbnail header section img{
  object-fit: contain;
}
body.has-thumbnail header section div.product-cat img{
  height: 500px;
  aspect-ratio:1.6;
  object-fit: contain;
  /* filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.1)); */
}

header h1 > span{
  display: block;
}

nav ul.sub-menu li img,
div.col > a img{
  border-radius: 20px;
  aspect-ratio: 1.5;
}

body:not(.home):not(.single-product) main .centered img{
  max-width: 600px;
  margin: auto;
}


/* Single produt */
.single-product h1{
  font-size: clamp(50px, calc( 0.5 * (8vw + 1rem)), 100px);
}

.entry-image h1{
  display: none;
}

.woocommerce-product-gallery img{
  aspect-ratio:1.4;
  object-fit: cover;
  object-position: center;
}

.gallery{
  overflow: hidden;
}
.gallery h3{
  margin-bottom: 20px;
}
.gallery .slick-prev.slick-arrow{
  top: -63px;
  right: 50px;
}

.gallery .slick-next.slick-arrow{
  top: -63px;
  right: 0;
}
.woocommerce-product-gallery a {
    pointer-events: none;
    cursor: default;
}

.slick-prev.slick-arrow{
  position: absolute;
  top: -70px;
  right: 80px;
  content:"";
  border: 1px solid var(--black);
  padding: 18px;
  display: block;
  background: none;
  background-image: url(assets/img/icons/black-arrow.svg);
  background-size: 23px;
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-size: 0;
  transform: rotate(180deg);
}
.slick-next.slick-arrow{
  position: absolute;
  top: -70px;
  right: 30px;
  content:"";
  border: 1px solid var(--black);
  padding: 18px;
  display: block;
  background: none;
  background-image: url(assets/img/icons/black-arrow.svg);
  background-size: 23px;
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-size: 0;
}

figure.zoom {
  border-radius: 20px;
  cursor: crosshair;
  cursor: url('assets/img/icons/zoom.png'), auto;
  background-color: #f2f2f2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 200%;
  position: relative;
  /*max-width: 375px;*/
  margin:auto;
  overflow: hidden;
  aspect-ratio:1;
}
figure.zoom img:hover {
  opacity: 0;
}
figure.zoom img {
  transition: opacity 0.5s;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


table {
  border-collapse: collapse;
  border: none;
  width: 100%;
}
td, th {
  padding: 5px;
  text-align: left;
  border: none;
}

#tab-description, .woocommerce-tabs.wc-tabs-wrapper{
  display: none!important;
}
.single_variation_wrap,
.product_meta,
.reset_variations{
  display: none;
}

.print{
  text-decoration: underline;
  margin-left: 20px;
}
.print::before{
  content: "";
  display: inline-block;
  height: 30px;
  width: 25px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image:url(assets/img/icons/pdf.png);
  vertical-align: middle;
}

/* Product list */
.product-list{
  padding: 0;
  list-style: none;
  grid-template-columns: repeat(4, minmax(215px, 1fr));
  grid-gap: 5px 20px;
}
.product-list .product{
  margin-bottom: 20px;
}
.product-list figure{
  width: 100%;
  aspect-ratio: 1;
  background: #f2f2f2;
  border-radius: 20px;
  margin-bottom: 20px;
}
.product-list figure img{
  object-fit: contain;
  display: block;
  width: 100%;
  height: 100%;
}
.product h5{
  font-size: 20px;
  font-weight: 400;
}

/* Products table */

.product-categories ul.row{
  grid-template-columns: repeat(4, minmax(50px, 1fr));
  grid-gap: 20px;
  margin: 50px 0!important;
  width: 100%;
  padding: 0;
}

.product-categories ul.row li{
  width: 100%;
  aspect-ratio:1.0;
  background: var(--grey2);
  border-radius: 20px;
  text-align: center;
  list-style: none;
}
.product-categories ul.row li a{
  padding-top: 1px;
  display: block;
  text-align: center;
}
.product-categories ul.row li figure {
    width: 50%;
    height: 50%;
    margin: auto;
    margin-top: 20%;
    margin-bottom: 20px;
}

.display{
  aspect-ratio: 1.5;
  position: relative;
  border-radius: 15px;
  background-position: center;
  background-size: auto 110%;
  transition: all 5s ease;
}
.display a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.display:hover{
  background-size: auto 130%;
}

.display label{
  position: absolute;
  top: 45px;
  left: 45px;
  font-size: 20px;
  font-weight: 200;
  color: var(--black);
}
.display h5{
  position: absolute;
  bottom: 20px;
  left: 45px;
  font-weight: 200;
  max-width: 30vw;
  color: var(--black);
}
.display .icon{
  position: absolute;
  bottom: 145px;
  left: 45px;
  width: 100px;
  height: 100px;
}

.display.dark label,
.display.dark h5{
  color: var(--light-greige);
}

.display:after{
  position: absolute;
  bottom: 45px;
  right: 45px;
  content:"";
  border: 1px solid var(--black);
  padding: 15px;
  display: block;
  background-image: url(assets/img/icons/black-arrow.svg);
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.product-add.display:after{
  filter: invert();
}

.display.dark:after{
  border: 1px solid var(--light-greige);
  background-image: url(assets/img/icons/white-arrow.svg);
}

img.category-image{
  margin: auto;
  display: block;
  text-align: center;
  height: 340px;
}

table.table-range{
  display: table;
  width: 100%;
  border-collapse:collapse;
  font-size: 22px;
}
table.table-range td{
  padding: 15px 20px 10px;
  color:#010101;
  text-align: center;
  cursor: pointer;
}
table.table-range td:last-child{
  width: 200px;
}
table.table-range td a{
  color:010101;
}
table.table-range th{
  text-align: left;
  font-weight: 300;
  padding: 30px 20px 20px 20px;
  cursor: pointer;
}

table.table-range th span{
  position: relative;
}
table.table-range th:not(:first-child){
  text-align: center;
}
table.table-range tr{
  background: var(--grey2);
}
table.table-range tr:not(:last-child){
  border-bottom: 1px solid var(--grey1);
}
table.table-range th{
  background: var(--greige2);
  border: none;
}
table.table-range th:first-child{
  border-top-left-radius: 15px;
}
table.table-range th:last-child{
  border-top-right-radius: 15px;
}

table.table-range tr:last-child td:first-child{
  border-bottom-left-radius: 15px;
}
table.table-range tr:last-child td:last-child{
  border-bottom-right-radius: 15px;
}

table.table-range th span:after{
    content:"";
    display: inline-block;
    background-image: url(assets/img/icons/arrow-right-accent.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 20px;
    transform: rotate(90deg);
    vertical-align: middle;
    margin-left: 10px;
    margin-top: 0px;
    opacity: 1!important;
    transition: all .35s ease;
}
/*
table.table-bottles tr td:nth-child(2)::after,
table.table-jars tr td:nth-child(2)::after{
  content: " ml";
}
table tr td:nth-child(3)::after{
  content: " g";
}
table tr td:nth-child(4)::after,
table tr td:nth-child(5)::after,
table tr td:nth-child(6)::after{
  content: " mm";
}
*/
table.table-range tr td.thread::after{
  content: "/400";
}
table.table-range tr td.thread410::after{
  content: "/410";
}
table.table-range tr:hover{
  background: var(--greige2);
}
.product-categories img{
  display: inline-block;
  object-fit: contain
  aspect-ration:auto;
}
.product-categories a:hover {
  text-decoration: underline;
}
/*
.product-categories a:hover {
  box-shadow: 0 5px 25px 0px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  height: calc(100% - 1px);
}
*/
.flip-on-smartphone{
  display: none;
  margin: auto;
  width: 200px;
}

table tr td:first-child{
  text-align: left;
  max-width: 50%;
}
table a{
  margin: 0!important;
  clip-path:none!important;
}
/* Mobile Normal Layout */
@media screen and (max-width: 400px){
  .flip-on-smartphone{
    display: block;
  }
  img.category-image{
    display: none;
  }
}



/* popup-btn */
.popup-btn {
  position: fixed;
  z-index: 21;
}
.popup-btn > div{
  opacity: 0;
  visibility: hidden;
  text-align: center;
  display: inline-block;
  height: 64px;
  width: 64px;
  background: var(--black);
  border-radius: 15px;
  box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px -3px, rgb(0 0 0 / 6%) 0px 3px 14px 2px, rgb(0 0 0 / 5%) 0px 8px 10px 1px, rgb(0 0 0 / 24%) 0px 0px 2px 0px;
  transition: opacity 300ms ease 250ms, visibility 300ms ease 250ms;
}
/* cookies popup */
.popup-btn.cookies{
  bottom: 40px;
  left:60px;
}
.popup-btn.cookies img{
  margin-top: 18px;
  width:28px;
  height: 28px;
}
.popup-btn.cookies > div{
  animation: popup-1 .3s forwards 1s;
}

.speedy-cups-popup,
.custom-caps-popup{
  /*bottom: 125px;*/
  bottom:20px;
  right:20px;
}
.speedy-cups-popup p,
.custom-caps-popup p{
  text-align: left;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  border-radius: 8px;
  box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px -3px, rgb(0 0 0 / 6%) 0px 3px 14px 2px, rgb(0 0 0 / 5%) 0px 8px 10px 1px, rgb(0 0 0 / 24%) 0px 0px 2px 0px;
  background-color: rgb(255, 255, 255);
  padding: 18px 22px 16px 22px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  line-height: 1.43;
  color: rgb(32, 34, 37);
  margin: 3px 8px;
  transition: opacity 300ms ease 250ms, visibility 300ms ease 250ms;
  animation: popup-2 .3s forwards 8s;
}
@keyframes popup-2{
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.speedy-cups-popup p:before,
.custom-caps-popup p:before{
  content: "";
  height: 14px;
  width: 14px;
  margin-right: 12px;
  display: inline-block;
  background: url(assets/img/icons/white-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.speedy-cups-popup div,
.custom-caps-popup div{
  float: right;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  display: inline-block;
  height: 64px;
  width: 64px;
  background: var(--black);
  border-radius: 15px;
  box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px -3px, rgb(0 0 0 / 6%) 0px 3px 14px 2px, rgb(0 0 0 / 5%) 0px 8px 10px 1px, rgb(0 0 0 / 24%) 0px 0px 2px 0px;
  transition: opacity 300ms ease 250ms, visibility 300ms ease 250ms;
  animation: popup-1 .3s forwards 1s;
}
@keyframes popup-1{
  100% {
    opacity: 1;
    visibility: visible;
  }
}
body.home header .speedy-cups-popup img{
  margin: -20px 5px 10px;
  height: 80px;
  width: 70px;
  transform: rotate(25deg);
}

.close-pop-up {
  z-index: 22;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: absolute;
  left: -12px;
  top: -12px;
  opacity: 0;
  background: rgb(116, 118, 120);
  transition: all 300ms ease 0s;
}
.close-pop-up:before,
.close-pop-up:after{
  display: block;
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  background: rgb(255, 255, 255);
  transform-origin: center center;
  top: 11px;
  left: 5px;
}
.close-pop-up:before {
  transform: rotate(-45deg);
}
.close-pop-up:after {
  transform: rotate(45deg);
}
.close-pop-up:hover,
.close-pop-up:active {
  background: rgb(32, 34, 37);
}
.popup-btn:hover .close-pop-up,
.cookies_consent div:hover .close-pop-up,
.manage_cookies:hover .close-pop-up{
  opacity: 1;
}

.bottles-and-jars .speedy-cups-popup:after{
  content: "NEW";
  position: absolute;
  top: -5px;
  right: -24px;
  background: red;
  color: var(--white);
  font-weight: 600;
  padding: 6px 6px 0px;
  border-radius: 8px;
  letter-spacing: 0px;
  font-size: 15px;
  border: 2px solid var(--white);
}

@keyframes rotate-a {
  0% {
    transform: rotateZ(0deg);
  }
  25% {
    transform: rotateZ(-5deg);
  }
  75% {
    transform: rotateZ(5deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}
.sp{
  grid-gap: 60px;
}

.sp li{
  border:1px solid #888;
  background: var(--white);
  height: fit-content;
  min-height: 360px;
  padding: 20px;
  opacity: 0;
  transition: opacity .5s ease;
}
.sp li h4{
  font-size: 22px;
}

.active .sp li{
  opacity: 1;
}
.active .sp li:nth-child(1) {
    transition-delay: .3s;
}
.active .sp li:nth-child(2) {
    transition-delay: .6s;
}
.active .sp li:nth-child(3) {
    transition-delay: .9s;
}
.active .sp li:nth-child(4) {
    transition-delay: 1.2s;
}
.active .sp li:nth-child(5) {
    transition-delay: 1.5s;
}
.active .sp li:nth-child(6) {
    transition-delay: 1.8s;
}
.active .sp li h4:after{
  opacity: 1;
  width: 50px;
}


.home header div.bg > img:nth-child(1){
  transform: rotate(15deg);
  height: 50%;
  bottom: -34%;
  left: 35%;
}
.home header div.bg > img:nth-child(2){
  transform: rotate(44deg);
  height: 30%;
  bottom: 10%;
  left: 42%;
}

.home header div.bg > img:nth-child(3){
  transform: rotate(40deg);
  height: 45%;
  bottom: 23%;
  left: 50%;
}

.home header div.bg > img:nth-child(4){
  transform: rotate(20deg);
  width: 26%;
  bottom: 47%;
  left: 59%;
}

.home header  div > a:nth-child(4){
  position: absolute;
  height: 100%;
  width: 30%;
  bottom: 20%;
  left: 59%;
}
.home header div.bg > a:nth-child(4) img{
  transform: rotate(20deg);
  width: 85%;
}

.home header div.bg > img:nth-child(5){
  transform: rotate(20deg);
  height: 60%;
  bottom: 88%;
  left: 72%;
}

.home header div.bg > img:nth-child(6){
  transform: rotate(45deg);
  width: 10%;
  bottom: 113%;
  left: 80%;
}

.home header div.bg > a:nth-child(6){
  position: absolute;
  height: 100%;
  width: 12%;
  bottom: 70%;
  left: 82%;
}
.home header div.bg > a:nth-child(6) img{
  transform: rotate(45deg);
  width: 85%;
}

.customization-slider a{
  position: relative;
}
.customization-slider h5{
  position: absolute;
  max-width: 300px;
  left: 20px;
  bottom: 0px;
  color: #fff;
}
.slick-slide img{
  aspect-ratio:1.4;
  object-fit: cover;
  margin-bottom: 20px;
}
.customization-slider .slick-slide img {
    display: block;
    height: 400px;
    object-fit: cover;
}

a.label > label {
  position: absolute;
  width: 80px;
  margin:60px;
  border-radius: 50%;
  z-index: 999;
  background-color: #f2f2f2;
  transition:transform .5s ease;
  text-align:center;
  font-size:18px;
  padding:12px 0;
  line-height:1;
  cursor: pointer;
  transform: scale(0);
}
.active a.label:nth-child(4) label{
  animation: labels 1.5s linear 3s forwards;
}
.active a.label:nth-child(6) label{
  animation: labels 1.5s linear 4s forwards;
}

@keyframes labels {
  0% {
      transform: scale(0);
  }
  25% {
      transform: scale(1);
  }
  75% {
      transform: scale(1);
  }
  100% {
      transform: scale(0);
  }
}

a.label:hover label{
  transform:scale(1)!important;
}

.home header  div > a.label:nth-child(4) img{
  animation: img1s 1.5s linear 3s forwards;
}

@keyframes img1s {
  0% {
    transform:rotate(20deg) scale(1.0);
  }
  25% {
    transform:rotate(20deg) scale(1.1);
  }
  75% {
    transform:rotate(20deg) scale(1.1);
  }
  100% {
    transform:rotate(20deg) scale(1.0);
  }
}
.home header  div > a.label:nth-child(6) img{
  animation: img2s 1.5s linear 4s forwards;
}

@keyframes img2s {
  0% {
    transform:rotate(45deg) scale(1.0);
  }
  25% {
    transform:rotate(45deg) scale(1.1);
  }
  75% {
    transform:rotate(45deg) scale(1.1);
  }
  100% {
    transform:rotate(45deg) scale(1.0);
  }
}

a.label img{
  transition:transform .5s ease!important;
}
.home header  div > a.label:nth-child(4):hover img{
  transform:rotate(20deg) scale(1.1)!important;
}
.home header  div > a.label:nth-child(6):hover img{
  transform:rotate(45deg) scale(1.1)!important;
}

.home .sustainable:before{
  /* content: ""; */
  position: absolute;
  right: 0;
  top: -100px;
  height: 600px;
  width: 300px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image:url(assets/img/backgrounds/leaf.png);
}


/* .about */
.about header{
  overflow: hidden;
}
.about header section .col img:nth-child(1){
  height: 135%;
  bottom: -20%;
  left: 10%;
}
.about header section .col img:nth-child(2){
  height: 135%;
  bottom: -20%;
  left: 30%;
}
.about header section .col img:nth-child(3){
  height: 135%;
  bottom: -25%;
  left: 55%;
}
.about header section .col img:nth-child(4){
  height: 135%;
  bottom: -25%;
  left: 75%;
}

.questions img{
  position: absolute;
  bottom:-100px;
  left: 5%;
  transform: none!important;
}

.polaroid{
  margin-top: 150px;
}
.polaroid img{
  position: absolute;
  bottom:-100px;
  left: 5%;
  width: 56%;
  transform: none!important;
}
.active.polaroid img:nth-child(1){
  filter: drop-shadow(-10px -15px 15px rgba(0,0,0,.1));
}
.active.polaroid img:nth-child(2){
  transition: opacity 10s ease;
  opacity: 0;
}

header section{
  padding: 0;
}

/*
header section .col > a h4:after{
  content:"";
  position: absolute;
  left: 0;
  bottom: -10px;
  transition: .2s;
  height: 3px;
  width: 0;
  border-radius: 3px;
  background: var(--black);
  display: block;
}
header section .col > a:hover h4:after{
  width: 100%;
}
*/

/* explore */
.page-template-blog h1{
  max-width: 100%;
  text-align: center;
}
/* About Us */

.up-sells{
  margin: 0px auto 75px;
  width: calc(100% - 120px);
}
.up-sells .price{
  display: none!important;
}

.up-sells li.product{
  width:calc(25% - 20px)!important;
  margin:0 20px 2.992em 0!important;
}

.up-sells h2.woocommerce-loop-product__title{
  font-size: 20px;
  font-weight: 400;
}

/* Team */
.team-filter li,
.team li{
  list-style: none;
}

.team{
  display: grid;
  grid-template-columns: repeat(5, minmax(300px, 1fr));
  grid-gap: 20px;
  margin: 0!important;
  padding: 0 0 30px!important;
}
.team li{
  margin-bottom: 20px;
  width: 100%;
}
.team div{
  height: 450px;
  background: var(--greige1);
  background-image: url(assets/img/icons/team.png);
  background-size: 50px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 15px;
}
.team img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
  filter: brightness(0.8) grayscale(0.1);
}
.team h4{
  font-size: 24px;
  margin-top: 20px;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="radio"] {
    display: none;
}
input[type="radio"] +label {
    font-weight: bold;
    font-size: 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 30px;
    position: relative;
}
.contact-form input[type="radio"] +label{
    display: block;
}

input[type="radio"] +label::before {
    -webkit-transition: all 250ms cubic-bezier(.4,.25,.3,1);
    transition: all .2s cubic-bezier(.4,.25,.3,1);
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: var(--black);
    border: 0px solid var(--black);
    font-size: 0;
    position: absolute;
    top: -2px;
    left: 10px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
input[type="radio"] +label::after {
    -webkit-transition: all 250ms cubic-bezier(.4,.25,.3,1);
    transition: all .2s cubic-bezier(.4,.25,.3,1);
    content: "";
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--black);
    position: absolute;
    top: 3px;
    left: 10px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
input[type="radio"]:checked + label::before {
    background-color: transparent;
    width: 20px;
    height: 20px;
    border-width: 2px;
}
input[type="radio"]:checked + label::after {
    width: 15px;
    height: 15px;
}


/* Client Testimonial */
.clients h3{
  font-size: 30px;
}
.clients ul.row{
  grid-gap: 0;
  margin: 0;
}
/*
.clients > .row:nth-child(2) .col:nth-child(1){
  border-right: 2px solid var(--black);
}
.clients > .row:nth-child(3) .col:nth-child(1){
  border-right: 2px solid var(--black);
}
*/
.clients > .row:nth-child(5) > .col:nth-child(2){
  border-right: 2px solid var(--black);
  border-left: 2px solid var(--black);
}

.clients hr{
  width: 100%;
  max-width: 1270px;
  height: 2px;
  background: var(--black);
}


.clients img{
  width:150px;
  height: 100px;
  object-fit: contain;
}

.clients a img{
  transition: all .2s ease;
}
.clients a:hover img{
  transform: scale(1.1);
}

/*
.single-client header section,
.single-post header section{
  background-size: cover;
  height: 50vh;
}
*/

/* news */
.news{
  grid-template-columns: repeat(3, minmax(150px, 1fr));
}
.post{
  transition: all 0.25s ease;
  text-align: left;
  margin-bottom: 30px;
}
.post_img{
  width: 100%;
  height: 180px;
  background: #f2f2f2;
  background: #f2f2f2;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.post img{
  object-fit: cover;
  border-radius: 15px;
}

.post_title{
  transition: all .2s ease-in-out;
}
.post label{
  display: block;
  margin: 30px auto;
}

/* FAQs */
.faqs > li{
  padding: 20px 0;
  border-top:1px solid var(--black);
  cursor: pointer;
  margin: 0;
  color:var(--black);
  position: relative;
}
.faqs > li:hover{

}
.faqs > li h6,
.faqs > li p{
  margin: 5px 50px 0 0;
}
.faqs > li p,
.faqs > li > ul,
.faqs > li > ol{
  display: none;
}
.faqs > li:focus p,
.faqs > li:focus ul,
.faqs > li:focus ol{
  display: block;
}
.faqs > li:after{
  content: "+";
  font-size: 30px;
  border-radius: 50%;
  background: var(--black);
  color:var(--white);
  line-height: 1.04;
  padding: 10px;
  height: 20px;
  width: 20px;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 0;
  transition: transform .3s ease;
}
.faqs > li:hover:after{
  transform: rotate(180deg);
}
.faqs > li.active:after{
  content:"-";
  line-height: .9;
  padding: 10px;
  height: 20px;
  width: 20px;
  text-align: center;
}

.page-template-faqs main section:after {
  content:"";
  position:absolute;
  width: calc(100% - 135px);
  height: 1px;
  background: var(--grey1);
  background-color: var(--grey1)!important;
  border: none;
  margin: 0 60px;
  display: block;
  bottom: 0;
}

hr{
  width: 100%;
  height: 1px;
  background: var(--grey1);
  background-color: var(--grey1)!important;
  border: none;
  margin: 30px auto!important;
  display: block;
}

/* breadcrumbs */
.breadcrumbs{
  margin-bottom: 45px;
}
.meta-data > p{
  display: inline-block;
}
.meta-data hr{
  display: inline-block;
  width: 100%;
  height: 30px;
  background: var(--black);
}
.post-date{
  float: right;
  visibility: hidden;
}
.breadcrumbs span,
.breadcrumbs a {
  font-size: 14px;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs a.home:after {
  right: -15px;
}
.icon-home{
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url(assets/img/icons/home.svg);
  vertical-align: middle;
}

.product-breadcrumbs{
  display: inline-block;
}
.product-breadcrumbs a{
  font-size: 30px;
  font-weight: 300;
  text-decoration: none;
  margin: 0 5px;
}

.product-breadcrumbs span:first-child a{
  margin: 0 5px 0 0;
}

/* Packaging */
.home-options{
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 0;
}
.home-options div{
  height: 400px;
  position: relative;
}
.home-options img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.home-options h5{
  position: absolute;
  bottom: 20px;
  left: 50px;
  color: var(--white);
  font-size: 35px;
  font-weight: 500;
  text-shadow: 0 2px 20px rgba(0,0,0,0.1);
}


.btn-icon{
  content:"";
  display:block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 18px solid var(--black);
  border-bottom: 10px solid transparent;
  position:absolute;
  left:24px;
  top:20px;
}


main{
  display: block;
  margin-bottom: 100vh;
  background: var(--white);
}


/* footer */
footer{
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: -1;
  background: var(--greige1);
}

footer section > .row:last-child .col:first-child > div{
  position: absolute;
  bottom: 45px;
}
footer h3 span{
  display: block;
}

footer .row:nth-child(2){
  padding-top: 75px;
  border-top: 1px solid black;
}
footer .row:last-child{
  margin-bottom: 0;
}

footer h3 span:before{
  content:"";
  display: inline-block;
  margin: 0 20px 30px 0;
  height: 5px;
  width: 80px;
  background: var(--black);
}

#catalogues{
  background: #f2f2f2;
}

footer h6{
  display: inline-block;
  margin-right: 20px;
}
footer .cta{
  margin: 0;
}
footer .logo{
  margin-top: 15px;
}
footer h3{
  font-size: clamp(50px, calc( 0.5 * (13vw + 1rem)), 130px);
  font-weight: 300;
}
footer h3 span{
  display: block;
}

footer a{
  color: var(--black);
}
footer p, footer ul li{
  color: var(--black);
  font-size: 18px;
  font-weight: 200;
  margin: 0;
}
footer section{
  padding: 75px 0 0;
}

footer section > .row:first-child .col:nth-child(2){
  text-align: right;
}

footer section > .row:last-child .col:last-child{
  grid-column: 2 / span 2;
  text-align: right;
}
footer section nav .row:last-child .col:last-child{
  grid-column: 3 / span 3;
}

footer nav .row{
  border-top: 1px solid var(--black);
  padding-top: 50px;
  margin-top: 40px;
}
footer section > div{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}


footer .copyright{
  font-size: 15px;
}

/* Language Switcher */
.language-switcher{
  float: right;
  font-size: 20px;
  font-weight: 200;
  color:var(--black);
  z-index: 10;
}
.language-switcher li{
  display: inline-block;
  text-transform: uppercase;
  padding:20px 0;
}
.language-switcher li a{
  font-weight: 500;
}


.scroll-top{
	width: 38px;
  height: 38px;
  background: #000;
  border: 1px solid #000;
  border-radius: 50%;
  display: inline-block;
  float: right;
  font-size: 0;
}
.scroll-top:before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 10px;
  background-image: url(assets/img/icons/arrow-white.svg);
  transform: rotate(-90deg);
}
.scroll-top:hover{
  filter: invert();
}


/* Social */
.menu-social-container a, .smiley{
  font-size: 0;
  display: block;
}

.menu-social-container li{
  margin-right: 5px;
  display: inline-block;
}
.menu-social-container li a{
	width: 40px;
  height: 40px;
  display: inline-block;
}

.menu-social-container li a:before{
  content:"";
	width: 100%;
  height: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.smiley:before{
  content:"";
	width: 120px;
  height: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.facebook a:before {
  background-image: url(assets/img/icons/social/facebook2.svg);
}
.instagram a:before {
  background-image: url(assets/img/icons/social/instagram2.svg);
}
.linkedin a:before {
  background-image: url(assets/img/icons/social/linkedin2.svg);
}
.scroll-top a:before {
  background-image: url(assets/img/icons/white-arrow.svg);
  transform: rotate(-90deg);
}

.scroll-top a:hover:before {
  background-image: url(assets/img/icons/white-arrow.svg);
  transform: rotate(-90deg);
}

.smiley:before{
  background-image: url(assets/img/icons/Sm1bg-Embaco.jpg);
}

footer .col.grey{
  background: #f2f2f2;
  max-width: 900px;
  margin: 50px auto;
}


a.arrow{
  font-size: 20px;
  font-weight: 400;
  width: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  display: block;
  padding: 20px 0;'
}
a.arrow:before{
  float: right;
  width: 38px;
  height: 38px;
  background: var(--black);
  border: 1px solid var(--black);
  border-radius: 50%;
  display: inline-block;
  content:"";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  margin-top: -10px;
  background-image: url(assets/img/icons/arrow-white.svg);
  transform: rotate(0deg);
}
a.arrow:hover:before{
  filter: invert();
  border: 1px solid var(--white);
}

/*** Section active **/
body.js main div.col > p,
body.js main div.col > label,
body.js main div.col > h2,
body.js main div.col > h3,
body.js main div.col > h4,
body.js main div.col > h5,
body.js main div.col > h6,
body.js main section div.col > ul li:not(.col){
  transition: all .8s cubic-bezier(0.77, 0, 0.175, 1);
  transition:
    clip-path 1s cubic-bezier(0.25, 1, 0.5, 1),
    transform 1s cubic-bezier(0.25, 1, 0.5, 1),
    opacity 1s cubic-bezier(0.25, 1, 0.5, 1);
  -webkit-clip-path: inset(100% 0 0 0);
  clip-path: inset(100% 0 0 0);
  opacity: 0;
  transform: translateY(20px);
}

body.js main figure img{
  transition: all .8s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  opacity: 1;
  transform: translateY(0);
}
body.js main a.cta,
body.js main section img.icon{
  transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  opacity: 1;
  transform: translateY(0);
}

body.js main section.active div.col > p,
body.js main section.active div.col > label,
body.js main section.active div.col > h2,
body.js main section.active div.col > h3,
body.js main section.active div.col > h4,
body.js main section.active div.col > h5,
body.js main section.active div.col > h6,
body.js main section.active figure img,
body.js main section.active div.col a.cta,
body.js main section.active img.icon{
  -webkit-clip-path: inset(0);
  clip-path: inset(0);
  opacity: 1;
  transform: translateY(0);
}

body.js main section.active div.col > ul li:not(.col){
  -webkit-clip-path: inset(-15px);
  clip-path: inset(-15px);
  opacity: 1;
  transform: translateY(0);
}

body.js main section.active figure img {
  transition-delay: 0s;
}


body.js main section.active div.col > *:nth-child(1),
body.js section.active div ul li:nth-child(1){
  transition-delay: .1s;
}
body.js main section.active div.col > *:nth-child(2),
body.js section.active div ul li:nth-child(2){
  transition-delay: .3s;
}
body.js main section.active div.col > *:nth-child(3), body.js section.active div.col ul li:nth-child(3){
  transition-delay: .5s;
}
body.js main section.active div.col > *:nth-child(4), body.js section.active div.col ul li:nth-child(4){
  transition-delay: .7s;
}
body.js main section.active div.col > *:nth-child(5), body.js section.active div.col ul li:nth-child(5){
  transition-delay: .9s;
}
body.js main section.active div.col > *:nth-child(6), body.js section.active div.col ul li:nth-child(6){
  transition-delay: 1.1s;
}
body.js main section.active div.col > *:nth-child(7), body.js section.active div.col ul li:nth-child(7){
  transition-delay: 1.3s;
}
body.js main section.active div.col > *:nth-child(8), body.js section.active div.col ul li:nth-child(8){
  transition-delay: 1.5s;
}
body.js main section.active div.col > *:nth-child(9), body.js section.active div.col ul li:nth-child(9){
  transition-delay: 1.7s;
}
body.js main section.active div.col > *:nth-child(10), body.js section.active div.col ul li:nth-child(10){
  transition-delay: 1.9s;
}
body.js main section.active div.col > *:nth-child(11), body.js section.active div.col ul li:nth-child(11){
  transition-delay: 2.1s;
}
body.js main section.active div.col > *:nth-child(12), body.js section.active div.col ul li:nth-child(12){
  transition-delay: 2.3s;
}
body.js main section.active div.col > *:nth-child(13), body.js section.active div.col ul li:nth-child(13){
  transition-delay: 2.5s;
}
body.js main section.active div.col > *:nth-child(14), body.js section.active div.col ul li:nth-child(14){
  transition-delay: 2.7s;
}
body.js main section.active div.col > *:nth-child(15), body.js section.active div.col ul li:nth-child(15){
  transition-delay: 2.9s;
}


/* Cookies */
.manage_cookies{
  display: none;
  z-index: 21;
  background: var(--white);
  border-radius: 15px;
  color:#010101;
  width: 100%;
  max-width: 455px;
  width:100%;
  position: fixed;
  left: 48px;
  bottom: 125px;
  box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px -3px, rgb(0 0 0 / 6%) 0px 3px 14px 2px, rgb(0 0 0 / 5%) 0px 8px 10px 1px, rgb(0 0 0 / 24%) 0px 0px 2px 0px;
}

.manage_cookies > h4{
  font-size: 24px;
  margin: 0;
  background: #1f2e30;
  color:var(--white);
  padding: 20px 20px 10px 20px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.manage_cookies > div{
  padding: 20px;
}
.manage_cookies > div p{
  font-size: 12px;
}
.manage_cookies a{
  text-decoration: underline;
}

.cookies_consent{
  position: fixed;
  background: rgba(1,1,1,.5);
  width: 100%;
  height: 100%;
  top: 0;
  text-align: center;
  padding: 15% 0;
  z-index: 30;
  transition: all .5s ease;
  display:none;
  z-index: 22 !important;
}
.cookies_consent div{
  position: relative;
  z-index: 20;
  background: var(--white);
  border-radius: 15px;
  color:#010101;
  display: inline-block;
  max-width: 340px;
  width:100%;
  padding: 30px;
  box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px -3px, rgb(0 0 0 / 6%) 0px 3px 14px 2px, rgb(0 0 0 / 5%) 0px 8px 10px 1px, rgb(0 0 0 / 24%) 0px 0px 2px 0px;
}

.cookies_consent span{
  display: inline-block;
  margin: 10px 0 0 0;
}
.cookies_consent span.white,
.manage_cookies span.white{
  margin: 10px 15px 0 0;
}
.cookies_consent .cta{
  box-shadow: none;
}

@media (max-width: 767px) {
  .manage_cookies{
    left: 15px;
    width: calc(100% - 30px);
  }
  .cookies_consent span.white,
  .manage_cookies span.white{
    margin: auto;
  }
  .popup-btn.cookies{
    position: relative;
    bottom: 250px;
    left: calc(50% - 36px);
  }
  .cookies_consent{
    padding: 40% 0;
  }
  .cookies_consent.active div{
    max-width: 100%;
    width: calc(100% - 65px);
    padding: 15px;
  }
  .cookies_consent div{
    width:calc(100% - 90px);
  }
}


/*** Scrolling ***/
body.scrollUp header > nav{
  box-shadow: 0px 10px 10px rgba(0,0,0,.08);
  background: var(--white);
}

body.scrollUp header > nav .col{
  border: none;
}

body.scrollUp header a.logo:before{
  background-image: url("assets/img/logos/Embaco360-logo.svg");
}

.scrollDown header > nav:not(.expand){
  transform: translateY(-100%);
  opacity: 0;
}

/*** Resposive CSS media queries ***/

/* Touch display */
@media screen and (max-width: 1120px) and (min-width: 800px){
  .search-button, .menu-container.main-menu{
    display: none!important;
  }

  nav:after{
    content: "";
    position: absolute;
    width: calc(100% - 120px);
    display: inline-block;
    height: 1px;
    background: var(--grey1);
    bottom: 0;
    left: 60px;
  }
  .products-menu ul.sub-menu li:first-child a:before{
    bottom: 75px;
  }

  .products-menu ul.row li{
    aspect-ratio:1.0;
    background-size: cover;
  }

  .product-categories ul.row li {
    width: 100%;
    aspect-ratio: 1.0;
    height: 100%;
  }

  footer{
    background: var(--fresh-blue);
  }
  footer .row:nth-child(1) .col:nth-child(2):after{
    content: "— Flexible Solutions";
    display: block;
    font-size: 40px;
    margin-top:20px;
  }
  footer .row:nth-child(2), footer .row:nth-child(3), footer h6, footer .cta{
    display: none;
  }
  table.table-range{
    font-size: 19px;
  }
  .entry-summary .cta, .entry-summary .print, .entry-summary hr, .entry-summary a{
    display: none;
  }
  .entry-summary table{
    margin-bottom: 60px;
    position: relative;
  }
  .entry-summary table:after{
    content: "";
    position: absolute;
    bottom: -20px;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--grey1);
  }
  main section:nth-child(2), main article div.elementor{
    display: none;
  }
  .filter-response.grid {
    grid-template-columns: repeat(3, minmax(215px, 1fr))!important;
  }
  .filter-response .product-add.display, #CookiebotWidget, .intercom-lightweight-app{
    display: none;
  }

  .menu-item:hover .sub-menu-overlay, .menu-item:hover .sub-menu{
    display: none;
  }

  .products-menu ul.row li:hover {
    background-size: cover;
  }

  .breadcrumbs > span:nth-child(1){
    display: none;
  }

  body.js main section.active div.col > p, body.js main section.active div.col > label, body.js main section.active div.col > h2, body.js main section.active div.col > h3, body.js main section.active div.col > h4, body.js main section.active div.col > h5, body.js main section.active div.col > h6, body.js main section.active figure img, body.js main section.active div.col a.cta, body.js main section.active img.icon {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    opacity: 1;
    transform: translateY(0);
  }
}

/* Laptop */
@media screen and (max-width: 1300px) and (min-width: 767px){
  .searchform{
    display: none;
  }
}

/* Tablet */
@media (max-width: 1200px){
  .row{
    max-width: 1000px;
  }
  .categories main section:nth-child(even) .container{
    padding: 35px 0 0 35px;
  }
  .categories main section:nth-child(odd) .container {
    padding: 35px 35px 0 0;
  }

  body.single-post header .col .container {
    padding: 0 !important;
  }
  /*
  body.home header img:not(.logo-img){
    height: 20vh;
    width: 20vh;
  }
  */
  .home header img:nth-child(6) {
    right: 2%;
    top: 60%;
    z-index: 1;
  }
  .home header img:nth-child(7) {
    left: 2%;
    top: 60%;
  }

}


@media (min-width: 1450px) {
  .single-post header,
  .categories header{
    min-height: auto;
    height: auto;
    max-height: 1400px;
  }
}

@media (max-width: 767px) {
  .store{
    display: none;
  }
  .main-menu{
    width: calc(100% - 40px);
  }
  header > img, .play{
    display: block;
    transform: none;
  }
  section .row, section > div, footer section > div{
    display: block;
    width: auto;
    /*padding: 20px 0 !important;*/
    margin: 0;
  }
  #numbers .container{
    text-align: center;
  }
  .container{
    padding: 0!important;
  }
  header .col:nth-child(1) .container {
    padding: clamp(100px, 35vh, 250px) 0 0 !important;
  }
  .categories header .col:nth-child(1) .container {
    padding: clamp(100px, 15vh, 250px) 0 0 !important;
  }
  .categories.depth-4 header .col:nth-child(1) .container,
  .single-post header .col:nth-child(1) .container {
    padding: 0 !important;
  }
  .categories main section,
  .single-post main section{
    padding: 0;
  }
  .hide-mobile{
    display: none;
  }

  .row-2 .col,
  .row-3 .col,
  .row-4 .col{
    margin: 0;
  }
  .row-3 .col .container,
  .row-4 .col .container{
    padding: 25px 0!important;
    text-align: left;
  }
  .row-2 .col .container{
    padding: 25px!important;
    text-align: left;
  }
  .wp-element-button:hover:after, .cta:hover:after{
    display: none;
  }
  header section{
    padding: 0;
  }
  header section > div.row{
    margin: 0;
  }

  .breadcrumbs{
    margin-bottom: 50px;
  }
  .team{
    grid-template-columns: repeat(auto-fit, minmax(250px, 300px));
  }

  main section > div > div:not(.slider-container){
    width: auto;
    width: calc(100% - 40px);
    min-height: auto;
    padding: 20px!important;
    display: block;
  }
  section.green img{
    bottom: 0;
  }
  ul.row{
    text-align: center;
  }

  .sp li{
    opacity: 1;
    margin: 30px 0!important;
  }
  /* home */

  h1, h2, h3{
    font-size: clamp(45px, calc( 0.5 * (8vw + 1rem)), 70px);
  }
  header section .col{
    width: auto;
  }
  header section .col > a h4, header section .col .bg h4{
    margin: 0;
    font-size: 20px;
    max-width: 100%;
  }
  /*
  section.green img{
    position: relative;
    margin: -50px auto -100px;
    height: 450px;
    right: 0;
    display: inherit;
  }
  */
  .about-us header section img{
    display: inline-block;
    bottom: 0!important;
  }
  .embaco-play{
    display: none;
  }

  .readmore:before {
    opacity: 1;
    margin-left: 0;
  }

  .play-btn {
    transform: scale(.8) translate(100%, 50%);
  }
  .bottles-and-jars .rotate > div{
    width: 300px;
    height: 300px;
    background-image: url(assets/img/patterns/pet_bottle_300.jpg);
  }
  .active .blts ul li, .active .blts .cta{
    opacity:1;
  }
  .col.bx-r:before, .col.bx-l:before{
    transform: none;
  }

  a.label > label {
    width: 65px;
    margin: 10px 30px;
    background-color: var(--white);
    font-size: 14px;
  }

  .usps > div .icon{
    opacity: 1;
    transform: scale(1);
  }
  .speedy-cups-popup {
    width: calc(100% - 22px);
    text-align: center;
    padding: 12px;
  }
  .speedy-cups-popup p {
    width: calc(100% - 126px);
  }
  .close-pop-up{
    opacity: 1;
  }
  .polaroid{
    margin-top: 0px;
  }
  .polaroid img{
    position:  relative;
    margin-bottom: -125px;
    margin-left: 50px;
    width: 250px;
    bottom:0;
  }
  .questions img{
    position: relative;
    margin-bottom: -125px;
    bottom: 0;
    left: 0;
  }
  .active.polaroid img:nth-child(2) {
    position: absolute;
    width: 250px;
    margin-left: 70px;
    margin-bottom: -100px;
  }

  div.filter-container{
    display: block;
  }
  .tag-cloud{
    margin-bottom: 20px;
  }
  .filter > li:after{
    top: 18px;
  }

  img.alignright,
  img.alignleft{
    float: none;
    display: inline-block;
  }

  .menu-container{
    display: none;
  }

  .main-menu .row ul li.menu-item {
    margin: 2px 0;
  }

  .main-menu .row ul:not(#menu-social) li a{
    font-size: 2.5vh;
  }
  .main-menu .row{
    grid-gap: 20px;
    grid-template-columns: repeat(1, minmax(150px, 1fr));
  }
  .bottles-and-jars header section .col img {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: -80px;
    margin-left: 10px;
    margin-bottom: -20px;
  }

  .main-menu ul{
    text-align: left;
  }
  .main-menu > ul > li {
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid var(--grey1);
  }
  .main-menu > ul > li > a{
    padding: 20px 0;
    display: inline-block;
  }
  input[type="radio"] +label{
    display: block;
    margin: 15px;
  }
  #fsc{
    text-align: center;
  }
  #fsc img{
    float: none;
    margin: 0 auto;
    display: block;
    width: 150px;
  }
  nav .logo{
    margin: 20px 0;
    position: relative;
    float: left;
  }
  header nav .cta,
  footer .copyright p{
    position: relative;
    float: none;
    margin: 15px;
    text-align: center;
  }
  .popup-btn{
    display: none;
  }
  #one-stop-shop-label{
    height: 200px;
    width: 200px;
    right: 100px;
    top: -100px;
  }
  #services:before{
    height: 120px;
    width: 120px;
    right: 125px;
    top: -40px;
  }


  section.category-emballage:nth-child(even){
    background: linear-gradient(0deg, #f2f2f2 0%, #f2f2f2 70%, rgba(121,142,110,1) 70%, rgba(121,142,110,1) 100%);
  }
  section.category-emballage:nth-child(odd){
    background: linear-gradient(180deg, rgba(121,142,110,1) 0%, rgba(121,142,110,1) 30%, #f2f2f2 30%, #f2f2f2 100%);
  }

  main section.category-aftoerring-hygiejne:nth-child(even){
    background: linear-gradient(0deg, var(--white) 0%, var(--white) 70%, rgba(200,184,222,1) 70%, rgba(200,184,222,1) 100%);
  }
  main section.category-aftoerring-hygiejne:nth-child(odd){
    background: linear-gradient(180deg, rgba(200,184,222,1) 0%, rgba(200,184,222,1) 30%, var(--white) 30%, var(--white) 100%);
  }

  main section.category-rengoering:nth-child(even){
    background: linear-gradient(0deg, #f2f2f2 0%, #f2f2f2 70%, rgba(158,170,200,1) 70%, rgba(158,170,200,1) 100%);
  }
  main section.category-rengoering:nth-child(odd){
    background: linear-gradient(180deg, rgba(158,170,200,1) 0%, rgba(158,170,200,1) 30%, #f2f2f2 30%, #f2f2f2 100%);
  }

  main section.category-koekken:nth-child(even){
    background: linear-gradient(0deg, var(--white) 0%, var(--white) 70%, rgba(228,152,140,1) 70%, rgba(228,152,140,1) 100%);
  }
  main section.category-koekken:nth-child(odd){
    background: linear-gradient(180deg, rgba(228,152,140,1) 0%, rgba(228,152,140,1) 30%, var(--white) 30%, var(--white) 100%);
  }

  main section.category-borddaekning:nth-child(even){
    background: linear-gradient(0deg, #f2f2f2 0%, #f2f2f2 70%, rgba(207,170,137,1) 70%, rgba(207,170,137,1) 100%);
  }
  main section.category-borddaekning:nth-child(odd){
    background: linear-gradient(180deg, rgba(207,170,137,1) 0%, rgba(207,170,137,1) 30%, #f2f2f2 30%, #f2f2f2 100%);
  }

  .categories:not(.page-id-29644) main article section .row::after{
    display: none;
  }

  .home header img:nth-child(3){
    left:10%;
    top:25%;
    transform: rotate(-15deg);
  }
  .home header img:nth-child(4){
    left:35%;
    top:15%;
  }
  .home header img:nth-child(5){
    right:5%;
    top:20%;
    transform: rotate(10deg);
  }
  .home header img:nth-child(6){
    left:5%;
    top:75%;
  }
  .home header img:nth-child(7){
    left:35%;
    top:80%;
  }
  .home header img:nth-child(8){
    right:0%;
    top:75%;
  }


  body.home header > img{
    display: none;
  }
  body.home header{
    background-image: url(assets/img/header/packaging/Embaco360-front-mobile-min.jpg);
    background-size: cover;
  }

  main{
    margin: 0;
  }
  footer{
    position: relative;
    z-index: 1;
  }
  footer section{
    padding: 30px 0;
  }
  footer .col.centered{
    text-align: left;
  }
  footer .copyright p{
    float: none;
    margin: 0;
    text-align: left;
  }
  .menu-social-container{
    text-align: left;
  }
  .menu-social-container li{
    margin-left: 0px;
    margin-right: 5px;
  }
  .col{
    width: auto;
  }
  .categories:not(.page-id-29644) main article section:not(#categories) .row::after{
    width: calc(100% - 40px);
    margin: auto;
    left: 20px;
  }
  .categories.page-id-29644 article section {
    padding: 55px 0;
  }
  .about header > img{
    position: absolute;
    width: 100%;
    height: auto;
  }
  header{
    padding-top: 50px;
    padding-top: 0;
  }
  header .col:nth-child(2) .container{
    padding: 0!important;
  }
  header nav > div{
    width: calc(100% - 40px);
    margin: 0 20px;
    border: none;
  }
  .cart-button, .search-button, .cart-btn{
    display: none;
  }
  .content{
    padding: 0;
  }
  header .content{
    padding: 0px !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  body header section .col{
    border-top-left-radius: 20px!important;
    border-top-right-radius: 20px!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
  }
  footer .col{
    width:calc(100% - 40px)!important;
    padding: 20px;
  }
  .slider-container{
    max-width: calc(100vw)!important;
  }
  .customization-slider h5{
    font-size: 50px;
  }
  .display{
    width:calc(100% - 80px)!important;
    margin: 20px;
  }
  .display label{
    position: relative!important;
    left: auto;
    bottom: auto;
    top: auto;
    display: block!important;
  }
  .display .icon{
    height: 50px;
    width: 50px;
    position: relative!important;
    left: auto;
    bottom: auto;
    top: auto;
    display: block!important;
  }
  .display h5{
    bottom: -5px;
    left: 0;
    font-size: 25px;
    max-width: 70%;
    margin: 0;
  }
  .display:after{
    right: 20px;
    bottom: 20px;
  }
  footer section > .row:last-child .col:first-child > div{
    position: relative;
  }

  .menu-container{
    display: none;
  }
  .menu-handler{
    display: block;
  }
  .elementor > .elementor-element{
    padding: 20px;
  }
  .elementor-element .elementor-widget-container{
    margin: 0!important;
  }
  header section > div.row{
    margin-top: 10px;
  }
  .products-menu li.menu-item{
    text-align: left;
    padding: 0;
  }
  .products-menu li ul{
    display: block;
    box-shadow: none;
    padding: 0;
  }
  .products-menu .menu .cta{
    background: none;
    color: #000;
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    font-size: 24px;
    text-transform: uppercase;
  }
  .menu > li > .cta{
    display: none;
  }
  .products-menu ul.row li{
    background:none!important;
    height: 100%;
  }
  .products-menu ul.sub-menu li h4{
    color: #000;
    font-size: 24px;
    position: relative;
    bottom: 0;
    margin-bottom: 5px;
    left: 0;
  }
  .main-menu ul.sub-menu > a{
    display: none;
  }
  ul.sub-menu li:not(:last-child) a{
    text-transform: capitalize;
    margin-bottom: 10px;
    display: block;
  }
  .products-menu ul.sub-menu li:first-child{
    /*display: none;*/
    background:none!important
  }
  .products-menu ul.sub-menu li:first-child h4:before,
  .products-menu ul.sub-menu li:first-child a:before{
    display: none;
  }
  .sub-menu{
    position: relative;
    box-shadow: none;
    padding: 0;
    left: 0;
    top: 0;
    width: auto;
  }
  .sub-menu > h4,
  .sub-menu li:last-child{
    display: none;
  }
  .main-menu > ul > li{
    position: relative;
  }
  .menu-item-has-children .sub-menu-overlay{
    position: absolute;
    top: 20px;
    right: 0;
    left: auto;
    display: block!important;
    height: 20px;
    width: 20px;
    background: none;
  }
  .menu-item-has-children .sub-menu-overlay:before{
    display: inline-block;
    content:"+";
    font-size: 24px;
  }
  .menu-item-has-children.expand .sub-menu-overlay:before{
    display: inline-block;
    content:"–";
    font-size: 24px;
  }

  .menu-item-has-children.expand .sub-menu {
    display: block!important;
  }

  ul.sub-menu li{
    display: block;
  }
  .main-menu > ul:hover > li{
    border-bottom: 1px solid var(--grey1);
  }

  h1, header p, header label{
    margin: 20px;
  }
  .main-menu li:hover ul.sub-menu{
    display: none;
  }
  .main-menu > ul:hover > li:hover{
    border-bottom: 1px solid var(--grey1);
  }
  body.home.has-thumbnail header .content{
    top: 45px;
  }
  body.home header h1{
    height: 100%;
    font-size: 65px;
  }
  body.home header h1 span{
    position: absolute;
    bottom: 0;
    right: 20px;
  }
  header section > div.row:first-child{
    margin: 25px auto 0;
  }

  ul.sub-menu li a:before{
    display: none;
  }

  .col.full .container,
  .col.full label{
    position: relative;
    bottom: 0;
  }
  .col.full label, .col.full .container h2, .col.full .container p{
    color: black;
    margin: 20px 0;
    position: relative;
    left: 0;
    top: 0;
  }
  .col.full .container .cta{
    background: #000;
    color: #fff;
  }
  .products-menu .sub-menu li a{
    background: none;
  }
  .menu-item:hover .sub-menu-overlay, .menu-item:hover .sub-menu, .sub-menu:hover{
    display: block;
  }
  footer h3{
    font-size: 4.2vh;
  }
  footer h3 span:before {
    height: 2px;
    width: 30px;
  }
  footer section > .row:first-child .col:nth-child(2){
    text-align: center;
  }
  .product-add{
    margin: 0;
    width: 100% !important;
    aspect-ratio: 1.3 !important;
    margin-bottom: 20px !important;
    background-size: cover !important;
  }
  .product-add h5 {
    bottom: 20px;
    position: absolute !important;
    font-size: 3vh;
    max-width: 100%;
    left: 30px;
  }
  .product-add label {
    left: 30px;
    position: absolute !important;
    top: 30px;
  }

  ul.product-list:not(.filter-response) li, .product-categories ul.row li{
    width: calc(100% - 40px);
    margin: 20px;
    aspect-ratio:1;
    margin-bottom: 40px;
    text-align: left;
  }
  #numbers h5{
    margin-bottom: 50px;
  }
  /*
  body:not(.single-product) main section:not(#numbers):not(:first-child):after{
    contenT: "";
    display: block;
    width: calc(100% - 40px);
    margin: 0 20px;
    height: 1px;
    background: var(--black);
  }
  */
  .elementor .elementor-widget{
    line-height: 0
  }
  /*body:not(.single-product) main section:not(#numbers):not(:first-child) .row:after*/
  body:not(.single-product):(.page-template-templates):not(.parent-pageid-30276) main section:not(#numbers) .row:not(last-child):after{
    contenT: "";
    display: block;
    width: calc(100% - 40px);
    margin: 0 20px;
    height: 1px;
    background: var(--black08);
  }

  .page-template-faqs main section:after{
    width: calc(100% - 40px);
    margin: 0 20px;
  }
  main section:first-child .row {
    margin-top: 0 !important;
    padding: 0 !important;
  }
  .page-template-customization main section:first-child .row {
    grid-template-columns: repeat(2, minmax(5px, 1fr));
    display: grid;
  }
  .slick-list {
    margin: auto!important;
    padding: 0!important;
  }
  .slick-slide{
    margin: 0;
    width: 100vw
  }
  .slick-slide img{
    width: calc(100% - 40px);
    margin: 0 20px;
  }
  figure.zoom.gal, .gallery hr, .gallery h3{
    display: none;
  }
  .gallery{
    overflow: initial;
  }
  .slick-slide img{
    aspect-ratio:1;
  }

  .woocommerce-product-gallery__wrapper
  .slick-slide[data-slick-index="3"]:not(.slick-cloned) img{
    filter: brightness(1);
  }
  body.has-background-colour:not(.page-template-contact) main .content{
    position: relative;
    bottom: auto;
    padding: 0;
    left: auto;
    transform: none;
    max-width: 199%;
    width: auto;
  }
  .contact-btn.cta{
    display:inline-block;
    float: left;
    margin: 0 0 20px 0;
  }
  .search-button{
    display: block;
  }
  .search-button{
    margin: 0;
  }
  .search-form{
    position: relative;
    height: auto;
    background: none;
    top: 0;
  }
  .search-form-content{
    box-shadow: none;
    padding: 0;
    background: none;
  }
  .searchform input[type=text]{
    width: 100%;
    font-size: 27px;
    margin: 20px 0;
  }
  .cta-menu{
    width: 100%;
  }
  .category-table{
    width: calc(100vw - 40px);
    overflow: scroll;
    border-radius: 20px;
  }
  main img{
    aspect-ratio: 1.1;
    object-fit: cover;
  }
  body.page-id-16513 header section img{
    height: auto;
  }
  .faq div.col:nth-child(2){
    display: none!important;
  }
  .faq.active div.col:nth-child(2){
    display: block!important;
  }
  .faq div{
    width: calc(100% - 40px)!important;
  }
  .faq h6{
    margin: 0;
    font-size: 22px;
    width: calc(100% - 45px);
  }
  .faq div.col:nth-child(1):after {
    content: "+";
    font-size: 30px;
    color: #000;
    line-height: 1.04;
    padding: 10px;
    height: 20px;
    width: 20px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 25px;
    transition: transform .3s ease;
  }
  .contact-form.sticky-top,
  .contact-form.sticky-bottom {
      position: relative;
      top: 0 !important;
      width: 100%;
  }
  .print{
    margin: 20px 0;
    display: block;
  }

  header figure{
    padding: 20px;
    width: auto!important;
  }

  .entry-summary h1{
    display: none;
  }
  .entry-summary h4:first-of-type{
    margin-top: 60px;
  }
  body.has-thumbnail header section div.product-cat img{
    height: auto;
  }
  .entry-summary{
    margin-top: -20px;
  }

  .entry-image h1{
    display: block;
    margin: 0;
    margin-bottom: 10px;
    margin-top: -18px;
  }

  .e-con>.e-con-inner {
    gap: 20px !important;
  }
  .product-breadcrumbs a{
    font-size:20px;
  }
  body.page-template-about-us main .row.has-background-colour{
    border-radius: 0;
  }

  .customised-services{
    padding: 20px;
  }
  .customised-services span{
    display: inline-block;
    -webkit-text-stroke: 0.3px currentColor;
  }
  .customised-services > li{
    background: var(--greige2);
    border-radius: 20px;
    padding: 20px;
    width: calc(100% - 40px);
    display: block;
    text-align: left;
  }
  .customised-services > li:after {
    content: "";
    display: inline-block;
    background-image: url(assets/img/icons/arrow-right-accent.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 20px;
    transform: rotate(90deg);
    vertical-align: middle;
    margin-left: 10px;
    margin-top: 0px;
    opacity: 1 !important;
    transition: all .35s ease;
    position: absolute;
    right: 15px;
    top: 20px;
  }

  .customised-services ul{
    display: none;
    padding: 0;
  }
  .customised-services > li:hover ul{
    display: block;
  }

  .customised-services ul li{
    text-align: left;
    padding-bottom: 20px;
  }
  .customised-services ul li:first-child{
    padding-top: 20px;
  }
  .customised-services ul li:last-child{
    padding-bottom: 0px;
  }

  .up-sells {
    margin: 0px auto 75px;
    width: calc(100% - 40px);
    margin: 20px;
  }
  .up-sells li.product {
    width:100%!important;
    margin: auto!important;
  }
}