.sub-shop #page {
	padding-top: 80px;
}

:root {
	--dark-blue: rgb(0,30,43);
	--blue: rgb(19,51,64);
	--green: #92a28e;
	--beige:  rgb(255,242,194);
	--light-gray: rgb(210,210,210);

	--header-height: 86px;

	--space-small: 5px;
	--space-medium: 15px;
	--space-large: 25px;
	--space-xl: 50px;
	--space-xxl: 100px;
	--space-xxxl: 150px;

	--container--max-width: 1300px;
	--text-block-width: 700px;

	    --container_width: 1500px;
    --container_wide_width: calc(100svw - 5vw);
    --container_small_width: 1500px;

    --space_small: 15px;
    --space_medium: 25px;
    --space_large: 75px;


}

* {box-sizing: border-box; position: relative;}

*:focus {
    outline: 0px transparent !important;
}

.preload, .preload * {
	transition: 0s !important;
}

.beschikbaarheid.green {
    color: #23b73b;
}

.beschikbaarheid.orange {
    color: orange;
}

html, body {
	width:100%;
	margin:0px;
	padding:0px;
	font-family: raleway, sans-serif;
	font-size: 14px;
	line-height: 18px;
	background: #f5f5f5;
	color: black;
}

body>pre {
	display: none;
}
.wf-loading { visibility: hidden;}

h1,h2,h3,h4 {
	padding: 0px;
	margin: 0px;
	line-height: normal;
	font-family: "hero-new", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 150%;
}

a>h3 {
	text-decoration: none;
	color: initial;
}

.pic-container, .prdct-container {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.prices {
    display: inline-block;
    margin: 0px 2.5px;
    margin-left: 15px;
    vertical-align: middle;
    text-align: left;
}

#page {
	padding: 0px 10px;
}

.row {
    display: flex;
    margin: 10px 0px;
    column-gap: 20px;
}

#askPassword {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 500px;
    text-align: center;
}

#askPassword input {
	width: 100%;
}

.readmore {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    color: black;
    background: linear-gradient(0deg, #ffffff, transparent);
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.space-between {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#deelnemers .eigenschap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
}

.double .eigenschap input,.double .eigenschap select, .double .eigenschap textarea {
	width: 100%;
}

hr {
    height: 1px;
    border: none;
    background: #ccc;
    margin: 7.5px 0px;
}

.pic-container>div {
    max-width: calc(600px - 5vh);
    width: calc(100% - 5vh);
    display: block;
    margin: 0px auto;
    padding: 2.5vh;
}

.pic-container {
	top:  30px;
	position: sticky;
}

.no-img {
    background: white;
    width: 100%;
}

.no-img img {
    width: 250px;
    display: block;
    max-width: 100%;
}

.no-img>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    opacity: 0.5;
}

.no-img:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}


.slick-pic.slick-no-bg .slick-slide {
	background: none;
}

.slick-thumbs {
	margin-top: 10px;
}

.eigenschap:has(+ .eigenschap h2) {
    margin-bottom: 15px;
}

.eigenschap h2 {
	margin-bottom: 5px;
}

.slick-thumbs .slick-slide {
	 	height: 90px;
	 }

.slick-pic .slick-slide:after, .slick-thumbs .slick-slide:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
/*
.slick-pic .slick-slide img, .slick-thumbs .slick-slide img {
	background: yellow;
}
*/
.slick-pic.slick-edities .slick-slide:after {
	padding-bottom: 142%;
}

.slick-pic .slick-slide img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.slick-thumbs .slick-slide img { 
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.slick-thumbs .slick-list {
	padding: 0px !important;
}

.slick-thumbs .slick-track {
	transform: translate3d(0px,0px,0px) !important;
	width: 100% !important;
}

.slick-thumbs .slick-slide {
	width: max-content !important;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	margin-right: 5px;
}

.slick-thumbs .slick-current {
	border-bottom: 2px solid var(--blue);
}

.white-block {
	width: 100%;
	background: white;
	margin: 15px 0px;
}

.white-block form input {
	width: 100%;
	max-width: 400px;
}

.white-block>div {
	width: 100%;
	max-width: 600px;
	margin: 0px auto;
}

.slickify-small .prdct .prdct-txt {
    max-width: 125px;
}

.slickify-small .slick-arrow {
	top: 100px;
}

.cmb {
    background: white;
    padding: 25px;
    width: 100%;
    margin: 25px 0px;
}

	.cmb h2 {
		margin: 0px auto;
		display:block;
		text-align: center;
	}

.cmb-prdcts {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 300px);
}

	.cmb-prdcts .prdct {
		vertical-align: middle;
	}

	.cmb-prdcts .pls {
		font-size: 56px;
		color: var(--blue);
		margin: 20px;
		display: inline-block;
		vertical-align: middle;
	}

.cmb-inh {
	display: inline-block;
	vertical-align: middle;
	width: 300px;
}

.cmb-inh .price {
	font-size: 36px;
}

.cmb-inh .combo-price {
	margin-left: 15px;
}

.cmb-inh .krt {
	color: var(--blue);
	font-weight: bold;
	margin: 10px 0px;
	display: block;
}


select {
    padding: 8px 20px;
    border-radius: 3px;
}

p, .prct-descr{
    line-height: 24px;
    font-size: 14px;
    color: var(--dark-blue);
}

.prct-descr img {
	width: max-content;
	max-width: 100%;
	height: auto !important;
}

.prct-descr iframe {
	width: 100%;
	height: auto;
	min-height: 300px;
}

.prct-descr .content h3 {
	font-size: 125%;
}

.prct-descr .content h2 {
	margin-bottom: var(--space_small);
}

.light-blue {
	    background: rgb(230,243,249);
}

#cblocks {
	width: 100%;
	min-height: 1px;
}

.popart .prdct .img-cntr {
	max-width: 200px;
}

a.small:after, .link:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0px;
    height: 2px;
    background: var(--green);
    width: 100%;
}

a.small, .link {
    text-decoration: none;
    font-weight: bold;
    color: var(--blue);
    padding: 5px 0px;
    cursor: pointer;
}

a.small.right, .link.right {
	display: inline-flex;
	width: 100%;
	justify-content: flex-end;
}

a.small:hover, .link:hover {
	text-decoration: none;
}

a.small:hover:after, .link:hover:after {
	bottom: 0px;
}

.pdnz {
	background:white;    
	margin-top: 15px;
    text-align: center;
    padding: 0px 10px;
}

	.pdnz.simple {
		font-size: 12px;
		color: #333;
		margin-top: 25px;
	}

	.pdnz>.inn {
		max-width: var(--container--max-width);
    	margin: 0px auto;
    	justify-content: space-between;
	    align-items: center ;
	    display: flex;
	    width: 100%;
	}

	.pdnz>.inn.center {
		flex-direction: column;
		margin: 20px auto;
	}

	.pdnz.simple>.inn {
		justify-content: center;
	}

	.pdnz>.inn>div {
	    display: flex;
	    justify-content: flex-start;
	    align-items: center;
	    column-gap: 50px;
	}

	.pdnz.simple>.inn>div {
		column-gap: 15px;
	}	

	
	.pdnz img {
	    height: 32px;
		margin: 20px 0px;
	}

	.pdnz>.inn.center img {
		height: 24px;
	}
	
	.pdnz.simple img {
		height: 24px;
	}

	.pdnz img#postnl {
	    height: 50px;
	    width: auto;
	    background: white;
	    border-radius: 7px;
	    padding: 7.5px 19px;
}

.footer-item:last-child {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
}


.vndk {
    background: var(--blue);
    padding: 20px;
    display: flex;
    justify-content: space-evenly;
        margin-top: 50px;
       color: white;
}
	.vndk img {
	    border-radius: 50%;
	    background: white;
	    padding: 15px;
	    display: inline-block;
	    vertical-align: middle;
	    height: 55px;
	}

	.vndk .content {
	    padding-left: 20px;
	    display: inline-block;
    	vertical-align: middle;
	}

		.vndk .content .headline {
			margin-bottom: 10px;
		}
		
		.vndk .content ul {
		    margin: 0px;
		    padding: 0px;
		    list-style-type: none;
		}


.dropdown  .dropdown-content #header-login {
	width: 100%;
	max-width: 450px;
	margin: 0px auto;
	display: flex;
	flex-direction: column;
	row-gap: 5px;
}

#login .btn-simple {
	padding: 5px 0px;
}

#login.dropdown .dropdown-content {
	width: 350px;
}

.pf-cntr>* {
	vertical-align: middle !important;
}

.pf-cntr .pf {
	margin-right: 15px;
}

.pf {
    width: 100px;
    height: 100px;
    background: white;
    border-radius: 50%;
    overflow: hidden;
    padding: 15px;
    display: inline-block;
    vertical-align: middle;
}

.ideal-qr img {
    width: 100%;
    max-width: 250px;
}
.ideal-qr {
    text-align: center;
    padding: 10px 0px;
}

.pf img {
    width: 80%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

::-webkit-input-placeholder { color: #666; }
::-moz-placeholder { color: #666; }
:-ms-input-placeholder { color: #666; }
:-moz-placeholder { color: #666; }

span.number {
    border-radius: 50%;
    background-color: red;
    width: 25px;
    text-align: center;
    line-height: 25px;
    color: white;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
	transition: .3s
}

span.number:hover {
	transform: scale(1.1);
	transition: .3s
}

.custom_blok {
    background: rgb(230,243,249);
    padding: 15px;
    margin: 5px 0px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #e4e4e4;

}


.bbgk {
    width: 100%;
    background: white;
    padding: 25px;
    margin: 10px 0px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 15px;
}

.bbgk img {
    height: 100%;
    width: auto;
    max-height: 250px;
}

button small {
	color: white;
}
	.custom_blok .bg {
	    position: absolute;
	    left: -5%;
	    top: -5%;
	    width: 110%;
	    height: 110%;
	    background-size: cover;
	    background-position: 50% 50%;
	    filter: blur(10px);
	    opacity: 0.6;
	}

	.custom_blok .content {
	    display: inline-block;
	    vertical-align: top;
	    width: 100%;
		height: 230px;
	}

		.custom_blok .c-buttons {
			position: absolute;
			bottom: 0px;
			left: 0px;
		}

		.custom_blok .content p {
			color: black;
			font-size: 13px;
		}

		.custom_blok img {
		    display: inline;
		    float: right;
		    margin-left: 10px;
		    xxmargin-top: 15px;
		    width: 200px;
		}

	.custom_blok .btn {
		margin-right: 5px;
	}

	.slick-dots {
	    display: block;
	    width: 100%;
	    padding: 5px;
	    margin: 0;
	    list-style: none;
	    text-align: center;
	}

		.slick-dots li {
		    position: relative;
		    display: inline-block;
		    width: 10px;
		    height: 10px;
		    margin: 0 5px;
		    padding: 0;
		    cursor: pointer;
		    border-radius: 50%;
		    background: rgb(177, 208, 218);
		}

			.slick-dots li.slick-active {
			    background: var(--blue);
			}

			.slick-dots li button {
			    display: none;
			}

.frdouble.pay {
	width: 100%;
	max-width: 600px;
	padding: 0px;
	margin: 0 auto;
    display: block;
}

.slogan {
    font-size: 100px;
    width: max-content;
    max-width: 400px;
    line-height: 100%;
    color: white;
    font-weight: bold;
    font-family: "hero-new";
    margin-bottom: 0px;
}

.slogan-small {
	font-size: 50px;
}

.light-gray {
    color: var(--light-gray,lightgray);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(208,208,208);
}


.paypay {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-direction: column;
	row-gap: 10px;
}

	.paypay .pay_method {
		border: 1px solid #ddd;
	}

	.paypay .pay_method label {
		padding: 15px;
	    border-radius: 3px;
	    cursor: pointer;
		display: grid;
		align-items: center;
		grid-template-columns: max-content 1fr;
		grid-gap: 25px;
		row-gap: 25px;
    	width: 100%;
   		height: 100%;
   		margin: 0px;
   		text-transform: none;
   		font-family: inherit;
   		font-weight: normal;
	}

	.paypay .pay_method img {
		width: 40px;
		height: 40px;
		object-fit: contain;
	}

	.paypay input {
		display: none;
	}

	.paypay .pay_pop>.inner {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
    	grid-gap: 10px;
    	width: 100%;
    	margin-bottom: 15px;
	}

	.paypay .pay_pop {
		display: none;
	}

	.paypay .pay_method.active .pay_pop{
		display: flex;
		padding: 0px 25px;
	}

	.paypay .pay_method:hover {
		background: var(--beige);
	}

	.paypay .pay_method.active {
		border: 1px solid var(--blue);
		background: none;
	}

	.paypay .pay_method.active>label>span:after  {
		content: var(--content);
	    font-size: 10px;
	    text-transform: lowercase;
	    margin-left: 15px;
	    border: 1px solid var(--dark-blue);
	    color: var(--dark-blue);
	    padding: 5px;
	    border-radius: 3px;
	}

	.paypay label span {
	    font-size: 16px;
	}

	.paypay .pay_method.pay_method_sub label img {
		width: 25px;
		height: 25px;
	}

	/*.timeline .step.disabled:after,.timeline .step.disabled:before {
	    content: '';
	    background-color: red;
	    width: 100px;
	    height: 3px;
	    display: block;
	    position: absolute;
	    left: 50%;
	    transform: translate(-50%,-50%) rotate(45deg);
	    top: 50%;
	    z-index: 9999;
	}

	.timeline .step.disabled:before {
		transform: translate(-50%,-50%) rotate(-45deg);
	}*/


	
.ppp {
	display:block;
	width: 100%;
	margin: 0px auto;
	text-align: left;
}

	.ppp label, .rghtDv>label {
	    padding: 5px 15px;
	    display: block;
	    border: 1px solid #ddd;
	    margin: 5px 0px;
	    border-radius: 3px;
	    cursor: pointer;
	}	

		.rghtDv>label {
			padding: 0px 15px;
		}


		

		.ppp>label:hover, .rghtDv>label:not(.chosen):hover {
			background: var(--beige);
			border: 1px solid #d7d7d7;
		}

		.ppp>label.disabled {
			background: #ccc;
			cursor: not-allowed;
		}

		.ppp>label.disabled span.abs {
			position: absolute;
			right: 15px;
			color: #b62e2e;
			top: 50%;
			transform: translateY(-50%);
			font-size: 11px;
		}

		.ppp>label.disabled:hover {
			background: #ccc;
			border: 1px solid #ddd;
		}

		.ppp>label:has([name="btype"]:checked), .ppp>label:has([name="btype"]:checked):hover {
		    border: 1px solid var(--blue);
		    background: rgb(251, 254, 255);
		}

		.ppp label input {
    		display: none;
		}

		.ppp label span {
    		font-size: 16px;
    	}

		.ppp label .img {
			display: inline-block;
		    vertical-align: middle;
		    width: 75px;
		    height: 50px;
		    background-position: 50% 50%;
		    background-size: contain;
		    background-repeat: no-repeat;
		    background-size: 50%;
		}

	.ppp label .popout {
		max-height: 0px;
		overflow: hidden;
		transition: max-height .25s ease-in-out;
		display: grid;
    	grid-template-columns: 1fr 1fr 1fr;
	}

		.ppp label:has([name="btype"]:checked) .popout, .chosen .fld{
			transition: all 0.25s ease-out;
			max-height: 650px;
			border-top: 1px solid #eee;
		}

		 .fld {
		 	max-height: 0px;
		overflow: hidden;
		transition: max-height .25s ease-in-out;
		 }

		.chosen .fld {
			max-height: 1750px;
		}

.altpay img {
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    max-width: 35px;
}

.ideal.popout .altpay>div {
    width: 75px;
    display: inline-block;
    vertical-align: middle;
}

.ideal.popout .altpay {
    width: 100%;
    text-align: left;
    margin: 5px auto;
    border-radius: 3px;
}

.altpay>span {
    display: inline-block;
    vertical-align: middle;
}



input:disabled, input.read-only  {
	background: #ddd !important;
	cursor: not-allowed;
}

.rghtDv p {
	color: black !important;
}

.rghtDv ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

	.rghtDv>label span {
    width: calc(100% - 20px);
    display: inline-block;
    text-align: left;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px;
    font-weight: bold;
}

.lSSlideOuter {
	width: 100%;
}

.inline { display: inline-block !important; vertical-align: top; }
.green { color: #00587b;}
.center {text-align: center;}
.bold { font-weight: bold; }
.margin-v { margin: 20px 0; }
.margin-v-s { margin: 2.5px 0px; }
.margin-v-m { margin: 5px 0px; }
.margin-v-l { margin: 10px 0px; }
.margin-h { margin-left: 10px !important; margin-right: 10px !important; }
.padding { padding: 20px 10px; }
.padding-s { padding: 5px; }
.big { text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    margin: 5px; }
.left {
	text-align: left;
}

.block {display: block !important;}
.mobile {
	display: none  !important;
}

.tabs {
	margin-top: 15px;
}
.tabs a {
    padding: 15px 20px;
    margin-left: -1px;
    text-decoration: none;
    border-radius: 5px 5px 0px 0px;
    display: inline-block;
    text-transform: uppercase;
    color: black;
}

	.tabs a.active {
    	background: white;
	}

	.tabs a.btn {
	    padding: 8px 9px;
	    border-radius: 3px;
	    margin: 0px 15px;
	    color: white;
	}

.tab-content {
    margin-bottom: 20px;
    padding: 15px;
    background: white;
    margin-left: -1px;
    margin-top: -1px;
}

.times img {
    width: 100%;
    height: auto;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
}
.times {
     position: absolute;
    right: 10px;
    top: 50%;
    width: 24px;
    height: 24px;
    z-index: 105;
    transform: translateY(-50%);
}

.flexx {
	display: grid;
	grid-gap: 10px;
	margin-top: 50px;
}

	.flexx.flexx2 {
		grid-template-columns: 1fr 1fr;
	}

	.flexx div {
		background: white;
		padding: 20px;
		text-align: center;
	}

.bar {
	margin: -5px;
}

.btn-simple {
	cursor: pointer;

}

.btn-simple.arrow {
	display:flex;
	justify-content: flex-start;
	align-items: center;	
	color: white;
}

.btn-simple.arrow:hover {
	text-decoration: none;
}

.btn-simple.arrow::before {
    content: '';
    margin-right: 15px;
    font-size: 18px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid currentColor;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-image: url(/images/icons/arrow-thin.png);
    background-size: 13px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.btn-simple.arrow:hover::before {
	text-decoration: none;
}

.btn-simple>* {
	display: inline-block;
    vertical-align: middle;
}

	.btn-simple img {
		height: 19px;
		margin-right:10px;
	}

a {
	color: rgb(48 96 137);
}

a:hover {
	text-decoration: underline;
}

a.prdct:hover {
	text-decoration: initial;
}

.sndption li {
    font-size: 11px;
    text-align: left;
}

.container {
	position: relative;
	width: 100%;
	max-width: var(--container--max-width);	
	margin: 0 auto;
}


#searchall {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px 7.5px;
}

.search-open #searchall input {
	width: 350px;
	transition: .3s;
	padding-left:  25px;
	padding-right:  25px;
}


#searchall input {
    border-radius: 25px;
    width: 38px;
    border: 0px;
    transition: .3s;
    height: 38px;
    padding: 11px;
    background: transparent;
    border: 1px solid white;
    color: white;
}

#searchall>span>img {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 38px;
    padding: 10px;
    cursor: pointer;
    filter: invert(1);
}

#shippingg {
    display: grid;
    column-gap: 15px;
    grid-template-columns: 1fr 300px;
    align-items: flex-start;
}

#shippingg>div:first-child {
	background: white;
	padding: 25px;
}

#shippingg>div:last-child {
    position: sticky;
    top: var(--header-height);
}

#shcart {
    display: grid;
    column-gap: 15px;
    grid-template-columns: 1fr 300px;
    align-items: flex-start;
}

#shcart>div:first-child {
	background: white;
	padding: 25px;
}

#shcart>div:last-child {
    position: sticky;
    top: var(--header-height);
}

.search-open nav a {
	padding: 10px 15px;
}

.btn {
    border: none;
    background: var(--green);
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    width: auto;
    font-family: 'raleway';
    text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    font-size: 14px;
    text-decoration: none;
    user-select: none;
}

	.btn.large {
	    padding: 20px 20px;
	}

	.btn.active {
		background: #168fbf;
	}

	.btn.btn-green {
		background: #19a919 !important;
	}

	.btn.btn-green img {
    	height: 15px;
	}

.btn:hover {
	text-decoration: none;
}

.btn img, .btn svg {
    height: 25px;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.2) );
    color: currentColor;
    fill: currentColor;
    border: none !important;
}

.btn-simple span, .btn-simple img, .btn.has-icon span, .has-icon img, .has-icon svg  {
    vertical-align: middle;
    display: inline-block;
}

.btn-simple span, .btn.has-icon span { 
	margin-left: 15px;
}

.content {
    display: inline-block;
    vertical-align: top;
}

	.content.left {
		width: 250px;
	}

	.content.left.hide-filters {
		width: 0px;
		overflow: hidden;
	}

	.content.right {
		width: calc(100% - 250px);
	}
	
	.content.right.hide-filters {
		width: 100%;
	}

.collabsible>label {
    font-size: 17px;
    display: block;
    padding: 15px 0px;
    color: var(--blue);
    cursor: pointer;
    transition: all 0.25s ease-out;
    text-transform: uppercase;
}

.collabsible .collapsible-content {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .25s ease-in-out;
}

.collapsible-content>label {
    display: block;
}

.collabsible .collapsible-content>label>* {
    margin: 4px 3px 3px 5px;
    display: inline;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 11px;
}

.collabsible.collapsed>label::before {
    border-top: 5px solid transparent;
    border-bottom: 5px solid currentColor;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-top: -6px;
}

.collabsible>label::before {
    content: ' ';
    display: inline-block;
    border-top: 5px solid currentColor;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    vertical-align: middle;
    margin-right: .7rem;
    transform: translateY(-2px);
    transition: transform .2s ease-out;
    margin-top: 6px;
}

.collabsible .collapsible-content>label>input, .list input {
    opacity: 0;
}

.collabsible .collapsible-content>label>span:before, .list label>span:before {
    border: 1px solid #9c9c9c;
    position: absolute;
    top: 0px;
    left: -26px;
    width: 15px;
    content: "";
    height: 15px;
    border-radius: 3px;
}

.collabsible .collapsible-content input[type="checkbox"]+span:after, .list input[type="checkbox"]+span:after {
    position: absolute;
    top: 1px;
    left: -25px;
    content: "";
    background: var(--blue);
    xxborder-radius: 50%;
    width: 15px;
    height: 15px;
    transform: scale(0);
    transition: .3s;
}

.collabsible .collapsible-content input[type="checkbox"]:checked+span:after, .list input[type="checkbox"]:checked+span:after {
    transform: scale(1);
    transition: .3s;
}

.collabsible :checked + span, .list :checked + span {
    color: var(--blue);
}

.headline {
	font-size: 18px;
	display: block;
	text-transform: uppercase;
	margin-bottom: 5px;
}

nav a, nav .dropdown>span {
	padding:10px 25px;
	text-transform: uppercase;
    font-size: 15px;
    font-family: "hero-new";
    color: white;
    text-decoration: none;
}


#header {
	z-index:9000;
	position: fixed;
	top:0px;
	width: 100%;
	background: var(--blue);
	padding-top: var(--space-small);
	padding-bottom: var(--space-small);
}

	#header .logo {
		height: 100%;
	}

		#header .logo img {
			height: 75px;
			width :auto;
			padding: 5px 0px;
		}

	#header .nav {
		display: flex;
		align-items: center;
	}

		#header .nav a {
			color: white;
		}

	.header-bottom {
		display: none;
	}

	
.srccntr {
	position: absolute;
    right: 0px;
    top: 6px;
}

#spendMore {
	margin: 10px 0px;
    display: flex;
    justify-content: flex-end;
}

#spendMore .alert {
    width: 100%;
    max-width: max-content;
}

span#searchResult {
    position: absolute;
    background: white;
    left: -30px;
    top: 40px;
    z-index: 100;
    width: calc(100% + 60px);
    border-radius: 3px;
}

#searchall-popup { 
	display: none; 
}

input, select, textarea {
	border: 1px solid #ccc;
	padding: 8px 12px;
	color: #000;
	border-radius: 25px;
	margin: 2.5px 0px;
	max-width: 100%;
	font-family: inherit;
	background: white;
}

.login textarea {
	height: 100px;
}

#search input[type=text]:focus {
	xwidth: 250px;
	transition: .5s;
}

#nav .horMenu {
	display: none;
}

#search ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: block;
    position: absolute;
    bottom: -43px;
    width: 300px;
    transition: .5s;
	max-height: 100px;
	overflow: hidden;
}

.scrollHeader #search ul {
	transition: .5s;
	max-height: 0px;
}

#search li {
	display: inline-block;
	padding: 0px 8px;
	margin: 0px;
}

#search form {
	display: inline-block;
	position: relative;
}


#crtShrt {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 5px;
}

#crtShrt img {
	width: 29px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
}

#crtShrt .num {
	min-width: 70px;
	background: #00587b;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 4px;
}


.form-small {
	margin: 20px auto;
	background: white;
	padding: 63px;
	text-align: center;
	width: 100%;
	max-width: 600px;
}
.form-small input {
	width: 100%;
}
.form-small label {
	margin: 20px 0px 0px 0px;
}
.fancy-input.active:before {
	width: 90%;
	transition: .3s;
}
.fancy-input {
	margin: 0px 0px 10px 0px;
}
#login_sm, #login_nw {
	text-align: center;
}
#login_sm .btn, #login_sm input, #login_nw .btn, #login_nw input {
	min-width: 300px;
}


.ppp>label:has([name="btype"]:checked)>span:after, .rghtDv>label>input[type="radio"]:checked + h4:after, .altpay:has([name="balt"]:checked):after {
    content: 'gekozen';
    font-size: 10px;
    text-transform: lowercase;
    margin-left: 15px;
    border: 1px solid var(--green);
    color: var(--green);
    padding: 5px;
    border-radius: 3px;
}

   
.rghtDv>label>input[type="radio"]:checked + h4 + div {
	    border-top: 1px solid #eee;
}


#progress-bar {
	height: 20px;
	width: 100%;
	max-width: 400px;
	background: #fff;
	margin: 7px auto;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	display: none;
	border-radius: 25px;
	background:#f3f3f3;
}
#progress-bar>div{
	background: red;
	width: 33%;
	transition: .3s;
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	line-height: 20px;
	border-radius: 25px;
}
#progress-bar.red>div {
	background: #dd815e;
	width: 33%;
	transition: .3s;
}
#progress-bar.yellow>div {
	background: #e3be09;
	width: 66%;
	transition: .3s;
}
#progress-bar.green>div {
	background: #3b931e;
	width: 100%;
	transition: .3s;
}


#nav {
	width: 100%;
	background: #00587b; 
	background: -moz-linear-gradient(left,  #00587b 0%, #57a1e2 100%); 
	background: -webkit-linear-gradient(left,  #00587b 0%,#57a1e2 100%); 
	background: linear-gradient(to right,  #00587b 0%,#57a1e2 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00587b', endColorstr='#57a1e2',GradientType=1 ); 
}
		
#nav ul {
	padding: 0px;
	margin: 0px;
	display: flex;
	/* justify-content: space-between; */
}

#nav li {
	display:inline-block;
	text-align: center;	
}

#nav ul a {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: white;
	padding: 10px 25px;
	display: block;
}

#page {
	min-height: calc(100% - 480px);
	padding-top: calc(var(--header-height) + var(--space-large));
}

.prdct-overlay {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: inherit;
}

.header-top>div {
	display: flex;
	align-items: center;
}

#hamburger {
	display: none;
	color: white;
    padding: 7.5px;
    font-size: 22px;
    cursor: pointer;
}

	
.hamburger_icon {
	display: none;
	position: absolute;
	right:0px;
	top: 0px;
	margin: 10px 15px 0px 0px;
	z-index:10000;
	cursor: pointer;
	width: 50px;
	height: 50px;	
}

	.footer-item {

	}

	#footer {
		background-color: var(--green);
	}

	#footer .link {
	    padding: 10px 25px;
	    text-transform: uppercase;
	    display: inline-block;
	    vertical-align: middle;
	    font-size: 15px;
	    font-family: "hero-new";
    text-decoration: none;
    color: var(--blue);
	}

	.footer-item label {
		text-transform: uppercase;
	}
	
	#footer .logo, #footer .logo img {
		width: 100%;
		max-width: 250px;
	}

	#footer>div {
	    width: 100%;
	    max-width: 1300px;
	    margin: 0 auto;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    padding: 75px 0px;
	}

.hamburger {
    width: 10vh;
    cursor: pointer;
    position: absolute;
    z-index: 999;
    top: 0px;
    right: 0px;
    font-size: 4vh;
    line-height: 10vh;
    text-align: center;
    color: green;
    text-shadow: 0px 1px white;
}

.hamburger:hover {
	color: #eee;
}

#footer>.container {
	display: flex;
	justify-content: space-between;
}

.cntrrjn {
	text-align: center !important;
}
.cntrrjn img {
	padding: 0px 20px;
}
	
	#footer>.container>div {
		display: inline-block;
		text-align: left;
	}

	#footer ul {
		margin: 0;
		padding: 0;
	}

	#footer ul li {
		list-style-type:  none;
	}

	#backToTop {
		height: 30px;
		cursor: pointer;
		animation-name: arrow-vertical;
    	animation-duration: 2s;
    	animation-iteration-count: infinite;
    	font-size: 30px;
    	color: green;
	}
		
		@keyframes arrow-vertical {
		    0%   {line-height: 30px;}
		    50%  {line-height: 10px;}
		    100% {line-height: 30px;}
		}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0px; 
    opacity: 0.7;

}

.lSAction {
	position: absolute;
    top: 0%;
    height: 100%;
    width: 100%;
}

#language .dropdown-content img {
	width: 50px;
	height: auto;
	cursor: pointer;
}

.lSAction>a {
    width: 0px;
    display: block;
    top: 50%;
    height: 0px;
    background: none;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    opacity: .85;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s;
    border: 15px solid transparent;
    border-right: 15px solid white;
}

.lSAction>.lSNext {
	border: 15px solid transparent;
    border-left: 15px solid white;
}


.mobile {
	display: none;
}

.column-left {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 0px 10px 100px 10px;
}

.column-left h2 {
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.column-right {
	width: 300px;
	display: inline-block;
	vertical-align: top;
	padding: 0px 10px 100px 10px;
	text-align: center;
}

.column-right img {
	width: 100%;
}

.column-right ul {
	padding: 0px 5px;
	margin: 0px;
	margin-left:10px;
	text-align: left;
}

.column-right li a {
	font-size: 15px;
	color: #000;
}

.column-right h2 a {
	color: #000;
}

.input-border {
    background: transparent;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    border: 0px;
    border-bottom: 1px solid #333;
    border-radius: 0px;
}
.full {
    width: 100%;
}

.prdct:not(.nohover):hover .img-cntr {
    transform: translateY(-5px);
}

.prdct {
	display: inline-block;
    text-decoration: none;
    color: black;
    vertical-align: top;
    position: relative;
    text-align: center;
    margin-right: 10px;
}	

	.prdct .img-cntr {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		height: 250px;
		min-width: 150px;
	}

	.prdct.nohover .img-cntr {
		overflow: hidden;
	}

	.prdct .prdct-lighter {
	    background: #ffffff52;
	    position: absolute;
	    inset: 0;
	}

	.prdct .btn-inline {
    	position: absolute;
    	background: var(--blue);
    }


	.prdct>div {
		-o-transition: transform 0.5s;
		-ms-transition: transform 0.5s;
		-moz-transition: transform 0.5s;
		-webkit-transition: transform 0.5s;
		transition:0.5s;
	}

.prdct .img-cntr>img {
    height: 100%;
    width: auto;
    box-shadow: rgba(0, 0, 0, 0.32) 0px 1px 4px;
    background: white;
}

.prdct.nohover .prdct-overlay:hover {
	text-decoration: underline;
	cursor: pointer;
}

.slickify-small .prdct .img-cntr {
	height: 180px;
	min-width:75px;
}

.large.prdct .img-cntr {
	height: 400px;
}

.prdc_vd_wk_drpl {
	position: absolute;
	left: 5px;
	top: 15px;
	z-index: 10;
}

.prdc_vd_wk {
	position: absolute;
    transform: rotate(-14deg);
    background: #fff;
    color: #a00;
    left: 10%;
    font-weight: bold;
    top: 20%;
    padding: 7px;
    border: 1px solid #00587b;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    min-width: 160px;
    text-align: center;
}

.alert {
    position: relative;
    padding: 1.5rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 50px;
    text-align: center;
    font-family: 'hero-new';
}

	.alert-icon:before {
		content: '';
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23856404' d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1 6h2v8h-2v-8zm1 12.25c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25z'/%3E%3C/svg%3E");
		width: 16px;
		height: 16px;
		background-size: 100% 100%;
	    display: inline-block;
	    vertical-align: middle;
	    position: absolute;
	    left: 10px;
	}


	 .alert-small {
        font-size: 11px;
    }

	.alert-primary {
	    color: #004085;
	    background-color: #cce5ff;
	    border-color: #b8daff;
	}

	.alert-simple {
	    color: #black;
	    background-color: white;
	    border-color: #eee;
	}

	.alert-success {
	    color: #155724;
	    background-color: #d8e9dc;
	    border-color: #c3e6cb;
	}

	.alert-danger {
	    color: #9d3e47;
	    background-color: #efdcde;
	    border-color: #edc6ca;
	}

	.alert-warning {
	    color: #856404;
	    background-color: #fff3cd;
	    border-color: #ffeeba;
	}

	.alert-small {
	    max-width: max-content;
	    padding: 10px;
	    margin: 10px 0px;
	    text-align: left;
	}

	.alert.hidden { display: none; }

	.alert.large {
	    padding: 2rem;
	    font-size: 125%;
	}


	.alert-icon {	
    	padding-left: 35px;
	}

div#shopcart-counter {
    position: absolute;
    right: 1px;
    bottom: -3px;
}	
	
	span.number {
	    border-radius: 50%;
	    background-color: #d95151;
	    width: 20px;
	    text-align: center;
	    line-height: 20px;
	    color: white;
	    display: inline-block;
	    vertical-align: middle;
	    font-size: 11px;
	}

	.shoppingcart-inline .sh-right {
		width: 100%;
		position: relative;
		top: auto;
	}

	.dropdown .dropdown-content.shoppingcart-inline{
		width: 500px;
		font-size: 12px;
	}

	.shoppingcart-inline .subContainer {
		width: 100px;
		text-align: right;
	}

	.shoppingcart-inline .shpLine .left {
		grid-template-columns: 40px 1fr;
	}

	.shoppingcart-inline .shpLine a {
		font-size: 14px;
	}

.btn.absolute.bottom {
    position: absolute;
    bottom: 5px;
    width: calc(100% - 10px);
    left: 5px;
    padding: 15px;
}

.content.left .mobile-header.mobile {
    background: rgb(230,243,249);
    padding: 25px 15px;
    text-transform: uppercase;
    color: black;
}

.content-left .mobile-header span {
	color: var(--blue);
}

#conf-pic {
	background: white;
	padding: 10px;
	margin: 10px 0px;
	width: 100%;
}

input.hidden {
	display: none;
}

.shpLine.inner {
    padding-left: 25px;
}

	.shpLine.inner .shdw {
		width: 50px;
	}

	.shpLine.inner .shdwcnt {
		width: 50px;
	}

	.shpLine.inner .shpNlblk {
		font-size: 12px;
	}

.conf-img {
	margin: 10px auto;
}

.conf-img img {
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	width: 125%;
}

.lSSlideOuter {
    overflow: hidden;
    user-select: none;
    max-width: 400px;
    display: inline-block;
    vertical-align: top;
}

#fancybox-wrap, #fancybox-wrap * {
    box-sizing: initial;
}

.prdct-dtls {
    width: 100%;
    margin: 0px auto;
    background: white;
    padding: 25px 50px;
}
	
	.prdct-txt {
		margin: 5px auto;
	}

	.prdct-txt h1 {
		font-size: 175%;
	}

	.prdct .prdct-txt {
		max-width: 200px;
		padding: 0px 15px;
		line-height: 1.5;
		display: flex;
		flex-direction: column;
	}

	.prdct-prc {
		margin:  0 0 10px 0;
	}

	.prdct-mnt {
		display: inline-block;
		padding: 8px 10px;
    	width: 50px;
	}

.slickify-2 .prdct img {
	width: 100%;
	height: auto;
}

#searchResult a {
	color: initial;
}

.menu-selected, #nav ul a:hover {
	background: rgba(255,255,255,0.4);
}

.buttons {
    display: flex;
    justify-content: center;
    align-items: center;
}

.prdct-overlay .price {
	font-size: 14px;
}

.prdct-overlay .frPrcs {
	transform: scale(1);
	margin: 0;
}

	.prdct-overlay .frPrcs:after {
		height: 1px;
	}

.frPrcs {
	margin: 5px;
	color: black;
	transform: scale(0.6);
	display:inline-block;
	margin: -10px;
}

#eurbxx small {
	margin-top: 30px;
	display:block;
}

.frPrcs:after {
	position: absolute;
	width: 110%;
	left: 50%;
	top: 50%;
	content: "";
	background: rgb(210,37,55);
	height: 4px;
	transform: translate(-50%,-50%) rotate(-7.5deg);
}

.header-top {
    text-align: center;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 20px);
    max-width: var(--container--max-width);
    margin: 0px auto;
    align-items: center;
}

.header-top .buttons>a {
    color: white;
    text-transform: uppercase;
    padding: 10px;
    letter-spacing: 1px;
}

#searchall-popup .bar input {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: top;
}

#searchall-popup .bar img {
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    height: 19px;
    margin-top: 14px;
    margin-left: 11px;
}

.iconref>span {
	padding: 11px;
	width: 38px;
	height: 38px;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 7.5px;
	cursor: pointer;
    border-radius: 50%;
	transition: border-radius .3s;
    border: 1px solid white;
}

.iconref:not(.dropdown) {
		padding: 5px !important;
	}

	.iconref>span>img, .iconref>img {
		width: 100%;
		height: auto;
	}

.header-bottom {
    background: rgb(230,243,249);
    padding: 10px;
    text-align: center;
}

#msg {
	z-index: 10;
    position: absolute;
    color: #000;
    background: rgba(255,255,255,1);
    width: 200px;
    min-width: 170px;
    text-align: center;
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
    display: none;
}

.closeMsg {
	position: absolute;
	right: 21px;
	top: -6px;
}


#flCrt .shpLine {
	margin: 10px 0px;
}


.shpLine a:hover {
	transform: scale(0.85);
	transition: .3s;
}

.shpLine {
	padding: 10px;
	position: relative;
	margin: 5px 0px;
	background: #fff;
	border: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}

.shpLine>.left {
	display: grid;
	grid-template-columns: 75px 1fr;
	grid-gap: 10px;
	align-items: center;
}

.subContainer {
	font-size: 11px;
}

.prdctLine {
	padding: 5px;
	margin: 5px 0px;
	background: #fff;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.prdctLine>div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.prdctLine .shdwcnt {
	margin-right: 10px;
}

.prdctLine .btn {
	margin-right: 10px;
}

.shpLine a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    transition: .3s;
}

.prct-inline {
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 5px;
    width: calc(100% / 2 - 10px);
    text-align: left;
}

.prct-inline.full {
	width: 100%;
	border: 0px;
	border-radius: 0px;
	margin: 0px;
	border-bottom: 1px solid #e1e1e1;
}

.prct-inline b {
    display: inline-block;
    vertical-align: middle;
    color: black;
    text-transform: uppercase;
}

.prct-inline .img {
    width: 60px;
    height: 75px;
    background-color: #f2f2f2;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.prct-inline .content {
 	display: inline-block;
 	width: calc( 100% - 70px);
    vertical-align: middle;
}

.shpLine img {
    height: auto;
    width: 100%;
}

.invTx {
	width: 70px;
	border: none;
	background: transparent;
}

.ntl {
	padding-left: 20px;
}
.ttl {
	text-align:right;
	padding: 10px;
}

.amntprd {
	padding: 10px;
	margin: 0 10px
}

.rembtn {
	padding: 10px;
	border: none;
	background: #000;
	color: #fff;
}

.bstlbtn {
	margin-top: 30px;
	width: calc(100% - 10px);
	border: none;
	background: none;
	color: #000;
	font-size: 18px;
	-webkit-appearance: none;
	border-top: 2px solid #000;
	position: relative;
}

.btnDel {
    padding: 0px;
    width: 25px;
    height: 25px;
    font-size: 22px;
    text-transform: lowercase;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    border: none;
}

.tblsmlfnt {
	font-size: 12px;
}

.contactTxt {
	font-size: 14px;
	border: 1px solid #ddd;
	background: #fff;
	padding: 10px 0px;
	color: #000;
	width: 500px;
}
.contactArea {
	font-size: 14px;
	border: 1px solid #ddd;
	background: #fff;
	padding: 10px;
	color: #000;
	width: 500px;
	height: 250px;
}
.contactBtn {
	font-size: 14px;
	border: none;
	background: #474F46;
	color: #fff;
	padding: 10px;
	width: 200px;
	font-weight: bold;
}

form label {
    margin: 11px 0px 2px 0px;
    display: block;
    text-transform: uppercase;
    font-family: 'hero-new';
    font-weight: bold;
}

#cntsTxtCntr, .cntFrmCntr {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 40px);
	padding: 20px;
}

#cntFrm {
	padding-top: 10px;
	line-height: 10px;
}

.trgbl {
	font-size: 20px;
	color: var(--blue);
	margin: 25px 0px;
}

.prdct-prc {
	padding: 0px;
	font-size: 20px;
	margin: 10px 0px;
}

.prct-btn {
	display: inline-block;
	vertical-align: middle;
	background: #00587b;
	padding: 5px;
	margin-left: 20px;
}

.prct-btn img {
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}

.prct-btn input[type=number] {
	width: 50px;
	border: none;
	padding: 4px;
}

 .small-input {
 	width: 50px;
	padding: 11px 12px;
 }

.prct-descr {
	margin-top: 15px;
	overflow: hidden;
	transition: max-height .5s;
}

.prct-descr.expand .readmore {
	display: none;
}

.breadcrumbs {
	color: #ccc;
	margin: 5px 0px;
}

.breadcrumbs a {
	text-decoration: none;
	color: #ccc;
}

.breadcrumbs span {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 5px;
	font-size: 11px;
}

.dropdown {
	display: inline-block;
	vertical-align: middle;
}

	.iconref.active>span {
	    border-radius: 0;
		transition: border-radius .3s;
		background: white;
	}

	.dropdown.active>span>.main { filter:invert(1); }

.dropdown .dropdown-content {
	line-height: initial;
    display: none;
    position: absolute;
    width: 200px;
    top: 38px;
    right: 0px;
    overflow: hidden;
    z-index: 300;
    padding: 10px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
    background: white;
    border: 1px solid #f3f3f3;
}

	.dropdown.active .dropdown-content {
		display: block;
	}


.frtbl {
	display: table;
	width: 100%;
	padding-top: 10px;
    margin: 8px;
}

.frsingle, .frdouble {
	display: inline-block;
	vertical-align: top;
	height: 100%;
}

.products td>img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.products td>div {
    display: inline-block;
    vertical-align: middle;
}

.vlist a {
    display: block;
    padding: 20px;
    background: white;
    border: 1px solid #e0e0e0;
    color: #000;
    text-decoration: none;
    position: relative;
    margin-top: -1px;
}

.vlist .right {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.vlist .right.error {
	color: red;
}

.vlist-info {
	padding: 20px;
}

small {
	color: #888;
}

.vlist a:hover:after, .vlist a.active:after {	
	width: 5px;
}

.vlist a:after {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    content: "";
    width: 0px;
    background: var(--blue);
}

.shpNum {
	padding: 8px 10px;
    background: #fff;
    width: 70px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 15px;
}

.rghtDv>label>input[type="radio"] {
	display: none;
}

.tblsmlfnt {
	font-size: 12px;
}

.rghtDv {
	display: block;
	width: 100%;
	background: #fff;
	padding: 20px;
	overflow: auto;
}

.rghtDv.lgn {
	padding: 0px;
}

.rghtDv .login{
	width: 100%;
	max-width: 600px;
	margin: 25px auto;
}

.rghtDv>label>h4 {
	line-height: 50px;
}

form .realLabel {
    display: block;
    font-size: 12px;
    font-weight: normal;
    text-transform: revert;
}

form .realLabel input {
	width: auto !important;
	margin-right: 10px;
}

form .realLabel span, form .realLabel input {
	display: inline-block;
	vertical-align: middle;
}

#opzeggen {
	width: 100%;
	max-width: 600px;
	background: white;
	padding: 20px;
}

#opzeggen input {
	width: 100%;
}

#getKeuzesmpleab input[type="checkbox"], #getKeuzesmpleab input[type="radio"] {
	display: inline-block;
	vertical-align: middle;
}

#getKeuzesmpleab input[type="checkbox"] + span, #getKeuzesmpleab input[type="radio"] + span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	width: calc( 100% - 50px);
}

.rghtDv .login input {
	width: 100%;
}

.nawTxt, .nawArea {
	width: 250px;
	padding: 4px;
	border: 1px solid #ddd;
	color: #000;
	height: 28px;
	border-radius: 2px;
}

.nawArea {
	height: 100px;
}

.login {
	font-size: 12px;
}

.login ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.login input[type=checkbox] {
	vertical-align: middle;
}

.ffrr {
	width: 100%;
	padding: 7px;
}

.form textarea {
	height: 100px;
}

.addAd {
	display: inline-block;
	color: #000;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: 3px solid #57a1e2;
	margin-left: 20px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.addAd:hover, .addAd.active {
	background: #57a1e2;
	color: #000;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.frmtbl {
	display: inline-block;
	vertical-align: top;
	text-align: right;
}

.altpay, .altpayDrk {
	background: #fefefe;
	padding: 10px;
	margin-bottom: 4px;
	text-align:center;
}

.altpay:hover, .altpay:has([name="balt"]:checked) {
    cursor: pointer;
    background: var(--beige);
}

.altpay:hover img {	
	opacity: 1;
}


.grid_columns_2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    column-gap: calc( 2 * var(--space_large));
    row-gap: var(--space_small);
    row-gap: var(--space_large);
}

.grid_columns_2>div {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.grid_columns_2 p {
    width: 100%;
    max-width: 600px;
}


.altpay img {
	vertical-align: middle;
	padding-left: 10px;
	width: auto;
}

.altpayDrk {
	border: 2px solid #00587b;
	background: #fff;
	height: 54px;
	text-align: center;
}

.altpayDrk img {
	vertical-align: middle;
	padding-left: 10px;
}

.login .cntr {
	background: #fff;
	padding: 30px;
	margin-top: 4px;
}

.sndption {
	padding: 10px;
	margin-bottom: 15px;
	background: white;
	text-align: center;
	border: 1px solid #eee;
}

.sndbx {
	padding: 10px;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 20px);
	height: 200px;
	background: #00587b;
	border-radius: 4px;
	text-align: center;
	color: #fff;
}

.sndbx input[type=button] {
	border: none;
	border-radius: 4px;
	background: #fff;
	color: #000;
	padding: 10px 20px;
	margin-top: 10px;
	cursor: pointer;
}

.pr_slide_cntr {
	width: 100%;
	max-width: 400px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	background: #57a1e2;
	border-radius: 3px;
}

.ui-slider-handle {
	border-radius: 20px;
	padding: 10px;
}

.smkrt {
	position: relative;
}

.stpp1 {
	margin-left: 68px;
	padding-left: 5px;
}

.stpp1 .stck {
	position: absolute;
	left: 0px;
	bottom: -50px;
	height: 60px;
	border-left: 1px solid #000;
}

.stpp2 {
	margin-left: 107px;
	padding-left: 5px;
}

.stpp2 .stck {
	position: absolute;
	left: 0px;
	bottom: -30px;
	height: 40px;
	border-left: 1px solid #000;
}

.sth {
	font-weight: 100;
	color: #00587b;
}

.grbxstf {
	padding: 0px 30px 10px 30px;
    background: #fefefe;
    border: 1px solid #eee;
    margin-top: 30px;
}
.slcntbx {
	position: absolute;
    left: 0px;
    top: 6px;
    width: 100%;
    text-align: center;
    font-size: 11px;
	font-weight:bold;
}

.ui-slider-handle {
	background: #00587b !important;
	color: #fff !important;
	padding: 15px;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.7em;
}

#eurbxx {
    display: inline-block;
    color: rgb(70,70,70);
    font-family: 'hero-new';
    margin: 10px 0px;
}

.prdct-overlay>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
}

.price {
    font-size: 44px;
    margin: 10px 0px;
}

	.price sup {
    	font-size: 21px;
    	xxfont-weight:normal;
	}

.cpbcp.right {
	text-align: right;
}

.cpbcp {
	padding: 25px 10px;
	text-align: center;
	background: white;
	border: 1px solid #eee;
}

.cpbcp label {
	display: block;
	margin: 2.5px 0px;
}
.cpbcp label span, .cpbcp label input {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	font-size: 11px;
}

.cpbcp input[type=text] {
	padding: 5px 10px;
	font-size: 20px;
	background: #fff;
	width: 100%;
	border-radius: 3px;
	color: #000;
}

#langDv {
	position: absolute;
	top: 20px;
}

#langDv img {
	opacity: 0.5;
	transition: 0.5s;
}

#langDv img:hover {
	opacity: 1;
	transition: 0.5s;
}

.ownpass {
    position: relative;
    display: inline-block;
}
.ownpass .eye {
    position:  absolute;
    right: 7px;
    top: 7px;
}

.ownpass .eye img {
    height: 20px;
}

.mgvheader {
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	background: #00587b;
	color: #fff;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	margin-bottom: 4px;
}

.mgvheader:hover {
	cursor: pointer;
	background: #666;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.mgvcontents {
	padding: 10px;
	display: none;
}

#certtbl img {
	display: inline-block !important;
	max-width: 100% !important;
}

#menu-left {
	width: 300px;
    display: inline-block;
    vertical-align: top;
    padding: 0px 10px 100px 10px;
    background: #48abc7;
}

	#menu-left .menu-left-item {
	    display: block;
	    margin: 5px 0px;
	    width: 100%;
	    color: white;
	    padding: 25px 20px;
	    border-bottom: 1px solid white;
	    text-transform: uppercase;
	}

.column-left.has-menu {
	width: calc(100% - 300px);
}

#fancybox-close {
    box-shadow: 1px 1px 1px rgb(0 0 0);
    width: 40px;
    height: 40px;
    border-radius: 25px;
    background-color: var(--green);
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: white;
}

#fancybox-close:after {
    content: "x";
}

.slick-arrow.slick-disabled {
	display: none !important;
}

.slick-pic .slick-arrow {
	background: none;
	box-shadow: none;
}

#fancybox-right {
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9000;
}

#fancybox-left {
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9000;
}

.brand {
	max-width: 225px;
	display: flex;
	justify-content:flex-start;
	flex-direction: column;
	text-align: center;
	align-items: center;
    margin-right: 10px;
    text-decoration: none;
    color: black;
}

.brand-pic {
	width: 200px;
	height: 200px;
	background: white;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 35px;
	box-shadow: rgb(0 0 0 / 5%) 0px 3px 6px;
}

a:hover .brand-pic img {
	transform: scale(1.05);
	transition: .3s;
}

#page>h3 {
	margin-top: 35px;
}

#page>*:first-child {
	margin-top: 0px;
}

.brand-pic img {
	width: 100%;
	height: auto;
	transition: .3s;
}

.slick-track {
	margin-left: 0px;
}

.slick-arrow {
	outline: none;
	border: 0;
	position: absolute;
	top: 0;
	right: 0;
	box-shadow:-10px 0 25px 25px rgba(245,245,245,0.7);
	height: 100%;
	background: none;
    font-size: 0px;
    background: white;
    padding: 0;
}

.slick-arrow.slick-prev {
    right: auto;
    left: 0;
    box-shadow: 10px 0 25px 25px rgb(245 245 245 / 70%);
    z-index: 5000;
}

.slick-arrow::after, #fancybox-right::after, #fancybox-left::after {
    content: '';
    width: 40px;
    height: 40px;
    background: var(--green);
    z-index: 500;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: calc(50% - 20px);
    transform: translateY(-50%) translateX(50%);
    cursor: pointer;
    background-image: url(/images/icons/arrow-thin.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 18px;
}

.slick-arrow.slick-prev::after, #fancybox-prev::after, #fancybox-prev::after, #fancybox-left::after {
	transform: translateY(-50%) translateX(-50%) rotate(180deg);
    right: auto;
    left: 0px;
}

#fancybox-left, #fancybox-right {
	height: 90%;
}

.extraInfo span {
	cursor: pointer;
	text-decoration: underline;
	display: block;
}

.has-overlay {
	overflow: hidden;
}

.overlay {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 9999;
    background: rgba(0,0,0,0.65);
    left: 0px;
    top: 0px;
	overflow-y: scroll;
}

	.overlay>div {
		position: absolute;
		width: 100%;
		max-width: 500px;
		background: white;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%,-50%);
	    height: auto;
	    min-height: 300px;
    	border-radius: 3px;
    	max-height: 100vh;
    }

    .wide.overlay>div {
    	max-width: none;
    	max-width: 750px;
    }

    .ultrawide.overlay>div {
    	max-width: 1500px;
    }

    .ultrawide .overlay-content {
    	height: auto;
    	max-height: calc(100vh - 100px);
    }

    .ultrawide #deelnemers {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    grid-gap: 20px;
    }

	.overlay-header {
		background: var(--blue);
	    width: 100%;
	    padding: 15px 10px;
	    color: white;
	    font-size: 16px;
	    text-align: center;
	}

	.overlay-content {
	    padding: 10px;
	    display: flex;
	    justify-content: space-between;
	    flex-direction: column;
	    width: 100%;
	    overflow-y: scroll;
	    height: calc(100vh - 48px);
	}

    .wide .overlay-content {
    	padding: 20px;
    }

	.overlay-content h3 {
		margin: 5px 0px 5px 0px;
		font-size: 16px;
		font-weight: 500;
	}

.o-left, .o-right {
	display: inline-block;
	vertical-align: top;
	width: calc(50%);
	padding: 75px;
}

#step2>.decads {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
}

.center.bak {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 10px auto;
}

.kd_dv2 {
    display: block;
    background: rgba(255,255,255,1);
    padding: 10px;
    border: 1px solid #ddd;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

    .kd_dv2 img {
        height: 150px;
    }

	.kd_dv2 .btn, .kd_dv .btn {
		font-size: 14px;
	    width: 100%;
	    margin: 5px 0px 0px 0px;
	    line-height: 20px;
	    padding: 9px 10px 15px 10px;
	}

		.kd_dv2 .btn.green, .kd_dv .btn.green {
			background: #0A0;
		}

	.kd_dv .dwn {
		position: absolute;
		bottom: 10px;
		left: 10px;
		width: calc(100% - 20px);
	}

    .kd_dv2 .dwn {
        grid-column: auto / span 2;
    }

	.kd_dv2 h3, .kd_dv h3 {
		display: inline-block;
		line-height: normal;
		padding: 0px;
		margin: 0px;
	}

	.kd_dv2 .txt , .kd_dv .txt {
		padding: 5px;
		background: rgba(255,255,255,0.8);
		margin-top: 10px;
		border: 1px solid #666;
		border-radius: 10px;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		line-height: normal;
	}


button.btn.chosen {
    background: #a13232;
    transform: scale(1.1);
}

.badge-gr-sh:after {
    content: "Gratis verzending";
    position: absolute;
    transform: rotate(-45deg);
    top: 25px;
    left: -34px;
    background: rgb(210 37 55);
    width: min-content;
    transform-origin: 50% 50%;
    color: white;
    text-transform: uppercase;
    padding: 3px 39px;
    box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 40%);
    font-size: 13px;
    line-height: 11px;
}

label.kd_dv2.chosen, .abbo-vormen>div.chosen {
    background: #ffe5e5;
    border: 2px solid #d53333;
}

a.btn:hover:after {
    height: 100%;
    transition: height .3s;
}

a.btn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: rgba(0,0,0,0.2);
    left: 0px;
    bottom: 0px;
    transition: height .3s;
}

.asteps {
	grid-column: auto / span 2;
}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    transform: none !important;
    z-index:9999;
	transition: .3s;
}

.loader.active {
	display: flex;
}

.loader-inner {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  transform: scale(3);
}

.loader-inner div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--blue);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loader-inner div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.loader-inner div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.loader-inner div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.loader-inner div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


.spinner {
    position: relative;
    height: 50px;
    width: 50px;
    margin: 25px auto;

}

	.spinner:before, .spinner:after {
	    border: 8px solid transparent;
	    border-radius: 50%;
	    width: 100%;
	    height: 100%;
	    left: 0px;
	    top: 0px;
	    position: absolute;
	    content: "";
	    border-top: 8px solid black;
	}		

		.spinner.fixed { 
			position: fixed;
		    top: calc(50% - 25px);
		    left: calc(50% - 25px);
		    z-index: 500;
		}

		.spinner.absolute {
		    position: absolute;
		    top: 100px;
		    left: calc(50% - 25px);
		    z-index: 500;
		}

		.spinner:before {
		    animation: spineen 1s linear infinite;
		}

		.spinner:after {
		    animation: spintwee 1s linear infinite;
		}

		@keyframes spineen {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
		}

		@keyframes spintwee {
			0% { transform: rotate(75deg); }
			50% { transform: rotate(180deg); }
			100% { transform: rotate(435deg);}
		}

.nice-select {
	border: 1px solid #ccc;
    padding: 12px 12px;
    color: #000;
    border-radius: 3px;
    margin: 2.5px 0px;
    background: white;
    cursor: pointer;
    text-align: left;
}

		.nice-select.open:after {
		    -webkit-transform: rotate(-135deg);
		    -ms-transform: rotate(-135deg);
		    transform: rotate(-135deg);
		}

	.nice-select:after {
	    border-bottom: 2px solid #ccc;
	    border-right: 2px solid #ccc;
	    content: '';
	    display: block;
	    height: 5px;
	    margin-top: -4px;
	    pointer-events: none;
	    position: absolute;
	    right: 12px;
	    top: 50%;
	    -webkit-transform-origin: 66% 66%;
	    -ms-transform-origin: 66% 66%;
	    transform-origin: 66% 66%;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    -webkit-transition: all 0.15s ease-in-out;
	    transition: all 0.15s ease-in-out;
	    width: 5px;
	}

.nice-select ul {
	xxdisplay: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 100%;
	
	background: white;
	z-index: 99;
	left: -1px;
    width: calc(100% + 2px);
	overflow: hidden;
	transition: max-height 0.25s cubic-bezier(0, 1, 0, 1);
	max-height: 0px;
}

	.nice-select.open ul {
		transition: .25s;
		max-height: 300px;
		transition: max-height .25s ease-in-out;
		border: 1px solid #ccc;
	}

	.nice-select.open.scroll ul {
		overflow-y: scroll;
	}

	.nice-select li {
		padding: 12px 12px;
	}

		.nice-select li:hover {
			background: #e6e6e6;
		}

		.nice-select li.selected {
		    font-weight: bold;
		    background: #eee;
		}

			.nice-select li.selected:after {
				position: absolute;
				right:5px;
				content: "Gekozen";
				color: #333;
			}


#header .slogan {
	color: white;
	font-style: italic;
	font-size: 10px;
	position: absolute;
	bottom: 0px;
	left:0px;
	width: 400px;
	text-align: left;
}

.sndption ul {
    padding-left: 20px;
}

#header .logo img {
	height: 65px;
}

#coupon {
	display: grid;
	border: 0px;
	grid-template-columns: auto max-content 200px max-content;
	align-items: center;
}
/*
#pre {
    position: fixed;
    right: 0;
    bottom: 0px;
    width: 100%;
    max-width: 400px;
    background: white;
    padding: 20px;
    max-height: 80svh;
    overflow-y: scroll;
}

#pre pre {
	border: 1px solid black;
}*/

#coupon p {
	margin-right: 15px;
	text-align: right;
}

.cpbcp.right table {
		width: 100%;
		display: table !important;
	}

	.cpbcp.right table tr>td:first-child {
		text-align: left !important;
		width: calc(100% - 100px);
	}


.abbo_chooser>div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
	grid-gap: 5px;
}

.abbo_chooser.third>div {
	grid-template-columns: 1fr 1fr 1fr;
}

.abbo_chooser.single>div {
	grid-template-columns: 1fr;
}

.welkomstgeschenkDiv {
    padding: 7px 12px;
    background: white;
    border: 1px solid #eee;
    margin-top: -1px;
    cursor: pointer;
}

.welkomstgeschenkDiv>div {
	position: absolute;
	right: 10px;
	color: red;
	font-size: 11px;
}

.welkomstgeschenkDiv:hover, .welkomstgeschenkDiv.chosen {
	background: rgb(207,241,255);
}

.btn.disabled {
    background: #bdbdbd;
    cursor: not-allowed;
}

.btn.disabled:hover {

}

.smpleab {
	width: 100%;
	max-width: 650px;
	margin: 25px auto;
	background: white;
	padding: 20px;
}

.smpleab .input input, .smpleab .input select, .smpleab .input textarea {
	width: 100%;
}

.flex-fill {
	display: flex;
	align-items: center;
	width: 100%;
}

.flex-fill>* {
	flex: 1;
}

.btn.disabled span {
    text-transform: lowercase;
    display: block;
    color: white;
    position: absolute;
    top: calc(100% - 15px);
    width: 75%;
    right: 10px;
    background: #bd1414;
    padding: 5px;
    z-index: 500;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: .5px;
    border-radius: 3px;
}


.inptbfbtn {
	display: none !important;
}

.err {
    color: #b61726;
    font-size: 11px;
}

.inptbfbtn + .btn.large>span {
    position: absolute;
    top: -21px;
    right: -14px;
    background: red;
    color: white;
    padding: 14px 10px;
    border-radius: 50%;
    font-size: 11px;
    box-shadow: -1px 1px 2px rgb(0 0 0 / 30%);
}


.btn.large.chosen, .inptbfbtn:checked + .btn.large {
    background: #1ca81c;
}

.editiess>.abs {
	position: absolute;
    left: calc( (100% - 130px) / var(--aantal) * var(--i) );
}

.abbo-vormen {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    grid-gap: 50px;
}

.abbo-vormen.third {
	grid-template-columns: 1fr 1fr 1fr;
}

.abbo-vormen>div {
	display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    width: 100%;
    flex-direction: column;
    height: 100%;
    background: white;
    padding: 25px 0px;
    cursor: pointer;
    border: 2px solid white;
}

.abbo-vormen>div>div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

.alert>p {
	width: 100%;
	max-width: 650px;
	margin:  0px auto;
}


.editiess {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 350px;
}

.editiess img {
	height: auto;
	width: 125px;
    box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 30%);

}

.editiess.space-evenly {
    justify-content: space-evenly;
    transform: translateY(-25px);
}


.editiess>div:nth-child(2n+1) {
    transform: translateY(5px) rotate(2deg);
}

.editiess>div:nth-child(2n) {
    transform: rotate(-3deg);
}

.editiess>.absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-5deg) !important;
    border-radius: 50%;
    background: rgb(210,37,55);
    padding: 25px;
    color: white;
    box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 30%);
}

h3.required:after, .input.required label:after {
    content: '*';
    color: red !important;
    font-size: 15px !important;
}

.center-es {
	min-height: 100vh;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
	padding: 15px;
}

#video-container {
	height: 100vh;
	width: 100%;
}

video {
	width: 100%;
	height: auto;
}

.overlay-es {
	position: fixed;
    bottom: 0px;
    top: auto;
    transform: none;
    left: 0;
    min-height: 0;
    padding: 25px;
    width: 100%;
    background: var(--blue);
    color: white;
}

.es-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 5px;
    padding: 10px 5px;
    border: 1px solid #000;
}

.es-box>div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.paginate {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 5px;
}
.eticket-scan .paginate div {
	padding: 10px;
	width: max-content;
	border: 1px solid  var(--blue);
}

.eticket-scan .paginate div.active {
	background: var(--blue);
	color: white;
}

.eticket-scan .autocomplete_output {
    position: absolute;
    z-index: 9000;
    background: white;
    width: 100%;
}

#step3 {
	padding-top: 50px;
}

.prdct-txt {
	margin: 10px 0 0 0;
}

.grid-magazines {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-magazines .prdct {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.paginate div {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 12px;
    color: #333;
    line-height: 40px;
    min-width: 40px;
    text-align: center;
}

.paginate .active {
    background-color: var(--green);
    color: white;
    border-radius: 50%;
}

.paginate div:not(.dots) {
    cursor: pointer;
}

.paginate div.btn {
	color: white;
}

.shoppingcart-inline .shpLine {
    margin: 0px;
    margin-top: -1px;
    padding: 5px;
}

.shoppingcart-inline .btn {
	margin: 10px 0 ;
}

.timeline {
    
   	background: white;
}

.timeline_inner {
	display: flex;
    justify-content: space-between;
    align-items: center;
   	padding: 50px 50px 25px 50px;
   	width: 100%;
   	max-width: 900px;
   	margin: 0px auto;
}

.timeline .line {
    width: 100%;
    height: 2px;
    background: #c0c0c0;
}

	.timeline .line:after {
		content: '';
		width: 0%;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		background: black;
		transition: .75s;;
	}

		.timeline .line.active:after {
			width: 100%;
			transition: .75s;
		}

	
.timeline .step {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 10px;
    opacity: .25;
    cursor: default;
    color: black;
    text-decoration: none;
    cursor: not-allowed;
}

.timeline a.step {
	cursor: pointer;
}

.icon.icon-mega {
    width: 135px;
    fill: var(--green);
}
.prdct .img-cntr.club>img {
    width: 125px;
    height: 125px;
    object-fit: contain;
    box-shadow: none;
}


.timeline span {
	height: 35px;
	width: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 50%;
	border: 2px solid black;
    font-weight: bold;
}

	.timeline .step.active  {
		opacity: 1;
		transition: .3s;
		transition-delay: .75s;
		cursor: pointer;
	}

	.timeline .step.active>span {
		background: var(--green);
		transition: .3s;
		transition-delay: .75s;
	}

	.timeline .step.active.done  {
		cursor: not-allowed;
	}
.pre span {
    background: red;
    padding: 10px;
    display: block;
    cursor: pointer;
}

.timeline .step>div {
    font-size: 15px;
    font-family: "hero-new";
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.step-blocks {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 500px;
    white-space: nowrap;
    background: white;
}

#myparcel_search_location {
	display: grid;
	grid-template-columns: max-content max-content max-content;
	align-items: center;
}

.step-block {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    white-space: normal;
    overflow: hidden;
}

.step-blocks>div {
	width: 100%;
	transform:translateX( calc( var(--step) * -1 * 100% ));
    transition: transform .5s;
}

.step-block .login {
	width: 100%;
	max-width: 800px;
}

.split-name {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	width: 100%;
	column-gap: 10px;
}

.split-name input {
	width: 100%;
}

.rrow {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 15px;
	width: 100%;
}

.address-found {
	border: 1px solid #eee;
	border-radius: 3px;
	padding: 10px;
	background: white;
	margin: 10px 0px;
}

.parzak-chooser {
	display: flex;
	align-items: center;
	column-gap: 15px;
}

.radio-button label {
	border: 1px solid #ccc;
	padding: 12px 20px;
	width: max-content;
	border-radius: 5px;
	cursor: pointer;
} 

.radio-button input {
	display: none;
}

.radio-button input[type="radio"]:checked+label {
    background: #92a28e69;
    border: 1px solid #a1a1a1;
}

#zak, #zakbezorging {
    background: #f5f5f5;
    padding: 20px;
    width: max-content;
}

#zak input, #zakbezorging input {
	width:300px;
}

.grid-split {
	display: grid;
	grid-template-columns: 1fr 350px;
	column-gap: 25px;
}

.grid-split.grid-split-half {
	grid-template-columns: 3fr 2fr;
}

.shoppingcart-summary .shpLine>.left {
    grid-template-columns: 50px 1fr;
    align-items: flex-start;
}

.shoppingcart-summary .shpLine a {
	font-size: 13px;
}

.shoppingcart-summary .subContainer {
    font-size: 11px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.checkout {
	background: white;
}


.step-block #progress-bar {
	margin: 10px 0px;
	text-align: center;
}

.step-block .shoppingcart-summary {
    overflow: hidden;
    width: 100%;
    max-width: 700px;
}

.shoppingcart-summary .var {
	font-size: 10px;
}

.pdnz.simple {
    font-size: 12px;
    color: #333;
    margin-top: 10px;
    padding-top: 15px;
}

.pic-container #eigenschappen_deelnemer h3 {
	font-size: 14px;
	padding-top: 7.5px;
}

#eigenschappen_deelnemer h4 {
    background: var(--blue);
    padding: 12px;
    color: white;
    border-radius: 3px 3px 0px 0px;
}

#eigenschappen_deelnemer .eigenschappen {
	border-bottom: 1px solid #ddd;
}

#eigenschappen_deelnemer .eigenschappen {
	border: 1px solid #ddd;
	padding: 10px;
}

.f-select-cntr {
    width: 100%;
    z-index: 7000;
	cursor: pointer;
}

.f-select {
    background: white;
    border-radius: 3px;
}

#shcart .f-unit, .checkout .f-unit {
	margin: 5px 0px;
}



.f-table {
	border: 1px solid #ddd;
	margin-top: -1px;
	padding: 10px;
}



.checkout .f-select img, #shoppingcart-inline .f-select img {
    display: none;
}

.checkout .f-select .dt, #shoppingcart-inline .f-select .dt {
	display: none;
}

.checkout .f-select h4, #shoppingcart-inline .f-select h4 {
	font-size: 125%;
}

.checkout .f-select>div, #shoppingcart-inline .f-select>div {
	grid-template-columns: 1fr;
}

.f-select>a, .f-select>div  {
    display: grid;
    grid-template-columns: 1fr max-content;
    padding-right: 15px;
    padding-left: 15px;
    align-items: center;
    padding-right: 75px;
}

.f-select>a>div, .f-select>div>div  {
	display: flex;
	align-items: center;
	column-gap: 10px;

}

.checkout .f-select>div>div, #shoppingcart-inline .f-select>div>div {
    display: flex;
    align-items: flex-start;
    column-gap: 10px;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-transform: uppercase;
    margin: 7.5px 0px;
    font-size: 13px;
}

.f-select img {
	height: 50px;
	width: auto;
	margin: 10px 0px;
}

#f-select-choser {
	display: none;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-radius: 0px 0px 3px 3px;
}

#f-select-chosen {
	border: 1px solid #ddd;
}

.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
	transition: .3s;
}

.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
}

.chevron.bottom:before {
	top: 0;
	transform: rotate(135deg);
}

.chevron.left:before {
	left: 0.25em;
	transform: rotate(-135deg);
}

.f-select .chevron {
	transform: scale( 1.5);
	position: absolute;
	right: 25px;
}

#f-select-choser img{
	height: 40px;
}

#f-select-choser a {
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    color: black;
}

#f-select-choser a:hover {
	background: #eee;
}

#f-select-choser h4 {
	font-size: 16px;
}

.open #f-select-chosen .chevron:before {
	transform: rotate(-45deg);
	transition: .3s;
}

.sbs {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 25px;
    text-align: left;
}

.def-img-1 {
    position: absolute;
    z-index: 100;
    width: 65% !important;
    max-width: 175px !important;
    right: 10px;
    bottom: -10px;
}

.orderrr {
    display: grid;
    grid-template-columns: 1fr max-content;
    padding: 0px 50px;
}

#plaatsorderBtn {
	background: black;
	border: 1px solid black;
	width: calc(100% - 20px);
	margin: 10px 10px;
    font-size: 15px;
}

.breadcrumbs-container {
	margin: 0;
	padding: 0;
}

.breadcrumbs-container li {
	display: inline-block;
	vertical-align: middle;
	list-style-type: none;
	margin-right: 7.5px;
}

.breadcrumbs-container li a {
	text-decoration: none;
	color: inherit;
	color: gray;
}


.slick-thumbs .slick-slide.slick-cloned {
    display: none;
}



.autocomplete_output {
    position: absolute;
    background: white;
    z-index: 9990;
    max-height: 500px;
    height: max-content;
    overflow-y: auto;
    overflow-x: hidden;
    top: 100%;
}

.autocomplete_output>div {
    border: 1px solid #eaeaea;
    width: 100%;
}

.autocomplete_output .option {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 5px;
    line-height: 32px;
    width: 100%;
    outline: none;
    border: none;
    border-bottom: 1px solid #eaeaea;
    background: white;
}

.autocomplete_output .option:hover {
	background: #eee;
}
.autocomplete_output .option:focus {
	background: var(--rfc_orange);
}


.tp_wrapper {
	margin-top: 75px;
	background: #0c0d2b;
	overflow: auto;
	padding-bottom: 30px;
}

.tp_wrapper h2 {
	margin: 15px auto ;
	display: block;
	text-align: center;
	color: white;
}

#tp_inner  {
 	width: 100%;
 	display: flex;
 	align-items: stretch;
 	margin-top: 50px;
 	margin-bottom: 50px;
}

.tp_block {
	background: #fff;
	padding: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	line-height: 1.5;
	row-gap: 10px;
	color: black;
    text-decoration: none;
    height: 100%;
    margin-right: 25px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
    transform: scale(0.95);
    transition: .3s;
}


.rfc_blocks .tp_block p {
	margin: 0px;
	color: black;
}
.tp_block img {
	width: 150px;
}

.tp_block:hover {
    transform: scale(1);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    text-decoration: none;
}

.tp_block .tp_space_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	font-size: 13px;
}

.tp_center {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.tp_button {
    display: grid;
    grid-template-columns: max-content 86px;
    color: #191919;
    column-gap: 5px;
    padding: 10px;
    background: white;
    border: 1px solid #00b67a;
    width: max-content;
    font-weight: normal;
    font-size: 13px;
    line-height: 21px;
    text-decoration: none;
}

.tp_button svg {
	width: 100%;
	max-width: 86px;
}


.rfc_blocks_tp {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 100px;
	margin: 100px 0px 150px 0px;
}

.rfc_blocks_tp>div {
	width: calc(50vw - 50px);
}


.rfc_blocks_tp>div:first-child {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tp_content {
	display: flex;
	justify-content: flex-end;
	align-items: center;
    flex-direction: column;
    max-width: 500px;
}

.rfc_blocks_tp>div:first-child>div {
    max-width: 500px;
    margin-left: calc((100vw - var(--container-small-width)) / 2);
}
.tp_content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    text-align: left;
}

.owl-carousel-sm .owl-dots {
	display: none;
}

.grid_columns_2 img {
  max-width: 550px;
}

.grid_columns_2 > div > .img-cntr > img:not(.full) {
  aspect-ratio: 1.25;
  object-fit: cover;  
  width: 100%;
}

#cms_page h1 {
	font-size: 55px;
	margin: 0px auto;
	text-align: center;
}

.ddClubChooser {
	display:flex;
	justify-content: space-evenly;
	align-items: center;
}

.ddClubChooser.showExtra select {
	border-radius: 0px;
}

.ddClubChooser.showExtra select:nth-of-type(1) {
	border-radius: 25px 0px 0px 25px;
	min-width: 75px;
}

.ddClubChooser.showExtra select:last-child{
	border-radius: 0px 25px 25px 0px;
}

.ddClubChooser span {
    padding: 0px 5px;
    background: white;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 2.5px 0px;
    height: 36px;
    display: flex;
    align-items: center;
}

.ddClubChooser .extra {
	display: none;
}

.ddClubChooser.showExtra .extra {
	display: flex;
}

span.euro {
    font-family: fantasy;
}