/* GENERAL */
html {
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
}

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	margin: 0;
	padding: 0;
	color: #323232;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	font-family: 'Noto Sans', sans-serif;
	background: #efefef;
	padding-top: 70px;
	quotes: '\201c' '\201d';
}

p {
	font-size: 1rem
}
video {
	max-width: 100%;
}

/* Crispier scaling */
img {
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
section.gradient {
	background-size: 1px 140px;
    background-repeat: no-repeat;
    background-image: url('../img/gradient_large.jpg');
    width: auto;
    height: auto;
    background-repeat: repeat-x;
    background-position: bottom;
}
.clear {
	clear: both;
	float: left;
}
.center {
	text-align: center
}
.row {
	max-width: 70rem;
}
.row.max {
	max-width: 100%;
}
.row.legal {
	max-width: 670px !important;
}
.rel {
	position: relative;
}
.flex-container {
	display: flex;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.right {
	float: right;
}
.overscroll-lock {
	height: 100% !important;
	overflow: hidden !important;
}
.error {
	color: red;
}
a.anchor {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}
p.small-italics {
	font-style: italic;
	font-size: 90%;
}

/* embedresponsively */
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* BUTTONS */
.btn {
	margin: 2rem 0;
	display: inline-block;
	background: #00aeef;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.9rem;
	padding: 10px 20px;
	border-radius: 0;
	transition: all .2s ease-out;
	border: 1px solid #00aeef;
}
.btn.sample {
	color: #fff;
	margin-top: 0;
}
.btn:hover {
	color: #00aeef;
	background: #fff;
	border-color: #fff;
	cursor: pointer;
}
.btn.white-hover:hover {
	color: #00aeef;
	background: #fff;
	border-color: #00aeef;
}
.btn.invert {
	background: #fff;
	border-color: #fff;
	color: #00aeef;
}
.btn.nopad {
	margin-bottom: 0;
}
.buttonBlue_fck,
.buttonGreen_fck,
.buttonRed_fck,
.buttonBlack_fck {
    color: #fff !important;
    font-size: 0.9rem;
    padding: .6rem 1rem;
    text-decoration: none;
    display: inline-block;
    border: 0;
    font-weight: bold;
    border-radius: 0;
    transition: all .2s;
    margin: .5rem 0;
}
.buttonBlue_fck {
	background: #0d85b7;
	background: #00aeef;
}
.buttonGreen_fck {
	background: #a3c53b;
}
.buttonRed_fck {
	background: #e42230;
}
.buttonBlack_fck {
	background: #000;
}
.buttonBlue_fck:hover,
.buttonGreen_fck:hover,
.buttonRed_fck:hover,
.buttonBlack_fck:hover {
	text-decoration: none !important;
	opacity: 0.6;
	cursor: pointer;
}

/* od_accordion */
.od_accordion {}
.od_accordion > h3 {background-color: #bbb; color: #fff; font-size: 1rem; text-transform: uppercase; padding: 10px 20px; margin: 4px 0 0; cursor: pointer;}
.od_accordion > h3:hover,
.od_accordion > h3.open {background-color: #00aeef;}
.od_accordion div.content {display: none; padding: 15px 20px; border: 1px solid #000; border-top: none;}
.od_accordion > h3.open + div {display: block;}
.od_accordion p {margin-top: 0;}

/* od_accordion updates */
.od_accordion > h3 {background-color: #fff; color: #323232; border: 1px solid #ccc; border-top: none; margin: 0;}
.od_accordion h3:first-child {border-top: 1px solid #ccc;}
.od_accordion > h3:hover,
.od_accordion > h3.open {color: #fff; border-color: #00aeef;}
.od_accordion div.content {border: 1px solid #ccc; border-top: none;}

/* od_accordion v3 */
.od_accordion > h3,
.od_accordion h3:first-child,
.od_accordion div.content {border: none; padding: 15px 0;}
.od_accordion > h3 {padding: 10px 0; text-transform: none;}
.od_accordion > h3:hover,
.od_accordion > h3.open {color: #00aeef; background-color: #fff;}
.od_accordion > h3 span.more {color: #aaa;}

/* WRAPPER */
.wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1600px;
	background: #fff;
}



/* HEADER */
.main-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 70px;
	background: #333;
	z-index: 3000;
}
.main-header .logo {
	margin-top: 21px;
	outline: 0;
    width: 156px;
    min-width: 156px;
}
.main-header .logo-white {
    margin-top: 15px;
    outline: 0;
    max-width: 170px;
}
.main-header nav .topnav {
	float: right;
	padding: 0;
	margin: 0;
	height: 70px;
	z-index: 102;
}
.main-header nav .topnav li {
	display: inline-block;
	height: 100%;
}
.main-header nav .topnav li a {
	display: inline-block;
	color: #fff;
	font-family: 'Noto Sans', sans-serif;
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 700;
	height: 70px;
	padding-top: 24px;
	border-bottom: 2px solid transparent;
	transition: all .2s ease-out;
	opacity: 0.5;
	padding-left: 13px;
	padding-right: 12px;
}
.main-header.boxes nav .topnav li a {
	padding-left: 12px;
	padding-right: 12px;
}
.main-header nav .topnav li:last-child a {
	margin-right: 0;
}
.main-header nav .topnav li a:hover,
.main-header nav .topnav li a.active {
	opacity: 1;
	border-bottom: 2px solid #00aeef;
}
.main-header nav .topnav li a.nb:hover,
.main-header nav .topnav li a.nb.active {
	border: 0;
}
.main-header nav .topnav li a.contact-trigger.blue {
	background-color: #00aeef;
	opacity: 1;
}
.main-header nav .topnav li a.contact-trigger.blue:hover {
	opacity: 0.8;
}
.main-header nav .subnav {
	position: absolute;
	top: 68px;
	left: 0;
	display: none;
	opacity: 0;
	background: #fff;
	z-index: 102;
	border-top: 2px solid #00aeef;
	-webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
}
.main-header nav .subnav.lang {
	width: 60px;
}
.main-header nav .subnav ul {
	width: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 4px;
}
.main-header nav .subnav ul li {
	margin-right: 0;
	height: auto;
	display: block;
	opacity: 1 !important;
	min-width: 100px;
	padding: 7px 16px;
}
.main-header nav .subnav ul li:last-child {
	border: 0;
}
.main-header nav .subnav ul li a {
	display: block;
	font-weight: 700;
	font-size: .85rem;
	color: #000;
	padding: 0;
	border: 0;
	height: auto;
	opacity: 0.7;
}
.main-header.boxes nav .subnav ul li a {
	padding: 0;
}
.main-header nav .subnav ul li a:hover {
	border: 0;
	padding: 0;
}
.main-header nav .subnav img {
	padding-top: 10px;
}
.main-header nav .subnav p {
	font-size: .7rem;
	line-height: 1.4;
	font-style: italic;
	color: #555;
}

/* .subnav.custom */
.main-header nav .subnav.custom {
	padding: 1rem;
	max-width: 600px;
	font-size: .9rem;
}
.main-header nav .subnav.custom .flex-container {
	flex-direction: row;
	flex-wrap: nowrap;
}
.main-header nav .subnav.custom .flex-container div {
	padding-right: 2rem;
}
.main-header nav .subnav.custom h5.col-title {
	font-weight: 400;
	margin: 0 0 1rem;
}
.main-header nav .subnav.custom span.col-title {
	display: block;
	font-size: .8rem;
	margin: 0 0 1rem;
}
.main-header nav .subnav.custom ul {
	padding: 0;
	margin-bottom: 1rem;
	margin-bottom: 0.6rem;
}
.main-header nav .subnav.custom ul:last-child {
	margin-bottom: 0;
}
.main-header nav .subnav.custom ul li {
	padding: 0;
}
.main-header nav .subnav.custom ul li a {
	color: #000;
	font-size: .95rem;
	font-weight: 400;
}
.main-header nav .subnav.custom ul li a.bold {
	font-weight: 700;
}
.main-header nav .subnav.custom ul.larger li a {
	font-size: 1.2rem;
}

/* subnav > subsub - GENERAL */
.main-header nav .subnav.has-subsub li {
	position: relative;
}
.main-header nav .subnav.has-subsub li ul.subsub {
	display: none;
	position: absolute;
	top: -4px;
	z-index: 102;
	background: #fff;
	border-left: 1px solid #ccc;
	background-color: #efefef;
	-webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
}
/* dev -- .main-header nav .subnav.has-subsub li:nth-child(3) ul.subsub,*/
.main-header nav .subnav.has-subsub li:hover ul.subsub {
	display: block;
}

/* subnav > subsub - Sectors */
.main-header nav .subnav.sectors {
	width: 200px;
}
.main-header nav .subnav.sectors li ul.subsub {
	left: 200px;
	width: 250px;
}

/* search */
.main-header .search {
	display: block;
	text-align: center;
	opacity: 0.5;
}
.main-header .search.active {
	border-color: #333 !important;
}
.main-header .search:hover {
	border-color: #333 !important;
}
.main-header .searchbox {
	position: absolute;
    top: 0;
    width: 77%;
    margin: 0 auto;
    height: 70px;
    background-color: #444;
    display: none;
    opacity: 0;
}
/*
.main-header.en .searchbox {width: 77%;}
.main-header.es .searchbox {width: 76%;}
.main-header.fr .searchbox {width: 77%;}
.main-header.de .searchbox {width: 77%;}
.main-header.nl .searchbox {width: 77%;}
*/

.main-header .searchbox-input {
	background-color: #444;
	font-size: 1.4rem;
	font-weight: 300;
	color: #eee;
	width: 100%;
	height: 70px;
	border: 0;
	padding: 12px 20px;
	outline: 0;
}
.main-header .search-submit {
	position: absolute;
	left: -9999px;
}

/* Search box op page zelf */
form.onpage-search {
	margin-bottom: 3rem;
}
form.onpage-search .btn {
	margin: 0;
}
form.onpage-search .btn:hover {
	border-color: #00aeef;
}

.contact-top.btn {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
}


/* HOME - general */
.x-y-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.banner .copy.x-y-center {
	position: absolute;
	margin: 0;
	text-align: center;
}
.banner .copy.x-y-center h2,
.banner .copy.x-y-center p {
	max-width: 100%;
	font-weight: 700;
	font-size: 2.3rem;
}

/* BANNER-video */
.banner-video {
	position: relative;
	width: 100%;
	height: 600px;
	background: #ddd;
	margin: 1rem 0;
}
.banner-video .overlay,
.banner-video .overlay-init-hidden {
	position: absolute;
	top: 0; 
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.1);
	transition: .3s ease-out;
}
.banner-video .overlay:hover,
.banner-video .overlay-init-hidden:hover {
	background: rgba(0,0,0,0.2);
}
.banner-video video {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.banner-video h2 {
	color: #fff;
	font-size: 2.3rem;
	line-height: 1.2em;
	text-align: center;
}

/* banner video: ecolite2025 */
.banner-video.ecolite2025 a {
	
}
.banner-video.ecolite2025 h2,
.banner-video.ecolite2025 h3 {
	margin: 0;
	color: #111;
	line-height: 1.2;
}
.banner-video.ecolite2025 h3 {
	font-size: 2.8rem;
}
.banner-video.ecolite2025 a.btn {
	margin-top: 1rem;
}

/* BANNER */
.banner {
	position: relative;
	width: 100%;
	height: 600px;
	background: #00aeef;
	background-position: center center;
}
.banner.no-back {
	height: 0;
	background: none;
}
.banner.footer {
	height: 590px;
	background: url('../img/footer.jpg') no-repeat;
}
.banner.default {
	background: url('../img/banner-default.jpg') no-repeat;
}
.banner.stories {
	background: transparent url('../img/banner-default.jpg') no-repeat center center / cover;
}
.banner .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.homepage .banner .overlay {
	background: rgba(0,0,0,0.2);
}
.banner .copy {
	position: relative;
	text-align: left;
	margin-top: 2rem;
}
.banner .copy p,
.banner h1 {
	color: #fff;
}
.banner h1 {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.1;
	letter-spacing: -1px;
}
.banner h2 {
	font-size: 2.8rem;
	color: #fff;
	max-width: 400px;
	line-height: 1.2;
	margin: 0;
	font-weight: 400;
}
.banner p {
	font-size: 1.2rem;
	line-height: 1.6;
	max-width: 35%;
}
.banner.footer .copy {
	float: right;
}
.banner.footer p {
	max-width: 100%;
}
.banner .panel {
	position: fixed;
	display: none;
	opacity: 0;
	top: 70px;
	left: 0;
	background: #efefef;
	width: 100%;
	z-index: 10;
	border-bottom: 1px solid #efefef;
	-webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.1);
}
/* covid banner */
.homepage .banner .panel {
	top: 70px;
	/*top: 125px;*/
}
.banner .panel ul {
	margin: 0px auto;
	padding: 0;
	text-align: center;
	list-style: none;

}
.banner .panel li {
	position: relative;
	display: inline-block;
	width: 180px;
}
.banner .panel h5 {
	margin: 0;
	padding: 0;
}
.banner .panel a {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-align: center;
	color: #333;
	padding-top: 2rem;
	padding-bottom: 2rem;
	transition: color .2s ease-out;
	font-size: 0.9rem;
}
.banner .panel a:hover {
	color: #2bb0e9;
	text-decoration: none;
}
.banner .panel a svg {
	height: 50px;
	margin-bottom: 10px;
	transition: all .2s ease-out;
}
.banner.boxes-panel .panel a svg {
	height: auto;
	width: 100px;
}
.banner .panel span.productnav-title {
	display: block;
	font-weight: 700;
	font-size: .75rem;
}
.banner .panel span.new_label {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-size: 0.75rem;
	color: red;
}
.banner.logo {
	padding: 2rem 0;
}
.banner.logo a {
	text-decoration: none;
}


/* HOME PACKAGING */
/* packaging */
.fixed-packaging,
.fixed-packaging .banner.packaging {
	position: fixed;
	top: 70px;
	z-index: 0;
	width: 1600px;
	height: 600px;
}
.banner.packaging {
	top: 0;
	background: #fff url('../uploads/home/packaging-banner4.jpg') no-repeat center center;
}
.packaging-copy {
	position: relative;
	z-index: 1;
	height: 600px;
	text-align: center;
	color: #fff;
}
.packaging-copy h1,
.packaging-copy p {
	margin: 0;
	font-size: 2.4rem;
	line-height: 1.2;
	font-weight: 700;
}

/* V2 top: video + copy */
.fixed-packaging-lineup {
	position: fixed;
	background: #fff;
	top: 70px;
	left: auto;
	width: 1600px;
	/*height: 800px;*/
	z-index: 0;
}
.fixed-packaging-lineup video {
	display: block;
	width: 100%;
	max-width: fit-content;
}
.fixed-packaging-lineup .lineup-copy {
	text-align: center;
	height: 220px;
}
.fixed-packaging-lineup .lineup-copy h1 {
	margin: 0;
	font-size: 2.3rem;
}
.fixed-packaging-lineup .lineup-copy p {
	font-size: 1.1rem;
	margin: .5rem 0;
}
.fixed-packaging-lineup .lineup-copy .btn {
	color: #000;
	background-color: #fff;
	border: 2px solid #000;
	margin: 1rem auto;
	max-width: max-content;
}
.fixed-packaging-lineup .lineup-copy .btn:hover {
	color: #fff;
	background-color: #000;
}
.fixed-packaging-lineup ul.product_cats {
	margin: 0;
	padding: 0;
	list-style: none;
}
.fixed-packaging-lineup ul.product_cats li {
	display: inline-block;
}
.fixed-packaging-lineup ul.product_cats li a.btn {
	margin: 1rem;
}

/* V3 top: video + copy (extras voortbouwend op v2) */
/* V3b - kan ook met static img ff */
.fixed-packaging-lineup.v3 {
	
}
.fixed-packaging-lineup.v3 div.overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.0);
	transition: .3s ease-out;
}
.fixed-packaging-lineup.v3 div.overlay:hover {
	background: rgba(0,0,0,0.1);
}
.fixed-packaging-lineup.v3 .copy {
	width: 95%;
	text-align: center;
}
.fixed-packaging-lineup.v3 h1,
.fixed-packaging-lineup.v3 p {
	margin: 0;
	color: #fff;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.2;
	text-shadow: 1px 1px 25px #aaa;
}


/* HOME BOXES */
/* boxes */
.fixed-boxes {
	position: fixed;
	background: #fff;
	top: 70px;
	/*top: 125px;*/
	left: auto;
	height: 496px;
	width: 1600px;
	z-index: 0;
}
.banner.boxes {
	background: #fff url('../uploads/home/banner-boxes-small.jpg') no-repeat;
	background-position: center;
	height:266px;
}
.banner.boxes .copy {
	position: absolute;
	bottom: 0;
	background: #fff;
}
.boxes-copy {
	margin: 0 auto;
	text-align: center;
}
.boxes-copy h1 {
	margin: 0;
	font-size: 2.3rem;
}
.boxes-copy p {
	max-width: 60%;
	margin: .5rem auto;
	font-size: 1.1rem;
}
.boxes-copy .btn {
	color: #000;
	background-color: #fff;
	border: 2px solid #000;
	margin: 1rem auto;
	max-width: max-content;
}
.boxes-copy .btn:hover {
	color: #fff;
	background-color: #000;
}



/* new square drums */
.banner.new {
	background: #fff url('../uploads/home/new-square2.jpg');
	background-position: center;
	height: 600px;
	margin-bottom: 1rem;
}
.banner.new .copy {
	position: absolute;
	top: 7rem;
	left: 14rem;
	text-align: right;
	max-width: 400px;
}
.banner.new h1 {
	font-weight: 400;
	margin-bottom: .5rem;
	margin-top: .5em;
}
.banner.new h2 {
	font-size: 3.4rem;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: -1px;

}
.banner.new span {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	padding: 4px 12px;
	background: #41957e;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 10px 20px;
}
.banner.new .new .copy {
	right: 17rem;
	left: auto;
	text-align: left;
	color: #333;
	max-width: 500px;
}


/* Eco vadis */
.banner.ecovadis {
	background: #fff url('../uploads/home/ecovadis2020.jpg');
	background-position: center;
	height: 600px;
	margin-bottom: 1rem;
}
.banner.ecovadis .copy {
    position: absolute;
    top: 10rem;
    left: 8rem;
}
.banner.ecovadis h2 {
	font-size: 3.4rem;
    color: #fff;
    max-width: 480px;
    line-height: 1.2;
    margin: 0;
    font-weight: 700;
    letter-spacing: -1px;
	text-shadow: 1px 1px 6px rgba(0,0,0,0.42);
}


/* magnificent voyage */
.banner.voyage {
	background: #fff url('../uploads/home/voyage.jpg');
	background-position: center;
	height: 600px;
	margin-bottom: 1rem;
}
.banner.voyage .copy {
    position: absolute;
    top: 13rem;
    left: 8rem;
}
.banner.voyage h2 {
	font-size: 3.4rem;
    color: #fff;
    max-width: 400px;
    line-height: 1.2;
    margin: 0;
    font-weight: 700;
    letter-spacing: -1px;
}

/* covid */
.banner.covid {
	background: #fff url('../uploads/home/covid.jpg');
	background-position: center;
	height: 300px;
	margin-bottom: 1rem;

}
.banner.covid .copy {
    position: relative;
    top: 5rem;
    left: auto;
    text-align: center;
}
.banner.covid h2 {
	font-size: 2.3rem;
    color: #fff;
    max-width: 100%;
    line-height: 1.2;
    margin: 0;
    margin-bottom: .5rem;
    text-align: center;
    font-weight: 700;
    letter-spacing: -1px;
}
.banner.covid .overlay {
	transition: .3s ease-out;
}
.banner.covid p {
	font-size: 1rem;
	text-align: center;
	margin: 0px auto
}
.banner.covid .overlay:hover {
	background: rgba(0,0,0,0.4);
}
.covid {
	position: relative;
	z-index: 1;
	margin: 0px auto;
	padding: 1rem 0;
	background: #e6e6e6;
	text-align: center;
}
.covid a {
	text-decoration: none !important;
	color: #00aeef !important;
	margin: 0;
	font-size: .9rem;
	margin: 0;
	padding: 0;
}

/* Rectangular hp */
.banner.rectangular-home {
	background: #fff url('../uploads/home/rectangular-600.jpg');
	background-position: center;
	height: 600px;
	margin-bottom: 1rem;
}
.banner.rectangular-home .copy {
    float: right;
    width: 50%;
    margin-top: 5rem;
    padding-right: 12rem;
}
.banner.rectangular-home span.new {
	font-size: 2rem;
	color: red;
	font-weight: 700;
	text-transform: uppercase;
}
.banner.rectangular-home h2 {
    color: #fff;
	font-size: 2.4rem;
    max-width: 100%;
    line-height: 1.2;
    margin: 2rem 0;
    font-weight: 700;
    /*letter-spacing: -1px;*/
}
.banner.rectangular-home h3 {
    color: #fff;
	font-size: 3rem;
    line-height: 1.2;
	margin: 2rem 0;
	font-weight: 400;
}
.banner.rectangular-home .btn {
	font-size: 1.2rem;
	color: #fff;
	background: transparent;
	border-color: #fff;
}
.banner.rectangular-home .btn:hover {
	color: #B4946E;
	background: #fff;
	border-color: #fff;
}

/* kiuso hp */
.banner.kiusohp {
	background: #fff url('../uploads/home/kiuso.jpg');
	background-position: center;
	height: 300px;
	margin-bottom: 1rem;
}
body.en .banner.kiusohp .copy {
    position: relative;
    top: 1.6rem;
    left: auto;
    text-align: center;
}
body.fr .banner.kiusohp .copy {
    position: relative;
    top: 0.7rem;
    left: auto;
    text-align: center;
}
body.de .banner.kiusohp .copy {
    position: relative;
    top: 0.7rem;
    left: auto;
    text-align: center;
}
body.nl .banner.kiusohp .copy {
    position: relative;
    top: 1.5rem;
    left: auto;
    text-align: center;
}
.banner.kiusohp h2 {
	font-size: 2.3rem;
    color: #fff;
    max-width: 100%;
    line-height: 1.2;
    margin: 0;
    margin-bottom: .5rem;
    text-align: center;
    font-weight: 700;
    letter-spacing: -1px;
}
.banner.kiusohp .overlay {
	transition: .3s ease-out;
}
.banner.kiusohp .overlay:hover {
	background: rgba(0,0,0,0.4);
}
.banner.kiusohp p {
	font-size: 1rem;
	text-align: center;
	margin: 0px auto;
	margin-top: 1rem;
}
.banner.kiusohp .btn {
	background: #fff;
	border-color: #fff;
	color: #618aa8;
}
.banner.kiusohp .btn:hover {
	background: transparent;
	color: #fff;
	border-color: #fff;
}

/* kiuso-202012 */
.kiuso-202012 .copy {
    position: relative;
    top: 13rem;
    left: auto;
    text-align: center;
}
.kiuso-202012 h2 {
	font-size: 2.3rem;
    color: #000;
    max-width: 100%;
    line-height: 1.2;
    margin: 0;
    margin-bottom: .5rem;
    text-align: center;
    font-weight: 700;
    /*letter-spacing: -1px;*/
}
.kiuso-202012 p {
	font-size: 1rem;
	text-align: center;
	margin: 0px auto;
	color: #000;
}
.kiuso-202012 .btn {
	background-color: #000;
	border: 1px solid #000;
	color: #fff400;
}
.kiuso-202012 .btn:hover {
	background-color: #fff400;
	border-color: #fff400;
	color: #000;
}

/* sustainability hp */
.banner.sustainability-hp {
	background: #fff url('../uploads/pages/Sustainability/Susainability-roadmap-1600.jpg');
	background-position: center bottom;
	height: 600px;
	margin-bottom: 1rem;
}
.banner.sustainability-hp .copy {
    text-align: center;
    position: relative;
    top: 3rem;
}
.banner.sustainability-hp h2 {
	font-size: 2.3rem;
    color: #fff;
    max-width: 100%;
    line-height: 1.2;
    margin: 0;
    margin-bottom: .5rem;
    text-align: center;
    font-weight: 700;
    letter-spacing: -1px;
}
.banner.sustainability-hp .overlay {
	transition: .3s ease-out;
}
.banner.sustainability-hp .overlay:hover {
	background: rgba(0,0,0,0.4);
}
.banner.sustainability-hp p {
	font-size: 1.2rem;
	text-align: center;
	margin: 0px auto;
	margin-top: 1rem;
	max-width: 40%;
}
.banner.sustainability-hp .btn {
	background: transparent;
	color: #fff;
	border-color: #fff;
}
.banner.sustainability-hp .btn:hover {
	background: #fff;
	border-color: #fff;
	color: #3B757F;
}


/* ocean (large) */
.banner.ocean {
	margin-bottom: 1rem;
}
.banner.ocean .copy {
	top: 4rem;
}
.banner.ocean .svg {
	width: 250px;
	height: 250px;
}
.banner.ocean h2 {
	color: #00afee;
	font-weight: 700;
}
.banner.ocean p {
	color: #0ed307;
}
.banner.ocean .btn {
	border-color: #fff;
	color: #fff;
	background: transparent;
	margin-top: 1rem;
	margin-bottom: 0;
}
.banner.ocean .btn:hover {
	background: #fff;
	color: #000 !important;
}

/* ocean (small) */
.ocean-202111 .copy {
    position: relative;
    top: 15rem;
    left: auto;
    text-align: center;
}
.ocean-202111 h2 {
	font-size: 2.3rem;
    color: #6aff03;
    max-width: 100%;
    line-height: 1.2;
    margin: 0;
    margin-bottom: .5rem;
    text-align: center;
    font-weight: 700;
}
.ocean-202111 p {
	font-size: 1.2rem;
	text-align: center;
	margin: 0px auto;
	color: #6aff03;
}
.ocean-202111 .btn {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
}
.ocean-202111 .btn:hover {
	background-color: #fff;
	color: #000;
}

/* energy (small) */
.energy .copy {
    position: relative;
    top: 12rem;
    left: auto;
    text-align: center;
}
.energy h2 {
	font-size: 2.4rem;
    color: #ffd500;
    max-width: 100%;
    line-height: 1.2;
    margin: 0;
    margin-bottom: .5rem;
    text-align: center;
    font-weight: 700;
}
.energy p {
	font-size: 1.2rem;
	text-align: center;
	margin: 0px auto;
	color: #ffd500;
}
.energy .btn {
	background-color: transparent;
	border: 1px solid #ffd500;
	color: #ffd500;
}
.energy .btn:hover {
	background-color: #ffd500;
	color: #000;
}

/* conductive */
.banner.conductivehp {
	background: #fff url('../uploads/home/conductive.jpg');
	background-position: center;
	height: 600px;
	margin-bottom: 1rem;
	padding-top: 2.5rem;
}
.banner.conductivehp .copy {
	margin: 0px auto;
    text-align: center;
}
.banner.conductivehp h2 {
	font-size: 2.3rem;
    color: #000;
    max-width: 100%;
    line-height: 1.2;
    margin: 0;
    margin-bottom: .5rem;
    text-align: center;
    font-weight: 700;
    letter-spacing: -1px;
}
.banner.conductivehp p {
	font-size: 1rem;
	text-align: center;
	margin: 0px auto;
	color: #000;
}
.banner.conductivehp .btn {
	border-color: #000;
	color: #000;
	background: transparent;
	margin-top: 1rem;
	margin-bottom: 0;
}
.banner.conductivehp .btn:hover {
	background: #000;
	color: #FFE709;
}
.banner.conductivehp #icon-conductive {
	vertical-align: -15px;
	margin-left: 0;
}

/* cannabinoids (video) */
.callout.cannabinoids div.custom-bg { /* tijdelijk fixed bg img - zie comment in inc/video-banners/video-cannabinoids.php */
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: transparent url('../uploads/home/cannabis-1600.jpg') no-repeat center center;
}
.callout.cannabinoids div.custom-overlay-cannabinoids { /* temp*/
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	
	background: rgba(0,0,0,0.35);
	z-index: 2;
	
}
.video-overlay-cannabinoids {
}


.btn.cannabinoids {
	background: #ffa300;
	border-color: #ffa300;
	color: #fff;
}
.btn.cannabinoids:hover {
	background: #fff;
	border-color: #fff;
	color: #ffa300 !important;
}

/* coffee (video) */
.callout.coffee h1 {
	font-size: 2.7rem;
}
.btn.coffee {
	border-color: #fff;
	color: #fff;
	background: transparent;
	margin-top: 1rem;
	margin-bottom: 0;
}
.btn.coffee:hover {
	background: #fff;
	color: #000 !important;
}

/* moisture (video) */
.callout.moisture div.custom-bg {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: transparent url('../img/bg-moisture-banner-wide-neck-drum.png') no-repeat center right;
}
.callout.moisture h1 {
	margin-bottom: .5rem;
	color: #444;
	/*
	color: #fff;
	text-shadow: 1px 1px #666;
	*/
}
.btn.moisture {
	border-color: #444;
	color: #444;
	background: transparent;
	margin-top: 1rem;
	margin-bottom: 0;
}
.btn.moisture:hover {
	background: #444;
	color: #fff !important;
}

/* recycled (video) */
.callout.recycled span.new {
	font-size: 2rem;
	color: red;
	font-weight: 700;
	text-transform: uppercase;
}
.callout.recycled p {
	font-size: 1.2rem;
}
.callout.recycled .btn {
	
}
.callout.recycled .btn:hover {
	
}

/* Divided */
.divided {
	min-height: 600px;
	margin: 1rem 0;
}
.divided .row {
	max-width: 100%;
}
.divided .column {
	position: relative;
	padding: 0;
}
.divided .column.rpad {
	padding-right: .5rem;
}
.divided .column.lpad {
	padding-left: .5rem;
}
.divided.boxed {
	min-height: auto;
	/* waarom?
	margin-bottom: 0;
	margin-top: 1rem;
	*/
}
.divided img {
	width: 100%;
}
.divided .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 99%;
	height: 100%;
	background: rgba(0,0,0,0);
	transition: .3s ease-out;
}
.divided .rpad .overlay {
	margin-right: 0.5rem;
}
.divided .lpad .overlay {
	margin-left: 0.5rem;
}
.no-touch .divided .overlay:hover {
	background: rgba(0,0,0,0.4);
}
.no-touch .divided .overlay.no-bg:hover {
	background: rgba(0,0,0,0);
}
.divided .overlay .copy {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}
.divided .overlay .copy h2 {
    margin: 0;
    color: #fff;
	font-size: 2.4rem;
    line-height: 1.2em;
    font-weight: 700;
}

/* divided > specific */

/* bulk_3d + bulk_cell (divided) -- ook aanvullen bij small-mediaqueries! */
.divided .bulk_3d .overlay .copy h2,
.divided .bulk_cell .overlay .copy h2 {
	color: #333;
	font-size: 2.2rem;
}
.no-touch .divided .bulk_3d .overlay:hover,
.no-touch .divided .bulk_cell .overlay:hover {
	background: rgba(0,0,0,0.1);
}

/* fp32 + fp46 (divided) -- ook aanvullen bij small-mediaqueries! */
.divided .fp32 .overlay .copy h2,
.divided .fp46 .overlay .copy h2 {
	color: #B472ED;
	font-size: 2.1rem;
}
.no-touch .divided .fp32 .overlay:hover,
.no-touch .divided .fp46 .overlay:hover {
	background: rgba(180,114,237,0.1);
}


/* biobased + holidays + lid-locker-202104 */
.biobased .copy,
.holidays .copy,
.lid-locker-202104 .copy {
    position: relative;
    top: 16rem;
    left: auto;
    text-align: center;
}
.lid-locker-202104 .copy {
	top: 13rem;
}
.biobased h2,
.holidays h2,
.lid-locker-202104 h2 {
	font-size: 2.3rem;
    color: #000;
    max-width: 100%;
    line-height: 1.2;
    margin: 0;
    margin-bottom: .5rem;
    text-align: center;
    font-weight: 700;
    letter-spacing: -1px;
}
.holidays h2 {
	color: #fff400;
}
.lid-locker-202104 h2 {
	color: #fff;
}
.biobased p,
.holidays p,
.lid-locker-202104 p {
	font-size: 1rem;
	text-align: center;
	margin: 0px auto;
	color: #000;
}
.lid-locker-202104 p {
	color: #fff;
}


/* lid-locker */
.lid-locker .copy,
.italy .copy,
.pluripharma .copy,
.lego .copy,
.lilies .copy  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.lid-locker h2,
.pluripharma h2 {
	position: relative;
    top: 1rem;
    margin-bottom: 0;
    color: #fff;
    font-weight: 700;
    font-size: 3.4rem;
    max-width: 100%;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -1px;
}
.pluripharma h2 {
	top: 11rem;
}
.italy h2,
.lego h2,
.lilies h2 {
    position: absolute;
    top: 1rem;
    margin-bottom: 0;
    right: 6rem;
    color: #fff;
    font-weight: 700;
    font-size: 3.4rem;
    max-width: 300px;
    line-height: 1.2;
    text-align: right;
    /*letter-spacing: -1px;*/
}
.lego h2,
.lilies h2 {
	top: 8rem;
	right: auto;
	text-shadow: 0 0 35px rgba(0,0,0,1);
}

/* verplaatst naar .divided rules
.lid-locker .lpad,
.pluripharma .lpad {
	padding-left: .5rem;
}
.lid-locker .rpad,
.pluripharma .rpad {
	padding-right: .5rem;
}

.biobased.rpad,
.holidays.rpad,
.lid-locker-202104.rpad,
.eco.rpad,
.kiuso-202012.rpad,
.ocean-202111.rpad,
.energy.rpad,
.sustainability.rpad,
.lilies.rpad,
.stackable.rpad {
	padding-right: .5rem;
}
.biobased.lpad,
.holidays.lpad,
.lid-locker-202104.lpad,
.eco.lpad,
.kiuso-202012.lpad,
.ocean-202111.lpad,
.energy.lpad,
.lego.lpad,
.potatoes.lpad  {
	padding-left: .5rem;
}
*/


/* fold-pack-2023 */
.banner.fold-pack-2023 {
	background: #fff url('../uploads/home/fold-pack-2024.jpg');
	background-position: center;
	height: 800px;
	margin-bottom: 1rem;
}
.banner.fold-pack-2023 .overlay {
	background: rgba(0,0,0,0.1);
}
.banner.fold-pack-2023 .copy {
	width: 90%;
}
.banner.fold-pack-2023 .copy h2 {
	font-size: 3.6rem;
}
.banner.fold-pack-2023 .copy p {
	margin-bottom: 0;
}
.banner.fold-pack-2023 .copy svg {
	width: 120px;
	fill: #fff;
}

/* fold-pack-2025 */
.banner.fold-pack-2025 {
	height: 600px;
	background: #fff url('../uploads/home/fold-pack-2025.jpg');
	background-position: center;
	margin-bottom: 1rem;
	margin-top: 1rem; 
}
.banner.fold-pack-2025 .overlay {
	background: rgba(0,0,0,0.1);
}
.fold-pack-2025 .copy {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 65%;
	text-align: center;
}
.fold-pack-2025 .copy h2 {
	color: #fff;
	max-width: 100%;
	font-size: 2.4rem;
	font-weight: 700;
}

/* high-density 2023 */
.banner.high-density {
	height: 600px;
	background: #fff url('../uploads/blog/New-wide-neck-drums/New-wide-neck-drums-1600.jpg');
	background-position: center;
	margin-bottom: 1rem;
	margin-top: 1rem; 
}
.banner.high-density .overlay {
	background: rgba(0,0,0,0.1);
}
.high-density .copy {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}
.high-density .copy h2 {
	color: #fff;
	max-width: 100%;
	font-size: 2.3rem;
	font-weight: 700;
}


/* Biobased-2022 */
.banner.biobased2022 {
	background: #fff url('../uploads/home/biobased2022.jpg');
	background-position: center;
	height: 400px;
	margin-bottom: 1rem;
}
.banner.biobased2022 .overlay {
	background: rgba(0,0,0,0.1);
}
.biobased2022 .copy {
	text-align: center;
	margin-top: 4rem;
}
.biobased2022 .copy h2 {
	max-width: 100%;
	color: #495a00;
	font-weight: 700;
	font-size: 2.3rem;
	margin: 0 0 .5rem 0;
}
.biobased2022 .copy p {
	max-width: 100%;
	color: red;
	font-size: 1.3rem;
	margin: .5rem 0 0 0;
}

/* singapore 2024 */
.banner.singapore2024 {
	height: 600px;
	background: #fff url('../uploads/home/singapore-1600.jpg');
	background-position: center;
	margin-bottom: 1rem;
	margin-top: 1rem; 
}
.banner.singapore2024 .overlay {
	background: rgba(0,0,0,0.1);
}
.singapore2024 .copy {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}
.singapore2024 .copy h2 {
	color: #fff;
	max-width: 100%;
	font-size: 2.4rem;
	font-weight: 700;
}

/* footprint 2024 */
.banner.footprint2024 {
	height: 600px;
	background: #fff url('../uploads/home/footprint-1600.jpg');
	background-position: center;
	margin-bottom: 1rem;
	margin-top: 1rem; 
}
.banner.footprint2024 .overlay {
	background: rgba(0,0,0,0.1);
}
.footprint2024 .copy {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}
.footprint2024 .copy h2 {
	color: #fff;
	max-width: 100%;
	font-size: 2.4rem;
	font-weight: 700;
}

/* marks 2025 */
.banner.marks2025 {
	height: 400px;
	background: #fff url('../uploads/home/commercial-team-2025-1600.jpg');
	background-position: center;
	margin-bottom: 1rem;
	margin-top: 1rem; 
}
.banner.marks2025 .overlay {
	background: rgba(0,0,0,0.05);
}
.marks2025 .copy {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}
.marks2025 .copy h2 {
	color: #fff;
	max-width: 100%;
	font-size: 2.4rem;
	font-weight: 700;
}

/* sailing 2025 */
.banner.sailing2025 {
	height: 600px;
	background: #fff url('../uploads/home/Sailing-1600.jpg');
	background-position: center;
	margin-bottom: 1rem;
	margin-top: 1rem; 
}
.banner.sailing2025 .overlay {
	background: rgba(0,0,0,0.05);
}
.sailing2025 .copy {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}
.sailing2025 .copy h2 {
	color: #fff;
	max-width: 100%;
	font-size: 2.4rem;
	font-weight: 700;
}

/* pharma 2025 */
.banner.pharma2025 {
	height: 600px;
	background: #fff url('../uploads/home/Pharma-1600-c.jpg');
	background-position: center;
	margin-bottom: 1rem;
	margin-top: 1rem; 
}
.banner.pharma2025 .overlay {
	background: rgba(0,0,0,0.05);
}
.pharma2025 .copy {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}
.pharma2025 .copy h2 {
	color: #fff;
	max-width: 100%;
	font-size: 2.4rem;
	font-weight: 700;
}

/* ampersand */
.banner.ampersand {
	height: 300px;
	background: #fff url('../uploads/home/Ampersand-dark-blue-1600.jpg');
	background-position: center;
	margin-bottom: 1rem;
	margin-top: 1rem; 
}
.banner.ampersand .overlay {
	background: rgba(0,0,0,0.05);
}
.ampersand .copy {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
	margin-top: 1rem;
}
.ampersand .copy h2 {
	color: #fff;
	max-width: 100%;
	font-size: 2.4rem;
	font-weight: 700;
	text-shadow: 2px 2px 8px #000000;
}

/* quality banner (TQM) */
.banner.quality {
	background: #fff url('../uploads/home/audit2.jpg');
	background-position: center;
	height: 600px;
	margin-top: 1rem;
}
/*
.quality .copy {
	position: relative;
	top: -3rem;
	left: auto;
	right: auto;
	color: #fff;
	margin: 0px auto;
	text-align: center;
}
.quality h2 {
	position: absolute;
    top: 20rem;
    left: 6rem;
    color: #fff;
	font-weight: 700;
	font-size: 3.4rem;
	max-width: 400px;
	text-align: center;
	margin-top: 0;
	line-height: 1.2;
}
*/
.ecovadis h2,
.terracycle h2 {
	position: absolute;
    top: 50%;
    margin-bottom: 0;
    left: 50%;
    color: #fff;
    font-weight: 700;
    font-size: 3.4rem;
    max-width: 500px;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -1px;
    transform: translate(-50%,-50%);
    margin: 0;
	text-shadow: 1px 1px 6px rgba(0,0,0,0.42);
}
.terracycle h2 {
	text-align: left;
	left: 40%;
}
.ecovadis h2 {
	text-align: right;
	left: 50%;
	transform: translate(-30%,-50%);
}

/* hovers */
.banner.new .overlay,
.banner.voyage .overlay,
.banner.quality .overlay,
.banner.eco .overlay,
.supply-chain .overlay,
.agriculture .overlay,
.fold-pack-2023 .overlay,
.fold-pack-2025 .overlay,
.singapore2024 .overlay,
.footprint2024 .overlay,
.marks2025 .overlay,
.sailing2025 .overlay,
.pharma2025 .overlay,
.ampersand .overlay,
.high-density .overlay,
.biobased2022 .overlay {
	transition: .3s ease-out;
}
.banner.new .overlay:hover,
.banner.voyage .overlay:hover,
.banner.quality .overlay:hover,
.banner.eco .overlay:hover,
.supply-chain .overlay:hover,
.agriculture .overlay:hover {
	background: rgba(0,0,0,0.4);
}
.fold-pack-2023 .overlay:hover,
.fold-pack-2025 .overlay:hover,
.singapore2024 .overlay:hover,
.footprint2024 .overlay:hover,
.marks2025 .overlay:hover,
.sailing2025 .overlay:hover,
.pharma2025 .overlay:hover,
.ampersand .overlay:hover,
.high-density .overlay:hover,
.biobased2022 .overlay:hover {
	background: rgba(0,0,0,0.2);
}
.banner.supply-chain {
	background-position: center;
	margin-bottom: 1rem;
}
.banner.supply-chain .copy {
	position: absolute;
    top: 8rem;
    left: 8rem;
    text-align: center;
}
.banner.supply-chain h2 {
	font-size: 3.4rem;
    color: #fff;
    max-width: 400px;
    line-height: 1.2;
    margin: 0;
    font-weight: 700;
    /*letter-spacing: -1px;*/
}

/* banner agriculture hp */
.banner.agriculture {
	background-position: center;
	margin-bottom: 1rem;
}
.banner.agriculture .copy {
	position: relative;
    top: 10rem;
    left: auto;
    text-align: center;
}
.banner.agriculture h2 {
	font-size: 3.4rem;
    color: #fff;
    max-width: 400px;
    line-height: 1.2;
    margin: 0;
    font-weight: 700;
    /*letter-spacing: -1px;*/
}
.banner.agriculture p {
	font-size: 1.2rem;
	text-align: center;
	margin: 0px auto;
	margin-top: 1rem;
	max-width: 40%;
}
.banner.agriculture .btn {
	background: transparent;
	color: #fff;
	border-color: #fff;
}
.banner.agriculture .btn:hover {
	background: #fff;
	border-color: #fff;
	color: #333;
}

/* PRODUCT LANDING */
.product_landing {
	
}
.product_landing .banner .panel {
	height: 150px;
	overflow: hidden;
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.product_landing .text-block {
	padding-top: 200px;
}
.product_landing .text-block ul.breadcrumb {
	margin-bottom: 0;
}
.product_landing .text-block h1 {
	font-size: 2.4rem;
}
.product_landing .text-block a {
	color: #00aeef;
	text-decoration: none;
}
.product_landing .text-block a:hover {
	text-decoration: underline;
}


/* PRODUCT OVERVIEW */
#productFilters {
	padding: 1rem 1rem;
	border-bottom: 1px solid #eee;
}
#productFilters ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#productFilters ul li {
	display: inline-block;
	margin: 0 1rem;
}
#productFilters ul li label,
#productFilters ul li label input[type="radio"] {
	cursor: pointer;
}
#productFilters ul li label {
	display: block;
	padding: 10px 20px;
	font-weight: 700;
	color: #111;
	border: 1px solid #111;
}
#productFilters ul li.active label {
	color: #fff;
	background-color: #111;
}
#productFilters ul li label input[type="radio"] {
	accent-color: dodgerblue;
	padding: 10px;
	display: none;
}
.product {
	position: relative;
	background: #fff;
	padding: 2rem 0;
	padding-bottom: 0;
}
.product .box {
	position: relative;
	padding: 20px;
	background: #fff;
}
.product .packshot {
	padding: 10px;
}
.product h1 {
	margin-bottom: 2rem;
	margin-top: 0;
	color: #222;
}
.product h2 {
	font-weight: 400;
	color: #222;
	margin-top: 0;
}
.product table {
	font-size: .8rem;
}
.product table td {
	width: 50%;
}
.product .column {
	position: relative;
	text-align: center;
	border-right: 1px solid #eee;
	margin-bottom: 0;
}
.product .column a {
	display: block;
	text-decoration: none;
	font-weight: 400;
	color: #333;
	transition: .2s opacity;
}
.product .column a h3 {
	font-size: 1rem;
	margin: 0;
}
.product .column a h2 {
	margin-top: 10px;
	font-size: 1.2rem;
	font-weight: bold;
}
.product .column a:hover {
	opacity: 0.5;
}
.product .no-border {
	border: 0;
}
.product .capacity {
	color: #999;
}
.product .label {
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 1;
	background: #ccc;
	color: #fff;
	font-weight: bold;
	font-size: 0.7rem;
	line-height: 1em;
	padding: 5px 6px;
	border-radius: 2px;
	text-transform: uppercase;
}
.product .label.new {
	background: #F33440;
}
.product .label.new_bio {
	background: #A7CC64;
}
.product .label.nfs {
	background: #ccc;
}
.product .label.non_stock {
	background: #F33440;
}
.product .label.coming_soon {
	background: #F33440;
}
.other-sizes {
	background: #00aeef;
}
.other-sizes h3 {
	color: #fff;
}
.other-sizes h3 a {
	color: #fff;
}
.product-intro {
	background: #717b84;
}
.product-intro p {
	font-size: 1.6rem;
	padding: 0;
	margin: 6rem auto;
	max-width: 800px;
	text-align: center;
	color: #fff;
}
.product-intro p a {
	color: #fff;
}

.group-custom-feats {
	padding: 1rem 6rem 2rem 6rem;
	color: #fff;
	background-color: #aaa;
	text-align: center;
}
.group-custom-feats img.filter-white {
 	width: 52px;
 	height: 52px;
 	margin-top: 2rem;
 	filter: invert(93%) sepia(93%) saturate(27%) hue-rotate(97deg) brightness(106%) contrast(108%);
}
.group-custom-feats h3 {
	font-size: 1.4rem;
	margin: .5rem 0;
}
.group-custom-feats.rectangular {background-color: #917e60;}
.group-custom-feats.ecolite {background-color: #99CA3B; margin-bottom: 3rem;}

.product-description .column {
	padding: 0;
}
.product-description .column.fill {
	background: red;
}
.product-description video {
  width: 100%;
  height: auto;
}
.product-description .box {
	position: relative;
    height: 100%;
	min-height: 600px;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-description .box .inner {
	align-self: center;
	margin: auto;
}
.product-description .box h3 {
    font-size: 2.8rem;
    margin-top: 0;
    margin-bottom: 1rem;
    max-width: 400px;
    line-height: 1;
    font-weight: 700;
}
.product-description .box p {
	max-width: 400px;
	font-size: 1.2rem;
	color: #333;
	margin-top: 1.4rem;
}
.product-description .btn {
	margin-top: .4rem;
	color: #fff;
}

.product-description .scene,
.product-description .brand {
	position: absolute;
	bottom: 0;
	width: 800px;
	margin: auto;
	height: 600px;
	background-size: 100%;
}
.three-sixty {
	background: #35b1e6;
	padding: 10px;
}
.three-sixty svg {
	max-width: 60%;
}

/* PRODUCT BANNERS */
.banner .copy.y-center {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}

.banner.wide-neck-drums,
.banner.total-opening-drums,
.banner.nestable-drums,
.banner.square-drums {
	background-position: center right;
	background-repeat: no-repeat;
	background-color: transparent;
}
.banner.conductive-drums {
	background-position: center;
	background-color: transparent;
}
.banner.click-pack,
.banner.duo-pack,
.banner.packo,
.banner.packo-uv-safe,
.banner.pharma-grade-packo {
	background: transparent;
}
.banner.wide-neck-drums .btn,
.banner.total-opening-drums .btn {
	color: #AC162C;
}
.banner.total-opening-drums .btn:hover,
.banner.wide-neck-drums .btn:hover,
.banner.total-opening-drums .btn:hover {
	background: #CB2E3E;
	border-color: #CB2E3E;
	color: #fff;
}
.banner.nestable-drums .btn {
	color: #19519B;
}
.banner.nestable-drums .btn:hover {
	background: #19519B;
	border-color: #19519B;
	color: #fff;
}
.banner.square-drums .btn {
	color: #fff;
	background: #41957e;
	border-color: #41957e;
}
.banner.square-drums .btn:hover {
	background: #fff;
	border-color: #fff;
	color: #41957e;
}
.banner.conductive-drums .copy {
	float: right;
	margin-right: 4rem;
	margin-top: 7rem;
}
.banner.conductive-drums h1 {
	color: #000;
    display: inline-block;
    padding-left: 20px;
}
.banner.conductive-drums h2 {
	color: #000;
	font-size: 4rem;
}
.banner.conductive-drums .btn {
	background: #000;
	border-color: #000;
	color: #fff;
}
.banner.conductive-drums .btn:hover {
	background: #fff;
	color: #000;
	border-color: #fff;
}
.banner.uv-safe-drums .copy {
	float: right;
	margin-right: 12rem;
	margin-top: 9rem;
}
.banner.uv-safe-drums h1 {
	color: #000;
}
.banner.uv-safe-drums h2 {
	color: #000;
	font-size: 3.4rem;
}
.banner.uv-safe-drums .btn {
	background: #000;
	border-color: #000;
	color: #fff;
}
.banner.uv-safe-drums .btn:hover {
	background: #fff;
	color: #000;
	border-color: #fff;
}
.banner.packo-uv-safe .copy {
	float: right;
	margin-top: 8rem;
	margin-right: 12rem;
}
.banner.packo-uv-safe h1 {
	color: #000;
}
.banner.packo-uv-safe h2 {
	color: #000;
	font-size: 3.4rem;
}
.banner.packo-uv-safe .btn {
	background: #000;
	border-color: #000;
	color: #fff;
}
.banner.packo-uv-safe .btn:hover {
	background: #fff;
	color: #000;
	border-color: #fff;
}
.banner.packo .copy {
	float: right;
	margin-right: 12rem;
	margin-top: 7rem;
}
.banner.packo h1 {
	color: #fff;
}
.banner.packo h2 {
	color: #fff;
	font-size: 4rem;
}
.banner.packo .btn {
	background: #fff;
	border-color: #fff;
	color: #9A0742;
}
.banner.packo .btn:hover {
	background: #9A0742;
	color: #fff;
	border-color: #9A0742;
}
.banner.duo-pack .copy {
	margin-top: 9rem;
}
.banner.duo-pack h2 {
	font-size: 4rem;
	color: #efe003;
}
.banner.duo-pack .btn {
	background: #fff;
	border-color: #fff;
	color: #9F9887;
}
.banner.duo-pack .btn:hover {
	background: #D1CBBE;
	color: #fff;
	border-color: #D1CBBE;
}
.banner.pharma-grade-packo .copy {
	margin-top: 5rem;
}
.banner.pharma-grade-packo h2 {
	font-size: 3.6rem;
}
.banner.pharma-grade-packo .btn {
	background: #fff;
	border-color: #fff;
	color: #24D3FD;
}
.banner.pharma-grade-packo .btn:hover {
	background: #1EAFED;
	color: #fff;
	border-color: #1EAFED;
}
.banner.click-pack .copy {
	margin-top: 6rem;
}
.banner.click-pack h2 {
	font-size: 4rem;
	max-width: 200px;
}
.banner.click-pack .btn {
	background: #fff;
	border-color: #fff;
	color: #9F9887;
}
.banner.click-pack .btn:hover {
	background: #D1CBBE;
	color: #fff;
	border-color: #D1CBBE;
}
.banner.wide-neck-drums .copy {
	margin-top: 6rem;
}
.banner.total-opening-drums .copy {
	margin-top: 5rem;
}
.banner.nestable-drums .copy {
	margin-top: 5rem;
}
.banner.square-drums .copy {
	margin-top: 8rem;
}
.banner.wide-neck-drums h2,
.banner.total-opening-drums h2,
.banner.nestable-drums h2,
.banner.square-drums h2 {
    font-size: 3.4rem;
    color: #fff;
    max-width: 400px;
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
}
.banner.nestable-drums h2 {
	font-size: 3rem;
}
#icon-conductive {
    display: inline-block;
    vertical-align: -15px;
    margin-left: -67px;
}
#icon-pharma {
    position: absolute;
    left: -7rem;
    top: 95px;
    display: inline-block;
    vertical-align: 0;
    margin-left: 0;
}
.banner.eco-lite-drums .copy {
	float: right;
	margin-top: 8rem;
	margin-right: 8rem;
}


/* PRESS-PACK (banner) - was vroeger kiuso - (heeft .copy.y-center) */
.banner.press-pack .copy {
    right: 15%;
}
.banner.press-pack h1 {
	color: #fff;
    display: inline-block;
}
.banner.press-pack h2 {
	color: #efe003;
	font-size: 4rem;
}
.banner.press-pack .btn {
	background: #fff;
	border-color: #fff;
	color: #85ABD8;
}
.banner.press-pack .btn:hover {
	background: transparent;
	color: #fff;
	border-color: #fff;
}
.banner #kio.svg {
	margin-left: 8px;
	margin-bottom: 10px;
}


/* FOLD-PACK (banner) op product-overview page  */
.banner.fold-pack .copy {
    right: 10%;
}

/* RECTANGULAR DRUMS (banner)  */
.banner.rectangular-drums .copy {
	float: right;
	margin-right: 12rem;
	margin-top: 7rem;
}
.banner.rectangular-drums span.new {
	font-size: 1.5rem;
	color: red;
	font-weight: 700;
	text-transform: uppercase;
}
.banner.rectangular-drums h1 {
	color: #fff;
}
.banner.rectangular-drums h2 {
	color: #fff;
	font-size: 3rem;
}
.banner.rectangular-drums .btn {
	background: #fff;
	border-color: #fff;
	color: #B4946E;
	margin: 2rem 0;
}
.banner.rectangular-drums .btn:hover {
	background: #B4946E;
	color: #fff;
	border-color: #fff;
}

/* LID LOCKERS */
.banner.lidlocker-drums {
	background: url('../uploads/banners/lidlocker-drums.jpg');
}
.banner.lidlocker-packo {
	background: url('../uploads/banners/lidlocker-packo.jpg');
}
.banner.lidlocker-drums h3,
.banner.lidlocker-packo h3 {
	font-size: 2.8rem;
    margin-top: 4rem;
    margin-bottom: 1rem;
    max-width: 400px;
    line-height: 1;
    font-weight: 700;
}
.banner.lidlocker-drums p,
.banner.lidlocker-packo p {
    max-width: 400px;
    font-size: 1.2rem;
    color: #333;
    margin-top: 1.4rem;
}
.banner.lidlocker-packo h3,
.banner.lidlocker-packo p {
	color: #fff;
}
.banner.lidlocker-packo .btn {
	color: #fff;
	border-color: #00aeef;
}
.banner.lidlocker-packo .btn:hover {
	color: #00aeef;
	border-color: #fff;
}


/* BOXES */
.banner.attached-lid-containers .copy {
    position: relative;
    text-align: left;
    margin-top: 7rem;
}

.banner.magazine-containers .copy {
    position: relative;
    text-align: left;
    margin-top: 8rem;
}
.banner.magazine-containers .copy h2 {
	font-size: 5rem;
	max-width: 100%;
	text-shadow: 0 0 35px rgba(0,0,0,1);
}
.banner.magazine-containers .copy h1 {
    text-shadow: 0 0 35px rgba(0,0,0,1);
}

.banner.containers-with-stacking-bars .copy {
	margin-top: 8rem;
}
.banner.containers-with-stacking-bars .copy h2 {
	font-size: 4rem;
}
.banner.containers-with-stacking-bars .copy h1 {
	max-width: 320px;
}

.banner.stackable-containers .copy {
	margin-top: 8rem;
}
.banner.stackable-containers .copy h2 {
    font-size: 4rem;
    max-width: 435px;
}
.banner.stackable-containers .copy h1 {
	max-width: 320px;
}

body.nl .banner.stackable-containers .copy h2 {
	max-width: 565px;
}
body.nl .banner.stackable-containers .copy {
	margin-top: 5rem;
}

.banner.attached-lids-containers .copy {
	margin-top: 8rem;
}

body.nl .banner.attached-lids-containers .copy {
	margin-top: 9rem;
}
body.nl .banner.attached-lids-containers .copy h2 {
	max-width: 450px;
}

.banner.orderpick-containers .copy {
	margin-top: 5.5rem;
}
.banner.orderpick-containers .copy h2 {
    max-width: 325px;
}
.banner.orderpick-containers .copy h1 {
	max-width: 320px;
}



.banner.chitting-trays .copy {
	margin-top: 8rem;
}
.banner.chitting-trays .copy h2 {
    font-size: 5rem;
    max-width: 100%;
}
.banner.chitting-trays .copy h1 {
	max-width: 320px;
}


.banner.bulb-forcing-trays .copy {
	margin-top: 8rem;
}
.banner.bulb-forcing-trays .copy h2 {
    font-size: 5rem;
    max-width: 100%;
}
.banner.bulb-forcing-trays .copy h1 {
	max-width: 320px;
}


.banner.lily-containers .copy {
	margin-top: 8.5rem;
}
.banner.lily-containers .copy h2 {
	color: #e0ff84;
    font-size: 5rem;
    max-width: 100%;
    text-shadow: 0 0 35px rgba(0,0,0,1);
}
.banner.lily-containers .copy h1 {
	color: #e0ff84;
	max-width: 320px;
	text-shadow: 0 0 35px rgba(0,0,0,1);
}

.banner.tulip-containers .copy {
	margin-top: 8.5rem;
}
.banner.tulip-containers .copy h2 {
    font-size: 5rem;
    max-width: 100%;
    	text-shadow: 0 0 35px rgba(0,0,0,1);
}
.banner.tulip-containers .copy h1 {
	max-width: 320px;
		text-shadow: 0 0 35px rgba(0,0,0,1);
}

.banner.flower-containers .copy {
	margin-top: 8.5rem;
}
.banner.flower-containers .copy h2 {
    font-size: 5rem;
    max-width: 100%;
    text-shadow: 0 0 35px rgba(0,0,0,1);
}
.banner.flower-containers .copy h1 {
	max-width: 320px;
	text-shadow: 0 0 35px rgba(0,0,0,1);
}



/* SPRITESPIN */
.spritespin {
	margin: 0px auto;
	text-align: center;
}
.spritespin-canvas:hover {
	cursor: grab;
	cursor: -webkit-grab;
}


/* PRODUCT DETAIL */

/* .product-sticky */
.product-sticky { /* sticky op Large only, zie mediaqueries */
	position: relative;
	z-index: 9;
	background-color: #fff;
}
.product-sticky .row {
	max-width: 70rem;
}
.product-sticky h1 {
	margin: 1rem 0;
}
.product-sticky .scrollnav {
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
	float: left;
}
.product-sticky .scrollnav li {
	display: inline-block;
	margin-right: 2rem;
}
.product-sticky .scrollnav li:last-child {
	margin: 0;
}
.product-sticky .scrollnav li a {
	display: inline-block;
	text-decoration: none;
	color: #00aeef;
	font-weight: 700;
    padding: 12px;
    padding: 0;
    border-bottom: 1px solid #fff;
    transition: all .2s ease-out;
}
.product-sticky .scrollnav li a:hover {
	border-bottom: 1px solid #eee;
}


/* .product-detail */
.product-detail {
	position: relative;
	background: #fff;
	padding: 1rem 0 3rem;
}
.product-detail h1 {
	margin-top: 0;
}
.product-detail .thumbs {
	list-style: none;
	margin: 0;
	padding: 0;
}
.product-detail .thumbs li {
	display: inline;
}
.product-detail .thumbs img {
	width: 75px;
	height: 75px;
}
.product-detail a {
	display: inline-block;
	border: 1px solid #fff;
	color: #36ADEE;
}
.product-detail a.active {
	border-color: #eee;
}
.product-detail img.packshot {
	width: 500px;
}
.product-detail .zoom {
	display: inline-block;
	position: relative;
	margin: 10px 0;
	border: 1px solid #efefef;
}
.product-detail .zoom:after {
	content:'';
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	top: 0;
	right: 0;
	background: url('../img/zoom.png');
}
.product-detail .zoom img {
	display: block;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
.product-detail table {
	font-size: 0.9rem;
	width: 100%;
}
.product-detail th,
.product-detail td {
	box-sizing: border-box;
	width: 50%;
	padding: 3px 8px;
	text-align: left;
	font-weight: normal;
}
.product-detail tbody tr:nth-child(odd) {
	background-color: #efefef;
}
.product-detail .product_code {
	margin-top: 2rem;
	padding-top: 1rem;
	border-top: 1px solid #eee;
}
.product-detail .product_code strong {
	font-size: 1.6rem;
}
.product-detail .gmp-notif {
	font-weight: bold;
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 2px;
	border-top: 1px solid #eee;
}
.product-detail .product-buttons p {
	margin: 2rem 0 0;
}
.product-detail .product-buttons .btn {
	margin: 0;
}
.product-detail .applications,
.product-detail .features,
.product-detail .product-description.media,
.product-detail .specifications {
	padding: 2rem 0;
}
.product-detail .product-description.media {
	padding-top: 4rem;
}
.product-detail .specifications {
	padding-bottom: 4rem;
}
.product-detail .features .icon {
	padding: 2rem 0;
}
.product-detail.description h2 {
	margin-top: 0;
}
.product-detail.description.packo {
	padding-bottom: 0;
}
.product-detail .features {
	list-style: none;
	margin: 0;
	margin-top: 2rem;
	padding: 0;
}
.product-detail .features li {
	margin: 10px 0;
	color: #777;
	font-size: 14px;
}
.product-detail .features li img {
	max-width: 26px;
	margin-right: 20px;
}

/* color list */
.product-detail .color-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.product-detail .color-list li {
	display: inline;
	margin-right: 20px;
}
.product-detail .color-list a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: red;
	border: 1px solid transparent;
}
.product-detail .color-list a[data-color="dark-red"] {background: #581E29;}
.product-detail .color-list a[data-color="blue"] {background: #004065;}
.product-detail .color-list a[data-color="yellow"] {background: #FBE100;}
.product-detail .color-list a[data-color="green"] {background: #545F1D;}
.product-detail .color-list a[data-color="light-green"] {background: #97A94F;}
.product-detail .color-list a[data-color="grey"] {background: #999A9F;}
.product-detail .color-list a[data-color="red"] {background: #CC092F;}
.product-detail .color-list a[data-color="white"] {background: #fff; border-color: #efefef;}
.product-detail .color-list a[data-color="black"] {background: #000;}

.product-detail .applications p.caption {
	font-size: .8rem;
}

.cta {
	width: 100%;
	background: #00aeef;
}
.cta a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}
.cta a.title {
	display: block;
	padding: 1rem 0;
}

/* Breadcrumb */
.breadcrumb {
	padding: 0;
}
.breadcrumb li {
	font-size: 14px;
	display: inline;
}
.breadcrumb li a {
	text-decoration: none;
	font-weight: 700;
	color: #00aeef;
}
.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}
.breadcrumb li.current a {
	font-weight: 400;
	color: #333;
}

/* STORIES */
.stories-detail {
	padding: 2rem 0;
}
.stories-detail h1 {
	font-size: 3rem;
	text-align: left;
	line-height: 1;
	width: 100%;
	max-width: 40rem;
	margin: 2rem auto;
	margin-bottom: 1rem;
	color: #00aeef;
	margin-top: 1rem;
}
.stories-detail h2,
.stories-detail h3 {
	font-size: 1.3rem;
	text-align: left;
	width: 100%;
	max-width: 40rem;
	margin: 2rem auto;
	margin-top: 0;
	margin-bottom: .5rem;
	line-height: 1.2;
}
.stories-detail h3 {
	margin: 1.6rem auto;
	font-size: 1.1rem;
}
.stories-detail p,
.stories-detail ul,
.stories-detail ol,
.stories-detail form {
	text-align: left;
	font-size: 1rem;
	max-width: 40rem;
	width: 100%;
	margin: 2rem auto;
	margin-top: 0;
}
.stories-detail ul {
	padding-right: 0;
}
.stories-detail a {
	color: #00aeef;
	text-decoration: none;
}
.stories-detail a[href]:hover {
	text-decoration: underline;
}
.stories-detail p.full-width {
	max-width: 100%;
	width: 100%;
	text-align: center;
}
.stories-detail p.full-width figure {
	margin: 0;
}
.stories-detail p.full-width img {
	margin: 1rem auto;
	margin-bottom: .5em;
}
.stories-detail em {
	font-size: 1rem;
	text-align: left;
	/*
	color: #999;
	font-style: normal;
	*/
}
.stories-detail .author {
	position: relative;
	margin-bottom: 2rem;
	margin-top: 3rem;
    border-bottom: 1px solid #efefef;
    padding-bottom: 1rem;
}
.vac .author {
	position: relative;
}
.social {
	position: relative;
	max-width: 40rem;
	width: 100%;
	margin: 0 auto;
}
.stories-detail .share
.vac .share {
	position: absolute;
	top: 0;
	right: 0;
}
.default-page p.streamer,
.default-page p.streamer-green,
.stories-detail p.streamer,
.stories-detail p.streamer-green {
    max-width: 900px;
    text-align: center;
    margin: 3rem auto;
    max-width: 100%;
    font-style: normal;
    font-size: 2rem;
    color: #00aeef;
    text-align: center;
    line-height: 1.1;
}
.default-page p.streamer-green,
.stories-detail p.streamer-green {
	color: #9bca3e;
}
.stories-detail hr {
	margin: 1rem auto;
	margin-bottom: 1.5rem;
	max-width: 640px;
	height: 1px;
	border: none;
	background: #efefef;
}
.stories-detail table.black-gray {
	max-width: 800px;
}

.fb,
.li {
	position: absolute;
	top: 4px;
}
.li {
	right: 0;
}
.fb {
	right: 30px;
}
.stories-detail .sustain {
	width: 10px;
	height: 10px;
}



/* DEFAULT PAGE */
.default-page a {
	color: #00aeef;
	text-decoration: none;
}
.default-page a:hover {
	text-decoration: underline;
}
.text-block {
	margin: 0 auto;
	padding: 2rem 0;
	max-width: 800px;
}
.text-block h1,
.career-videos h1  {
	font-size: 3rem;
	text-align: left;
	line-height: 1;
	width: 100%;
	margin: 2rem auto;
	margin-bottom: 2rem;
	color: #00aeef;
	max-width: 40rem;
}
.text-block h2,
.text-block h3,
.career-videos h2 {
	font-size: 1.3rem;
	text-align: left;
	width: 100%;
	max-width: 40rem;
	margin: 2rem auto;
	margin-top: 0;
	margin-bottom: .5rem;
	line-height: 1.2;
}
.text-block h3 {
	margin: 1.6rem auto;
	font-size: 1.1rem;
}
.text-block h4,
.rectangular-drums .text-block h3 {
	margin: 2rem auto;
	max-width: 40rem;
}
.text-block p,
.text-block ul,
.text-block ol,
.career-videos p,
.career-videos ul {
	font-style: normal;
    font-size: 1rem;
    line-height: 1.58;
    letter-spacing: -.003em;
    max-width: 40rem;
    margin: 2rem auto;
    margin-top: 0;
}
.text-block p.full-width {
	max-width: 100%;
	width: 100%;
	text-align: center;
}
.text-block p.full-width figure {
	margin: 0;
}
.text-block p.small-italics {
	font-style: italic;
	font-size: 90%;
}
.text-block hr {
	border: none;
	height: 1px;
	background: #eee;
	
	max-width: 40rem;
	margin: 2rem auto;
}
/*
.exclamation-icon {
	display: inline-block;
	width: 22px;
	height: 24px;
	text-indent: -9999px;
	background: transparent url('https://www.curtec.com/uploads/f-icons/Exclamation.svg') no-repeat center center;
	background-size: 90%;
}
*/
.exclamation-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 1rem;
	text-align: center;
	color: red;
	border: 1px solid red;
	border-radius: 50%;
}
.text-block table,
.stories-detail table {
	margin: 2rem auto;
	min-width: 640px;
	overflow-x: auto;
}
.text-block td,
.stories-detail td {
	text-align: left;
	padding: 4px;
}
.text-block tr:nth-child(odd),
.stories-detail tr:nth-child(odd) {
  background-color: #efefef
}
.text-block tr:nth-child(1),
.stories-detail tr:nth-child(1) {
  background-color: #00aeef;
  color: #fff;
}
.text-align th {
	text-align: left;
	background-color: #00aeef;
	color: #fff;
}
table.black-gray {
	width: 100%;
}
table.black-gray th {
	background-color: #000;
	color: #fff;
	padding: 2px 4px;
}
table.black-gray td {
	
}
table.black-gray td[align="center"] {
	text-align: center;
}

table.black-gray.cookies {
	max-width: 40rem;
	font-size: 80%;
}
table.black-gray.cookies th,
table.black-gray.cookies td {
	text-align: left;
}

/* !CMS pages - css */

/* custom table: https://www.curtec.com/en/knowledge/other/colors */
table.colors {
	width: 640px;
	max-width: 100%;
	min-width: auto;
}
table.colors th,
table.colors td {
	text-align: left;
	padding: 2px 8px;
}
table.colors th:first-child,
table.colors td:first-child {
	text-align: center;
}
table.colors td figure {
	margin: 0;
}

/* custom table: https://www.curtec.com/en/eco-lite-drums */
table.ecolite-capacities tr:nth-child(odd) {
	background-color: #fff; /*reset*/
}
table.ecolite-capacities tr:nth-child(even) {
	background-color: #efefef;
}
table.ecolite-capacities tr:nth-child(1) {
	background-color: #fff;
	color: #333;
}
table.ecolite-capacities tr:nth-child(2) {
	background-color: #323232;
	color: #fff;
}
table.ecolite-capacities td {
	text-align: center;
}
table.ecolite-capacities th[scope="row"] {
	text-align: right;
	width: 250px;
	font-size: .9rem;
	padding-right: 6px;
}
table.ecolite-capacities td figure {
	margin: 0;
}

/* custom grid: https://www.curtec.com/en/product-solutions */
div.product-solutions {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2rem;
	margin: 3rem 0 4rem;
}
div.product-solutions > div {
	background: #f8f8f8;
	border: 1px solid #e8e8e8;
	padding: 2rem;
	transition: all .2s;
	box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
}
div.product-solutions > div:hover {
	/*transform: translateY(-3px);*/
}
.no-touch div.product-solutions > div a {
	/*text-decoration: none;*/
}
div.product-solutions > div h3,
div.product-solutions > div p {
	margin: .5rem 0;
}
div.product-solutions > div a p {
	color: #333;
}



.factory img {
	margin: 2rem 0;
}
.milestones {
	max-width: 800px;
	text-align: center;
	margin-bottom: 2rem;
}
.milestones h3,
.milestones h4 {
    color: #00aeef;
    font-size: 2.3rem;
    margin-bottom: -4px;
    font-weight: normal;
    margin-top: 0;
    text-align: center;
}
.milestones p {
	text-align: center !important;
}
.career-videos .btn {
	display: inline-block;
}
.text-block .btn,
.career-videos .btn {
	text-decoration: none;
	color: #fff;
}
.text-block .btn:hover,
.career-videos .btn:hover {
	text-decoration: none;
	color: #00aeef;
	border-color: #00aeef;
}
iframe.addresses {
	border: none;
}

/* top sold products (op default.php maar bouwt verder op product overview css + overruling default css */
.product.sold-products {
	max-width: 40rem;
	margin-top: 2rem;
	border-top: 1px solid #eee;
	margin: 1rem auto 2rem auto;
}
.product.sold-products .column a:hover {
	text-decoration: none;
}
.product.sold-products h2.title {
	/*text-align: center;*/
	margin: 1rem auto;
	font-weight: 700;
}
.product.sold-products .column a h2,
.product.sold-products .column a h3 {
	text-align: center;
}
.product.sold-products .column a h3,
.product.sold-products .capacity {
	font-size: .9rem;
}
.product.sold-products .column a h2 {
	font-size: 1.1rem;
}

/* sustainability sd-page */
table.sustainability-table-nav {
	
}
.text-block table.sustainability-table-nav tr:nth-child(1) {
	background-color: #fff;
}
table.sustainability-table-nav th {
	width: 33.3%;
	line-height: 1;
}
table.sustainability-table-nav svg {
	width: 50px;
	margin: 0;
}
table.sustainability-table-nav svg path,
table.sustainability-table-nav svg polyline {
	stroke: #00aeef;
}
table.sustainability-table-nav h3 {
	text-align: center;
	margin: 0;
	font-size: 1rem;
}


/* TIMELINE (bv op /en/sustainability) */
.timeline {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	margin: 2rem 0;
	padding: 1rem 0;
}
.timeline::after {
	content: '';
	position: absolute;
	width: 6px;
	background-color: #00aeef;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
}
.timeline .container {
	padding: 10px 40px;
	position: relative;
	background-color: inherit;
	width: 50%;
}
.timeline .container::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -12px;
	background-color: white;
	border: 4px solid #00aeef;
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}
.timeline .left {
	left: 0;
	float: none;
}
.timeline .right {
	left: 50%;
	float: none;
}
.timeline .left::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 31px;
	border: medium solid #efefef;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #efefef;
}
.timeline .right::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid #efefef;
	border-width: 10px 10px 10px 0;
	border-color: transparent #efefef transparent transparent;
}
.timeline .right::after {
	left: -12px;
}
.timeline .content {
	position: relative;
	padding: 20px 30px;
	background-color: #efefef;
	border-radius: 6px;
}
.timeline .content h3 {
	margin: 0;
}
.timeline .content p {
	margin: .5rem 0 0;
	max-width: 100%;
	letter-spacing: 0;
}

@media screen and (max-width: 600px)
{
	.timeline {
		padding-bottom: 0;
	}
	.timeline::after {
		left: 28px;
	}
	.timeline .container {
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}
	.timeline .container::after {
		top: 20px;
	}
	.timeline .container.left,
	.timeline .container.right {
		left: 0;
		padding: 5px 10px 25px 70px;
		text-align: left;
	}
	.timeline .container.left::after,
	.timeline .container.right::after {
		left: 15px;
	}
	.timeline .container.left::before,
	.timeline .container.right::before {
		right: auto;
		left: 60px;
		border: medium solid #efefef;
		border-width: 10px 10px 10px 0;
		border-color: transparent #efefef transparent transparent;
	}
}



/* JOBS */
#jobs-frm {
	display: none;
}

/* RECTANGULAR DRUMS */
.rectangular-drums em {
	display: block;
	margin-bottom: 3rem;
	font-size: .9rem;
}
.video-rectangular {
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 0
}
.rectangular-login {
	position: fixed;
	width: 350px;
	height: 300px;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -175px;
	padding: 25px;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #fff;
	-webkit-box-shadow: 5px 5px 8px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 8px -1px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 8px -1px rgba(0,0,0,0.3);
	border-radius: 10px;
	z-index: 100000;
}
.rectangular-login p.error {
	display: none;
	font-size: 11px;
	color: #CB2E3E;
}
.blur {
	-webkit-filter: blur(30px);
	-moz-filter: blur(30px);
	-o-filter: blur(30px);
	-ms-filter: blur(30px);
	filter: blur(30px);
}
body.lock {
	height: 100%;
	overflow: hidden !important;
}
.rectangular-drums .btn {
	margin: 0;
	outline: 0;
}
.rectangular-overlay {
	position: fixed;
    opacity: 1;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    background: rgba(0, 0, 0, 0.5);
}
.rectangular-drums figure {
	margin: 0;
	padding: 0;
}
.features-list {
	list-style-type: none;
	list-style: none;
}
.features-list li {
	margin-bottom: 1rem;
}
.features-list li img {
	margin-right: 10px;
	max-width: 26px;
	display: inline-block;
}


/* STORIES */
.stories-content {
	position: relative;
	padding: 2rem 0;
}
.side-nav.sticky {
	position: fixed;
	top: 78px;
}
.stories-content .add img {
	width: 100%;
}
.stories-content h2 {
	font-size: 1.1rem;
	line-height: 1.2;
	font-weight: 700;
}
.stories-content h2.nopad {
	padding: 0;
	margin: 0;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
.stories-content .column {
	padding: 2rem;
	padding-bottom: 0;
}
.stories-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.stories-content li {
	padding: 6px 0;
}
.stories-content ul li a {
	display: block;
	color: #333;
	text-decoration: none;
	transition: all .2s ease-out;
}
.stories-content ul li a.active,
.stories-content ul li a:hover {
	color: #00aeef;
}
.stories-content .column a {
	display: block;
	text-decoration: none;
	transition: all .2s ease-out;
}
.stories-content .column a.btn {
	display: inline-block;
	transform: none;
	margin: 1rem 0;
}
.no-touch .stories-content .column a:hover {
	transform: translateY(-10px);
	opacity: 0.75;
}
.no-touch .stories-content .column a.btn:hover {
	transform: none;
	opacity: 1;
}
.stories-content .column a p,
.stories-content .column p.video_intro {
	color: #757575;
	font-size: 0.9rem;
}
.stories-content .column a p strong {
	color: #555;
}
.stories-content .column a h2 {
	color: #333;
}
.stories-content .column p.info {
	font-size: 0.8rem;
}


/* TOGGLE-TEMPLATE (downloads, faq...) */
.toggleTemplate {
	padding: 2rem 0;
	min-height: 800px;
}
.toggleTemplate .side-nav a {
	color: #333;
	transition: all .2s ease-out;
}
.toggleTemplate .side-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.toggleTemplate .side-nav li {
	padding: 6px 0;
}
.toggleTemplate a:hover,
.toggleTemplate a.active {
	color: #00aeef;
	text-decoration: none;
}
.toggleBlocks .column {
	display: none;
}


/* DOWNLOADS */
.downloads ul.list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.downloads ul.list li {
	margin-bottom: 2rem;
}
.downloads .pdf-icon {
	margin-left: 10px;
	width: 13px;
}
.downloads p {
	margin-top: 0;
}


/* VACATURES */
.vacatures {
	max-width: 40rem;
	margin: 2rem auto;
}
ul.vacatures li a {
	font-weight: bold;
}


/* TEAM */
.team-content {
	padding: 2rem 0;
}
.team-content .column {
	padding: 30px;
	text-align: center;
	min-height: 423px;
}
.team-content .headshot {
	border-radius: 50%;
	border: 1px solid #efefef;
}
.team-content .linkedin {
	display: block;
	text-decoration: none;
	padding-top: 10px;
	text-align: right;
}
.team-content h3 {
	color: #2bb0e9;
	margin-bottom: 0;
}
.team-content p {
	color: #333;
	font-size: 0.9rem;
	margin-top: 0;
}
.team-content .team-email {
	color: #35B1E6;
	font-size: .8rem;
	text-align: center;
	margin: 0 auto;
}

/* LEADERSHIP */
.leadership-content {
	padding: 2rem 0;
}
.leadership-content h1 {
	font-size: 3rem;
	text-align: left;
	line-height: 1;
	width: 100%;
	margin: 2rem 0;
	color: #00aeef;
}
.leadership-content .member {
	text-align: center;
}
.leadership-content .member img {
	object-fit: cover;
	width: 100%;
	height: 160px;
	margin-bottom: 1rem;
}

.leadership-content .member h3,
.leadership-content .member h4 {
	margin: 0;
}
.leadership-content .member h3 {
	color: #00aeef;
	font-size: 1.1rem;
}
.leadership-content .member h4 {
	font-weight: 400;
}
.leadership-content .member a {
	color: #323232;
}
.leadership-content .member a.toggle-bio {
	color: #00aeef;
	cursor: pointer;
}
.leadership-content .member div.bio {
	display: none;
}
.leadership-content .member div.bio p {
	margin: 0;
	padding-bottom: 1rem;
	font-size: .95rem;
}



/* SEARCH RESULTS */
.banner.search {
	height: 0;
}
.search-results {
	padding: 2rem 0;
	min-height: 800px;
}
.search-results span.highlight {
	/*background-color: #ddd;*/
	font-weight: bold;
}
.search-results ul.faq_results h3 span.highlight,
.search-results div.faq_results h3 span.highlight {
	background-color: #ddd;
	padding: 0.2rem;
	/*margin: 0 0.2rem 0 0;*/
}
.search-results a {
	color: #00aeef;
}
.search-results h1 {
	font-size: 3rem;
    text-align: left;
    line-height: 1;
    width: 100%;
    max-width: 40rem;
    margin-bottom: 2rem;
    color: #00aeef;
    margin-top: 1rem;
}
.search-results ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.search-results li {
	margin: 1rem 0;
}


/* FOOTER */
.main-footer {
    position: relative;
    width: 100%;
    background: #222;
    padding-bottom: 3rem;
    padding-top: 1rem;
}
.main-footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.main-footer li,
.main-footer p {
	font-size: .9rem;
	color: #818181;
}
.main-footer li a,
.main-footer p a {
	color: #818181;
	text-decoration: none;
	font-size: .9rem;
	transition: color .2s ease-out;
}
.main-footer li a:hover,
.main-footer p a:hover {
	color: #fff;
	text-decoration: none;
}
.main-footer h4,
.main-footer h4 a {
	color: #fff;
	text-decoration: none;
}
.main-footer .subscribe {
	border: 0;
	height: 39px;
    width: 250px;
    padding-left: 10px;
    vertical-align: bottom;
    font-size: 0.9rem;
    outline: 0;
}
.main-footer .submit {
	height: 39px;
	margin: 0;
	border-radius: 0;
	outline: none;
	border: 0;
}
.main-footer .contact {
	margin-top: 14px;
}
.main-footer .submit:hover {
	cursor: pointer;
}
.main-footer .pad {
	padding-left: 12rem;
}
::-webkit-input-placeholder {
	font-style: italic;
}
::-moz-placeholder {
	font-style: italic;
}
:-ms-input-placeholder {
	font-style: italic;
}
:-moz-placeholder {
	font-style: italic;
}
.sub-footer {
	position: relative;
	width: 100%;
	background: #000;
	padding: 1rem 0;
}
.sub-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.9rem;
}
.sub-footer ul.pad {
	margin-top: 12px;
}
.sub-footer ul li {
	display: inline;
	margin-right: 10px;
}
.sub-footer ul li:last-child {
	margin: 0;
}
.sub-footer li a {
	color: #fff;
	text-decoration: none;
	opacity: 0.5;
	transition: opacity .2s ease-out;
}
.sub-footer li a:hover {
	opacity: 1;
}
.main-footer h5 {
	margin-top: 0px;
	margin-bottom: 0;
	color: #999;
}
.main-footer.cr h4 {
	margin-bottom: 0;
}
.main-footer .round {
	margin-top: 2rem;
	border-radius: 50%;
	max-width: 150px;
}
#gmp {
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.6;
	margin-top: 22px;
}
.gmp {
	display: inline-block;
	background: #fff;
	color: #000;
	padding: 4px 4px 3px;
	line-height: 1;
}
.gmp.invert {
	background: #000;
	color: #fff;
}

/* MAP */
#map {
	width: 100%;
	height: 600px;
}
#map h2 {
	color: #00aeef;
	font-size: 1.2rem;
}
#map p {
	color: #333;
}

/* VIDEOS */
.callout {
    position: relative;
    overflow: hidden;
    height: 600px;
    margin-bottom: 1rem;
}
.callout.xmas {
	height: 900px;
}
.callout.small {
	height: 566px;
}
.callout .btn {
	display: block;
	/*
	max-width: 210px;
	margin: 0 auto;
	margin-top: 2rem;
	background: #fff;
	color: #00aeef;
	border-color: #fff;
	*/
}
/*
.no-touch .callout .btn:hover {
	background: #00aeef;
	color: #fff;
	border-color: #00aeef;
}
*/
.video-bg,
.video-overlay,
.video-overlay-cannabinoids,
.video-overlay-coffee,
.video-overlay-moisture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}
.video-overlay,
.video-overlay-cannabinoids,
.video-overlay-coffee,
.video-overlay-moisture {
    background: rgba(0,0,0,0.65);
    pointer-events: none; /* Allows right clicking on the video to pause etc */
}
.video-overlay-cannabinoids {
	background: rgba(0,0,0,0.35);
}
.video-overlay-moisture {
	background: rgba(0,0,0,0.15);
	display: none;
}
.careers-home .video-overlay {
	background: rgba(0,0,0,0.45);
}
.xmas .video-overlay {
	background: rgba(0,0,0,0.35);
}
.video-bg video {
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
.callout-content {
    position: relative;
    text-align: center;
    margin: 50px 0; /* This adds some space around the video */
    color: #FFF;
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
}
.callout-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	max-width: 400px;
    transform: translate(-50%, -50%);
    text-align: center;

}
.callout-inner h1,
.callout-inner p {
	color: #fff;
}
.callout-inner h1 {
	font-size: 3.4rem;
    line-height: 1.2;
    font-weight: 700;
    /*letter-spacing: -1px;*/
}
.callout p {
	margin: 0;
}


/* ABOUT CURTEC */
body > div.wrapper > section.about-curtec > section.banner,
body > div.wrapper > section.a-propos-de-curtec > section.banner,
body > div.wrapper > section.uber-curtec > section.banner,
body > div.wrapper > section.over-curtec > section.banner,
body > div.wrapper > section.acerca-de-curtec > section.banner
 {
	display: none;
}
body > div.wrapper > section.callout > div.callout-inner > p > a {
	color: #fff;
	text-decoration: none;
}
body > div.wrapper > section.callout > div.callout-inner > p > a:hover {
	color: #00aeef;
}

/* CAREERS */

/* us-production banner --- staat nu ook op home-packaging... en zelfs op boxes met dezelfde 'packaging' class */
.banner.us-production {
	background: #fff url('../uploads/careers/banner-US-production-06.jpg');
	background-position: center bottom;
	height: 600px;
	margin-bottom: 1rem;
}
.banner.us-production .copy {
    text-align: center;
    position: relative;
    top: 3rem;
}
.banner.us-production.packaging .copy {
	top: 13rem;
}
.banner.us-production h2 {
	font-size: 2.3rem;
    line-height: 1.2;
    max-width: 100%;
    text-align: center;
    color: #fff;
    margin: 0 0 .5rem 0;
    font-weight: 700;
    letter-spacing: -1px;
}
.banner.us-production .overlay {
	background: rgba(0,0,0,0.3);
	transition: .3s ease-out;
}
.banner.us-production .overlay:hover {
	background: rgba(0,0,0,0.4);
}
.banner.us-production p {
	max-width: 30%;
	font-size: 1rem;
	text-align: center;
	margin: 0 auto;
	margin-top: 1rem;
}
.banner.us-production.packaging p {
	max-width: 60%;
	font-size: 1.2rem;
}

/* us-production 2023 */
.banner.us-production-2023 {
	height: 600px;
	background: #fff url('../uploads/blog/CurTec-USA/Grand-opening-CurTec-USA-1600.jpg');
	background-position: center;
	margin-bottom: 1rem;
	margin-top: 1rem; 
}
.banner.us-production-2023 .overlay {
	background: rgba(0,0,0,0.2);
	transition: .3s ease-out;
}
.banner.us-production-2023 .overlay:hover {
	background: rgba(0,0,0,0.3);
}
.banner.us-production-2023 .copy {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	margin: 0;
	text-align: center;
}
.banner.us-production-2023 .copy h2 {
	color: #fff;
	max-width: 100%;
	font-size: 2.3rem;
	font-weight: 700;
}

/* us-production video (home) */
.callout.us-production h2 {
	font-size: 2.3rem;
    line-height: 1.2;
    max-width: 100%;
    text-align: center;
    color: #fff;
    margin: 0 0 .5rem 0;
    font-weight: 700;
    letter-spacing: -1px;
}
.callout.us-production p {
	font-size: 1.2rem;
	text-align: center;
	margin: 0 auto;
	margin-top: 1rem;
}
.callout.us-production .btn {
	display: inline-block;
}


/* careers-about */
.careers-about {
	position: relative;
	padding: 2rem 0;
	background: #fff;
}
.careers-about h2 {
	font-size: 3rem;
    text-align: left;
    line-height: 1;
    width: 100%;
    max-width: 40rem;
    margin: 2rem auto;
    margin-bottom: 2rem;
    color: #00aeef;
    margin-top: 1rem;
}
.careers-about p,
.careers-about ul {
	text-align: left;
    font-size: 1rem;
    max-width: 40rem;
    width: 100%;
    margin: 2rem auto;
    margin-top: 0;
}
.careers-about ul {
	padding: 0;
	padding-left: 1.1rem;
}
.careers-about h3 {
	text-align: center;
	font-size: 1.2rem;
	color: #00aeef;
	line-height: 1;
	margin-bottom: 1rem;
}
.careers-about .column {
	text-decoration: none;
	padding-bottom: 0;
	transition: all .2s ease-out;
	padding: 3.4rem;
	padding-bottom: 0;
}
.careers-about .lineup p {
	text-align: center;
	max-width: 300px;
	line-height: 1.2;
}
.banner.packaging-scan {
	height: 600px;
	background: url('../uploads/banners/banner-packaging_scan.jpg') no-repeat;
}
.banner.group {
	height: 600px;
	background: url('../uploads/banners/banner-group3.jpg') center no-repeat;
}
.careers-about.back {
	background: #efefef;
	background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #efefef 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0);
}
.careers-about .btn:hover {
	border-color: #00aeef;
}

/* vacancies */
.vacancies-list .excerpt {
	color: #757575;
    font-size: 0.9rem;
}
.vacancies-list h4 {
    font-size: 1.8rem;
    line-height: 1.2;
    margin-bottom: 1rem;
}
.vacancies-list ul li a {
	color: #323232;
	text-decoration: underline;
}

.career-videos video,
.career-video {
	width: 100% !important;
	height: auto !important;
	transition: opacity .2s ease-out;
}
.career-videos video:hover {
	opacity: 0.85;
	cursor: pointer;
	outline: none;
}
.career-videos .column {
	padding: 6px;
	padding-bottom: 0;
}
#career-videos-slider .slick-slide {
	margin-right: 20px;
}
.slick-initialized .slick-slide {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
}
#careers-video-slider h4 {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0;
	margin-top: 1rem;
	color: #555;
}
#careers-video-slider h5 {
	margin: 0 auto;
	text-align: center;
	margin-top: 0;
	margin-bottom: 2rem;
	color: #999;
}
.pagingInfo {
	text-align: center;
	margin-left: 1rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
	color: #666;
	font-size: 0.9rem;
}
.slick-slider figure {
	margin: 0 1rem;
}
.slick-slider figcaption {
	margin-left: 0;
	margin-top: 0.5rem;
}
.slick-prev, .slick-next {
	background: #fff;
}
.slick-prev:before, .slick-next:before {
	color: #333;
}


/* MOBILENAV */
.hamburger {
	display: none;
    width: 40px;
    height: 25px;
    position: absolute;
    top: 20px;
    right: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 3000;
}
.main-header .back {
	position: absolute;
	display: none;
	opacity: 0;
	top: 16px;
	right: 4px;
	width: 40px;
	height: 40px;
	z-index: 3001;
	cursor: pointer;
}
.main-header .back span {
	display: block;
	position: absolute;
	height: 3px;
	width: 50%;
	background: #fff;
}
.main-header .back span:nth-child(1) {
    top: 12px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.main-header .back span:nth-child(2) {
    top: 24px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.hamburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    z-index: 200;
}
.hamburger.open span {
	left: 0;
	z-index: 200;
}
.hamburger span:nth-child(1) {
    top: 2px;
}
.hamburger span:nth-child(2) {
    top: 14px;
}
.hamburger span:nth-child(3) {
    top: 26px;
}
.hamburger.open span:nth-child(1) {
    top: 14px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.hamburger.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}
.hamburger.open span:nth-child(3) {
    top: 14px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.mobilenav {
	display: none;
	opacity: 0;
	position: fixed;
	top: 70px;
	left: 0;
	width: 100%;
	width: 100vw;
	height: 100%;
	z-index: 2000;
	background: rgba(51, 51, 51, .97);
	padding-top: 2rem;
	padding-bottom: 8rem;
	overflow: scroll;
	-webkit-transform: translateZ(0px);
	-webkit-transform: translate3d(0,0,0);
	-webkit-perspective: 1000;
	-webkit-overflow-scrolling: touch;
}
.mobilenav .first {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	margin: 0px auto;
	margin-top: -50px;
}
.mobilenav .first li a {
	width: 100%;
	color: #fff;
	text-decoration: none;
	font-weight: 300;
	font-size: 1.6rem;
    display: block;
    width: 100%;
	padding: 12px 0;
	opacity: 0;
	font-family: 'Noto Sans', sans-serif;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	transition: all .3s ease-out;
}
.mobilenav .first li a.active {
	color: #009cdf;
}
.mobilenav .first li:last-child a {
	border: 0;
}
.mobilenav .language {
	position: relative;
	margin: 0 auto;
	margin-top: 80px;
	text-align: center;
	z-index: 101;
}
.mobilenav .language ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobilenav .language li {
	display: inline;
}
.mobilenav .language li a {
	display: inline-block;
	font-size: 1.2rem;
	width: 50px;
	height: 50px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	background: transparent;
	padding: 6px 10px;
	transition: all .3s ease-out;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 50%;
	line-height: 1.8;
}
.mobilenav .language li a.active,
.no-touch .mobilenav .language li a:hover,
.no-touch .mobilenav .first li a:hover  {
	background: #009cdf;
}
.mobilenav .language li a:last-child {
	margin: 0;
}
.mobile-panel {
	position: fixed;
	top: 70px;
	left: 100%;
	width: 100%;
	width: 100vw;
	height: 100%;
	z-index: 2000;
	background: rgba(255, 255, 255, 1);
	padding-top: 2rem;
	padding-bottom: 8rem;
	overflow: scroll;
	-webkit-transform: translateZ(0px);
	-webkit-transform: translate3d(0,0,0);
	-webkit-perspective: 1000;
	-webkit-overflow-scrolling: touch;
}
.mobile-panel h5 {
	margin-bottom: 0;
}
.mobile-panel .column a {
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #333;
    text-transform: capitalize;
    padding-top: 2rem;
    padding-bottom: 2rem;
    transition: background .2s ease-out;
    font-size: 0.9rem;
}
.mobile-panel .panel a img {
	height: 60px;
}
.mobile-panel .panel span.new_label {
	font-size: 0.75rem;
	color: red;
}
.mobile-panel .second {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	margin: 0px auto;
}
.mobile-panel .second li a {
	width: 100%;
	color: #999;
	text-decoration: none;
	font-weight: 300;
	font-size: 1.6rem;
    display: block;
    width: 100%;
	padding: 12px 0;
	font-family: 'Noto Sans', sans-serif;
	border-bottom: 1px solid #efefef;
	transition: all .3s ease-out;
}
.mobile-panel .second li a.active,
.no-touch .mobile-panel .second li a:hover {
	color: #333;
}
.mobile-panel .second li:last-child a {
	border: 0;
}
/*subsub*/
.mobile-panel .second li ul.subsub {
	list-style: none;
	padding: 0;
	margin-bottom: 1rem;
}
.mobile-panel .second li ul.subsub li a {
	border: 0;
	padding: 5px 0;
	font-size: 1.2rem;
}




/* GDPR */
#gdpr {
	position: fixed;
	display: none;
	opacity: 0;
	bottom: 0;
	width: 100%;
	background: #00aeef;
	z-index: 1000;
}
#gdpr p {
	position: relative;
	color: #fff;
	font-size: 16px;
	padding: 5px;
	margin-left: 20px;
}
#gdpr a {
	color: #fff;
	text-decoration: underline;
}
#gdpr .btn {
   position: absolute;
   right: 20px;
   top: -5px;
   margin: 0;
   display: inline-block;
   min-width: 40px;
   border: 1px solid #FFF;
   line-height: 24px;
   padding: 10px 20px;
   color: #FFF;
   font-size: 16px;
   text-decoration: none;
   transition: .2s all;
}
#gdpr .btn:hover {
	background: #fff;
	color: #00aeef;
}


/* CONTACT FORM / GENERIC FORM */
.contact-overlay,
.generic-overlay,
.subscribe-overlay {
	position: fixed;
	opacity: 0;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3001;
	background: rgba(0, 0, 0, 0.85);
}
.contact-overlay .contact-close,
.generic-overlay .generic-close,
.subscribe-overlay .generic-close  {
	position: absolute;
    top: 2rem;
    right: 40px;
	z-index: 3002;
}
.pages-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
}
.pages-iframe.contact,
.pages-iframe.generic,
.pages-iframe.subscribe {
	overflow: auto;
	height: 75vh;
}
.contact-overlay .row,
.generic-overlay .row,
.subscribe-overlay .row  {
	max-width: 40rem;
}
.captcha {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .75);
	display: block;
}
.captcha .centerClass {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	text-align: center;
	transform: translate(-50%, -50%);
}
.captcha input {
	max-width: 160px;
}

iframe {
	max-width: 100%;
}
figure {
	display: inline-block;
}
figcaption {
	font-style: normal;
    font-size: .8rem;
    text-align: left;
    margin-top: 0px;
}


/* INPUT */
input[type="text"],
input[type="email"],
input[type="password"] {
	display: block;
    width: 100%;
    height: 2.4375rem;
    padding: 6px 10px;
    border: 1px solid #ddd;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #555;
    background-color: #fff;
    border-radius: 0;
    transition: border-color .25s ease-in-out;
    -webkit-appearance: none;
    outline: none;
    line-height: 1.2;
}
select {
	margin-bottom: 1rem;
	border: 1px solid #ccc;
	padding: 4px;
}
textarea {
	width: 100%;
	border-radius: 0;
	resize: none;
	outline: 0;
	border: 1px solid #ddd;
	padding: 11px 10px;
	margin-bottom: .5rem;
    font-family: inherit;
    font-size: 1rem;
    color: #555;
	transition: border-color .25s ease-in-out;
}
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
	border-color: #00aeef;
}
input[type="checkbox"] + label span,
input[type="radio"] + label span {
  	display: inline-block;
  	width: 23px;
  	height: 23px;
  	margin-right: 10px;
  	vertical-align: middle;
	background: url('../img/checkbox.png') -24px top no-repeat;
  	cursor: pointer;
}
input[type="radio"] + label span {
	background: url('../img/radio.png') -24px top no-repeat;

}
input[type="checkbox"]:checked + label span {
	background: url('../img/checkbox.png') 0 top no-repeat;
}
input[type="radio"]:checked + label span {
	background: url('../img/radio.png') 0 top no-repeat;
}
label {
	display: inline-block;
	margin-bottom: 4px;
	font-size: .9rem;
}
.has-error {
	border-color: red;
}
.error-message {
	color: red;
	margin-left: 4px;
}

/* Formspree forms */
div.formspree-wrap {
	background-color: #f8f8f8;
	padding: 2rem;
	margin-bottom: 2rem;
}
div.formspree-wrap .btn {
	margin-bottom: .5rem;
}


/* !MEDIA */
@media only screen and (max-width: 1600px) {
	.video-bg video {
		max-width: fit-content;
	}
}

@media only screen and (min-width: 1200px) {
	.x-y-center {
		min-width: 90%;
	}
}

@media only screen and (max-width: 1200px) {
	.fixed-packaging,
	.fixed-packaging-lineup,
	.fixed-boxes {
		width: 1200px;
	}
	.banner.rectangular-home .copy {
		margin-top: 6rem;
		padding-right: 5rem;
	}
	.banner.new .copy {
		left: 2rem;
	}
}


@media only screen and (max-width: 1081px) {

	.main-header .topnav {
		display: none;
	}
	.hamburger {
		display: block;
	}
	.product_landing .text-block {
		padding-top: 2rem;
	}
	.main-footer .pad {
	    padding-left: 1rem;
	}
	#gdpr .btn {
		position: relative;
		right: 0;
	}
	
	div.product-solutions {
		grid-template-columns: repeat(2, 1fr);
	}
}


@media only screen and (min-width: 1025px) {
	.parallax-spacer.packaging {
		margin-top: 615px; /* owx fixed parallax top */
	}
	.parallax-spacer.packaging.v2 {
		margin-top: 820px; /* owx fixed parallax top */
	}
	.parallax-spacer.packaging.v3 {
		margin-top: 616px; /* owx fixed parallax top */
	}
	.parallax-spacer.boxes {
		margin-top: 496px; /* owx fixed parallax top */
	}
}

@media only screen and (max-width: 1024px) {
	.fixed-packaging,
	.fixed-packaging-lineup,
	.fixed-boxes {
		position: relative;
		width: auto;
		top: 0;
	}
	.boxes-copy p {
		max-width: 100%;
	}
	.product-description .box {
		min-height: 378px;
	}
	.product-description .scene, .product-description .brand {
		width: 504px;
		height: 378px;
	}
	.product-description .box h3 {
		font-size: 2rem;
	}
	#lidlocker-drums .copy {
		margin-left: 2rem;
	}
	.side-nav {
		position: relative !important;
		padding-left: 1rem;
	}
	.side-nav.sticky {
		top: 0;
	}
	.nopad {
		max-width: 265px;
		line-height: 1.2;
	}
	
	.divided .rpad .overlay,
	.divided .lpad .overlay {
		width: 100%;
		margin: 0;
	}
	

}

@media only screen and (min-width: 960px)
{
	/* product detail nav sticky (op Large) */
	.product-sticky {
		position: fixed;
		top: 70px;
		left: 0;
		right: 0;
		z-index: 9;
		
		height: 165px;
		width: 100%;
		max-width: 1600px;
		margin: 0 auto;
	}
	.product-sticky.shadow {
		box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.1);
	}
	.product-detail {
		padding-top: 175px; /* owv .product-sticky */
	}
}
@media only screen and (max-width: 959px)
{
	.product-sticky .scrollnav {
		float: none;
	}
	.product-sticky .scrollnav li {
		margin: 0;
		display: block;
		border-bottom: 1px solid #eee;
	}
	.product-sticky .scrollnav li:last-child {
		border-bottom: none;
	}
	.product-sticky .scrollnav li a,
	.product-sticky .scrollnav li a:hover {
		display: block;
		padding: .5rem 0;
		border: none;
	}
	
	/* moisture video banner > custom overlay bg */
	.callout.moisture div.custom-bg {
		display: none;
	}
}

@media only screen and (max-width: 768px) {

	.captcha .centerClass {
		top: 10%;
		transform: translate(-50%, -10%);
	}
	
	.biobased .copy,
	.holidays .copy,
	.lid-locker-202104 .copy,
	.kiuso-202012 .copy,
	.ocean-202111 .copy,
	.energy .copy {
		top: 8rem;
	}
	
	.fixed-packaging,
	.fixed-packaging-lineup,
	.fixed-boxes {
		left: 0;
	}
	
	.fixed-packaging-lineup.v2 .lineup-copy h1 {
		font-size: 1.6rem;
	}
	.fixed-packaging-lineup.v2 .lineup-copy p {
		font-size: 1rem;
	}
	
	.fixed-packaging-lineup.v3 h1,
	.fixed-packaging-lineup.v3 p {
		font-size: 1.2rem;
	}
	
	.fold-pack-2025 .copy {
		width: 90%;
	}
	
	.banner.rectangular-home .copy {
		margin-top: 6rem;
		padding-right: 2rem;
	}
	.banner.rectangular-home h3 {
		font-size: 2rem;
	}
	.energy h2 {
		font-size: 2rem;
	}
	
	.banner.new .copy {
		position: absolute;
		top: 1rem;
		left: 1rem;
		text-align: left;
	}
	.banner.voyage .copy {
		top: 2rem;
		left: 2rem;
	}
	.lid-locker h2 {
		font-size: 2rem;
		top: 0;
		left: 2rem;
	}
	.italy h2 {
		font-size: 2rem;
		top: 0;
		right: 2rem;
	}
	.banner.agriculture .copy {
		top: 3rem;
	}
	.banner.agriculture .copy p {
		max-width: 90%;
	}
	.rpad, .lpad {
		padding: 0 !important;
	}
	
	/* product group pages (product-overview) */
	.banner.rectangular-drums .copy {
		margin-right: 0;
		margin-top: 2rem;
	}
	.product-description .scene, .product-description .brand {
		width: 336px;
		height: 242px;
	}
	.product-description .box {
		min-height: 282px;
		padding: 20px;
	}
	.product-description .box h3 {
		font-size: 2rem;
	}
	.product-description .box p {
		font-size: 0.9rem;
	}
	.product-description .box a {
		font-size: 0.9rem;
	}
}


@media only screen and (max-width: 640px) {
	.covid {
		display: none;
	}
	.fixed-packaging,
	.fixed-packaging-lineup.v2 {
		top: 40px;
	}
	.x-y-center {
		min-width: 90%;
	}
	.sub-footer {
		text-align: center;
	}
	.sub-footer .text-right {
		text-align: center;
		margin-top: 2rem;
	}
	#gdpr .btn {
		margin-top: 2rem;
	}
	.packaging-copy h1 {
		font-size: 2rem;
		padding: 0 1rem;
		line-height: 1.2;
	}
	.boxes-copy h1 {
		font-size: 1.8rem;
		padding: 0 .5rem;
		line-height: 1.1;
	}
	.boxes-copy p {
		font-size: 1rem;
	}
	.packaging-copy h2,
	.boxes-copy h2 {
		padding: 0 1rem;
		padding-top: 1rem;
		font-size: 1.6rem;
		line-height: 1.2;
	}
	.product-description .column {
		padding: 0 1rem;
		min-height: 280px;
	}
	.banner.new h2,
	.banner.voyage h2 {
		font-size: 2rem;
	}
	.banner.new .copy {
		top: 6rem;
	}
	.banner.new .overlay {
		background: rgba(0, 0, 0, 0.4);
	}
	.banner {
		height: 400px;
	}
	.banner .overlay {
		background: rgba(0, 0, 0, 0.4);
	}
	.banner .copy.y-center { /* wordt hier een x-y-center */
		position: absolute;
		right: auto;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 90%;
		text-align: center;
	}
	.banner .copy.y-center h2 {
		max-width: initial;
	}
	.banner h2,
	.banner-video h2 {
		line-height: 1.2;
	}
	.banner p {
		max-width: 100%;
	}
	.banner.wide-neck-drums .copy {
		margin-top: 2rem;
	}
	.banner.wide-neck-drums .copy h2 {
		font-size: 2rem;
		line-height: 1.2;
	}
	.banner.packo-uv-safe .copy,
	.banner.eco-lite-drums .copy {
		float: none;
		margin-top: 0;
		margin-right: 0;
	}
	.product-description .scene, .product-description .brand {
		width: 400px;
		height: 300px;
	}
	.product-description .box {
		min-height: 300px;
	}
	#lidlocker-drums {
		height: 700px !important;
	}
	#lidlocker-drums .overlay {
		background: rgba(0, 0, 0, 0) !important;
	}
	.banner h2,
	.banner-video h2,
	.callout.coffee h1,
	.divided .bulk_3d .overlay .copy h2,
	.divided .bulk_cell .overlay .copy h2,
	.divided .fp32 .overlay .copy h2,
	.divided .fp46 .overlay .copy h2 {
		font-size: 2rem !important;
	}
	.banner.total-opening-drums .copy {
		margin-top: 4rem;
	}
	.banner.conductive-drums {
		background-position: -120px;
	}
	.banner.conductive-drums h1,
	.banner.conductive-drums h2 {
		color: #fff;
	}
	.banner.conductive-drums h1 {
		padding-left: 0;
	}
	#icon-conductive {
		display: none;
	}
	.banner.duo-pack,
	.banner.click -pack {
		background-position: -830px;
	}
	.corporate-social-responsibility .banner {
		background-position: -600px;
	}
	.stories-detail h1,
	.text-block h1,
	.career-videos h1 {
		font-size: 2rem;
	}
	.ecovadis h2,
	.terracycle h2 {
		font-size: 2rem;
	}
	.holidays .copy,
	.lid-locker-202104 .copy {
		top: 6rem;
	}
	.kiuso-202012 .copy {
		top: 4rem;
	}
	.ocean-202111 .copy {
		top: 2rem;
	}
	.energy .copy,
	.sustainability .copy {
		top: 2rem;
	}
	.banner.ocean .copy {
		top: 0;
		margin-top: 1rem;
	}
	.banner.ocean .svg {
		width: 150px;
		height: 150px;
	}
	.banner.fold-pack-2023 {
		height: 500px;
	}
	.banner.fold-pack-2023 .copy svg {
		width: 60px;
	}
	.banner.us-production .copy {
		top: 2rem;
	}
	.banner.us-production p {
		max-width: 90%;	
	}
	.sustainability h2 {
		font-size: 1.6rem;
	}
	.sustainability p {
		font-size: 1rem;
		margin: 10px 0;
	}
	.sustainability .btn {
		margin: 0;
	}
	
	.text-block table {
		min-width: auto;
	}
	.banner.kiusohp .btn {
		display: none;
	}
	
	div.product-solutions {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media only screen and (max-width: 540px)
{
	.contact-top.btn {
		display: none;
	}
	.breadcrumb li {
		font-size: 13px;
	}
	.product-sticky h1 {
		font-size: 1.5em;
	}
	.fixed-packaging-lineup .lineup-copy h1 {
		font-size: 1.2rem;
	}
	.fixed-packaging-lineup .lineup-copy p {
		font-size: 1rem;
	}
	.fixed-packaging-lineup ul.product_cats li a.btn {
		margin: .5rem;
		padding: 5px 10px;
	}
	
	.boxes-copy h1 {
		font-size: 1.6rem;
	}
	.boxes-copy p {
		font-size: .9rem;
	}
	
	.banner.sustainability-hp p {
		max-width: 90%;
	}
	.banner.us-production.packaging .copy {
		top: 4rem;
	}
	.banner.rectangular-home .copy {
		width: 90%;
		text-align: right;
	}
	
	#productFilters ul {
		text-align: left;
	}
	#productFilters ul li {
		display: block;
	}
	#productFilters ul li label {
		padding: .5rem;
	}

}