@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Anton';
    src: url('fonts/anton-regular-webfont.woff2') format('woff2'),
         url('fonts/anton-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?oon1td');
  src:  url('fonts/icomoon.eot?oon1td#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?oon1td') format('truetype'),
    url('fonts/icomoon.woff?oon1td') format('woff'),
    url('fonts/icomoon.svg?oon1td#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


html, body {

	font-family:'Open Sans',Tahoma, Geneva, sans-serif;
	font-size: 17px;
	line-height:30px;
	height: 100%;
	background-color:#fff
	
}
html,body,ul, li {
	margin:0px;
	padding:0px;
}

html {
	overflow-x: hidden;
	overflow-y: scroll;
/*	scroll-behavior: smooth; */
}

strong,b {
	/*font-weight:normal;*/
	font-family:'Open Sans Bold',Tahoma, Geneva, sans-serif;
}
small {
    font-size: 85%;
}


#top {
    width: 100%;
    color: #FFF;
    position: fixed;
    bottom: 0;
    z-index: 998;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: table;
    background-color: rgba(0, 0, 0, 0.85);
}

.bgdonker, 
.bgdonker body {
    background-color: #000;
}




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

	
	#top {	

	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);


	}

	/* 
	
	#vervolgpagina body:not(.page-template-contact, .page-template-shop) #top	
	*/
	
	.scrolling #top,
	#vervolgpagina body:not(.page-template-contact):not(.page-template-shop) #top {
	background:none;
    background-color: rgba(0, 0, 0, 0.85);
	}	
	
	#wrapper,
	.wrappershop #videoshop {
		padding-bottom:20%
		
	}

}
#wrapper.wrappershop {
	padding-bottom:0px
}

#logo {

    width: 80%;
    max-width: 400px;
    padding-left: 10%;
}

#logo a {
    display: inline-block;
    text-decoration: none;
    border: none;
}

#logo img {
    width: 100%;
    height: auto;

}

#case img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    display: block;

}
/*
.knop {

    padding: 7px;
    text-decoration: none;
    border-radius: 2px;
    display: block;
    text-align: center;
    border: none !important;
    width: 50%;
	min-width: 200px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;

    text-decoration: none;
    background-color: #5db7e5;	
    color: #000 !important;
	transition:0.4s ease background-color
		
}
.knop2 {

    padding: 10px;
    text-decoration: none;
    border-radius: 2px;
    color: #000 !important;
    display: block;
    text-align: center;
    box-sizing: border-box;
    margin-top: 30px;
    display: inline-block;
    padding-left: 80px;
    padding-right: 80px;
    max-width: 100%;
    border: none !important;
    text-decoration: none;
    background-color: #5db7e5;
	transition:0.4s ease background-color	
	
}
*/
.knop, .knop2 {
    text-decoration: none;
    border-radius: 2px;
    display: block;
    text-align: center;
    border: none !important;
    box-sizing: border-box;
    background-color: #5db7e5;
    color: #000 !important;
    transition: 0.4s ease background-color;
}

.knop {
    padding: 7px;
    width: 50%;
    min-width: 200px;
    padding-left: 20px;
    padding-right: 20px;
}
/*
.knop2 {
    padding: 10px;
    margin-top: 30px;
    display: inline-block;
    padding-left: 80px;
    padding-right: 80px;
    max-width: 100%;
}
*/

a.knop:active,
a.knop:hover,
a.knop2:active,
a.knop2:hover {
	background-color:#8ad7ff;		

}

#pijl {
	z-index:4;
	position:absolute;
	bottom:40px;
	
	text-align:center;
	width:30px;
	height:11px;
	left:50%;
	margin-left:-20px;
	background-image:url(images/pijl.png);
	background-repeat:no-repeat;
	background-size:30px 11px

}

.iconen {
    min-height: 40px;
    width: 100%;
}

.icons:before {
  font-family: "icomoon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    border:none !important;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    max-width: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;	
	
}

.icons {
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    padding: 6px;
}

.iconen > a:first-child {
	padding-left:0
}

.icons:last-child {
	margin-right:0px
}

.iconen a {
	color:#fff; 
	text-decoration:none
}

.iconen a:hover,
.iconen a:focus {
    color: #45bbee;

}

#copy {
    color: #777;
    font-size: 11px;
    padding: 20px;
	text-align:center;
	display:none
}

#copy a {
	color:#777;
	text-decoration:none
}

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

	body:not(.scrolling) #logo img {

		filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));	
	}	

	body:not(.scrolling) #menu li a {
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);	
	}	
	
	.iconen {
	    float: right;
		text-align:right
	}

	.icons {

    	margin-right: 8px;
	}
	.icon-tiktok {
		margin-right:4px
	}

	#copy {
		display:block
	}
	
}

.blok{
	position:relative;
	float:left;
	transform: scale(1.0) translateZ(0);	
	box-shadow:none;		
	transform-origin: center center;
	transition: transform 0.0s linear,box-shadow 0.0s linear;
	backface-visibility:hidden;

}
a.blok {
	-webkit-t-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
 
.blok:hover {

	transform: scale(1.02) translateZ(0);
	transition: transform 0.2s linear,box-shadow 0.2s linear;
	z-index:2;  
	
}
 
.blok::after {

	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.80);		
	opacity:0;

}
	
.blok:hover::after {
   	 opacity: 1;		
}  

@media screen and (max-device-width: 1024px) {
	
	.blok,
	.blok:hover,
	.blok:hover::after {

  	transform:none !important;
	box-shadow: none !important;
	}
	
}	

.blok {
	display:block;
	outline: none;
    border: none;
    -webkit-user-select: none;
    user-select: none;	
}

.blok img {
	width:100%;
	max-height:100%
}


h1,h2,h3 {
	font-size: calc(34px + 0.5vw);
    line-height: calc(44px + 0.5vw);
	font-weight: 400;
    font-family: 'Anton', sans-serif;
	color:#ffffff;
	margin-top: 30px;
	margin-bottom: 24px;
}
h1 {
	margin-top: 0

}
h3 {
	font-size: calc(24px + 0.5vw);
    line-height: calc(30px + 0.5vw);	
}

#hi h2 {
	font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    font-family:inherit;
    color:inherit

}

.nomobile,
.notablet {
	display:none
}

.blauw {
	color:#5db7e5
}

.donker {

	/* background-color:#1e1e1e; */
	background-color: #000;
	color:#ddd;
}

.licht {
	background-color:#fff;
	color:#444;
}

.licht h3 {
	color:#1e1e1e
}

a {
	color:#aaa;
	text-decoration:none;
}

.dotted {
		border-bottom: dotted 1px;
}
.licht a {
	color:inherit;
	border-color:inherit;
	text-decoration:none;
	border-bottom: dotted 1px;
}
.licht a:hover {
	color:#000;
	border-bottom: solid 1px #000;	
	
}
.donker a {
	color:#fff;
	text-decoration:none;
	border-color:inherit;
	color:inherit;
	border-bottom: dotted 1px;	
}
.donker a:hover {
	border-bottom: solid 1px;	
}

a:hover {
	color:#fff;
	transition: color 0.5s linear;	

}

.main {

	box-sizing:border-box;
}

.content {
	max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 80px
	
}
.content ul {
	/* list-style: circle */
	  list-style: none;
  padding-left: 0;
text-indent: -28px;
    margin-left: 28px;
}
/*
.content ul li {
	margin-left:20px
}
*/
.content ul li:before {
	  content: "— ";
  margin-right: 0.5em;
	color:#5db7e5
}
/*
.martijn {

	background-position:98% 50%;
	background-size:auto 80%;
	background-repeat:no-repeat;
	
}
*/
#hi img {
    height: 180px;
    width: 180px;
    border-radius: 50%;
	display:block;
    float: right;
}

.groter {
	font-size:120%; 
	line-height:160%
}

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

	.groter {
		font-size:130%; 
		line-height:170%
	}
	
	.content {
	   max-width: 50%;
  
	}
	.content3 {
		max-width:80%
	}
	#hi img,
	#hi2 {

		float:right;
		margin-bottom:20px


	}	
	
}

#backlight {
	/* background-color: #1e1e1e; */
	background-color: #000
	
}

@media only screen and (min-width: 1001px) {
/*	
	#backlight {

	background-image: radial-gradient(circle at 50% 50%, #002244 30%, #000);
	}	
*/	
	.content {
		max-width: 40%;
    	padding-top: 4.5vw;
    	padding-bottom: 5.5vw	   
	}
	.content2 {
		max-width:50%
	}
	.content3 {
		max-width:70%;
	}
/*
	.martijn {
		background-image:url(images/martijn.png);	
	}
*/	
}

#voorpagina .content3 {
	max-width:100%
}

@media only screen and (min-width: 1601px) {
	.content {
	   max-width: 35%;
	}
	
}

#ideafirst .content {
	padding-bottom: 12vw
}

#ideasecond .content {
	padding-bottom: 2vw
}


.fotoblokken {

    position: relative;
	
}
.fotoblokken .fotoblok {
	width:100%;
	padding-top:50%;
	float:left;
	position:relative


}
.fotoblokken .fotoblok img {
	object-fit: cover;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0px;
	left:0px
}

.wrapbreed {

	margin-left:auto;
	margin-right:auto;
/*	padding-bottom:80px */

}
.wrapbreed2 {
	width:90%;
	max-width:1024px;
	text-align:center

}
#videoshop {
	display:block

}

.fotorond {

    width: 50%;
    padding-top: 50%;
    float: left;
    position: relative;
    overflow: hidden;

}

.fotorond2 {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}
/*
@media only screen and (min-width: 691px) {
	
	.drie .fotorond {
		width:33%;
		padding-top:33%;
	}

	.wrapbreed {
	padding-bottom:7vw;

	}
	
}
*/
.wrapbreed:after {
	content: '';
    display: block;
    clear: both;
	
}

.fotorond img {
	
	object-fit: cover;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	border-radius: 50%;
    box-sizing: border-box;	

}

.fotoreeks {
	position: absolute;
    width: 100%;
    text-align: center;
    font-size: 0;
    z-index: 9;
    width: 70%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.fotoreeks .reeks {
    width: 25%;
	padding-top:25%;
    display: inline-block;
	position:relative
	
}
.fotoreeks .reeks img {

	object-fit: cover;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
    padding: 4px;
    box-sizing: border-box;		
}


#contact h1 {
	padding-left:10px
}

#contactpadding {
	padding:20px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding-top:4vw
}
/*
#contactform {
  position: relative;
  overflow-x: hidden;

}

#contactform iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
    border:none;
	background-color:#000;

}
*/

.grecaptcha-badge {
    z-index: 99999;
}
#menu {
	display:none
}
#menu ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#menu li {
	float: left;
}

#menu li {
    list-style: none;
}

#menu li a {
    text-transform: uppercase;
	font-size:28px;
	line-height:26px;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff; /* ccc */
    text-decoration: none;
    position: relative;
    display: block;
    box-sizing: border-box;

	padding-top:14px;
	padding-bottom:14px;
	font-weight:400;
	font-family: 'Anton', sans-serif;	

}


.rmp-menu-item-link {
		font-family: 'Anton', sans-serif !important;
		padding:0px !important
}

#menu li a:hover {

	transition: color 0.4s linear;
	
}

#intro {
    width: 100%;
	height:400px; 
    position: relative;
    overflow: hidden;
	display:none

}

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

	.fotoreeks {
		width:50%
		
	}

	.fotoblokken .fotoblok {
		width:50%;
		padding-top:35%;
	}

	#intro {
	height:450px;
	display:block
	}
	.wrapbreed {
		width:90%
	}
	.nomobile {
		display:block
	}	

}

@media only screen and (min-width: 691px) {
	#intro {	
	    height: 100%;
	}
	.wrapbreed {
		width:80%
	}
	#contactpadding {
		width:80%	
	}
}

@media only screen and (min-width: 901px) {
	#menu {
		display: block; /* inline-block */
		float: right;
	}	
	
}

#videowrap {
	    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
}

#introvideo {

	position:absolute;
	object-fit: cover;
    width: 100%;
	height: 100%;
	pointer-events:none		
}

@media only screen and (max-width: 1100px) {
	#menu li a {
		text-transform: uppercase;
		font-size: 20px;
		line-height:20px;
		padding-left: 16px;
		padding-right: 16px;	
	}
}

#menu li a:hover,
#menu li a:active {
	color:#b6dfee
}

#menu li.actief a,
#menu li.current_page_item a {
	color:#5fc5eb
}

.container {
	width:70%;
	margin-left:auto;
	margin-right:auto;
}

#topwrap {
	display:table-row

}
#cont1,
#cont2 {

	display: table-cell; 
    vertical-align: middle;
	padding-top:30px;
	padding-bottom:30px
	
}
.c1 {
	width:35%
}
.c2 {
	width:65%;
	
	box-sizing:border-box;
	padding-right:50px
}


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

	#work a {
	  display: none;
	}

	#work a:nth-child(-n+24) {
	  display: block;
	}		
	
	#contactpadding {
		padding:20px;
		padding-left:10px;
		padding-right:10px
	}

}

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


	
	#hi img {

		width:140px;
		height:140px
		}

	.shopblok .knop {
		margin-left: auto;
		margin-right: auto;
	}


	#logo {
		width: 70%;
		box-sizing:border-box
	}

	#top {
		display:block;
		position:static
	}
	
	#cont1 {
		display:block;
		width:100%;
		padding-top:15px;
		padding-bottom:10px		
	}
	#cont2 {
		display:block;
		width:100%;
		padding-top:0px;
		padding-bottom:8px;
		padding-right:0px	
	}
	.iconen {
		padding-left:10%;
		box-sizing: border-box;
	}

}

.blokimg {
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%
}

.blok1 {
	width:50%;
	padding-top:50%
	
}
.blok2 {
	width:50%;
	padding-top:50%	
}
#contact {
 
    color: #ccc;
}
#contact a {
    color: #ddd;
}
#contact a:hover {
    color: #fff;
}
/*
#contactform {
	padding-top: 220%;
}

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

	#contactform {
		padding-top: 150%;
	}	

}
*/
@media only screen and (min-width: 691px)	{

	.blok1 {
		width:33.33%;
		padding-top:33.33%
	}
	.blok2 {
		width:33.33%;
		padding-top:33.33%
	}	
/*
	#contactform {
		padding-top: 160%;
	}	
*/
}

@media only screen and (min-width: 1001px)	{
	.content3 {
		max-width:70%
	}
	.blok1 {
		width:25%;
		padding-top:25%
	}
	.blok2 {
		width:50%;
		padding-top:25%
	}	
/*
	#contactform {
		padding-top: 110%;
	}	
*/	
}

@media only screen and (min-width: 1101px)	{
/*
	#contactform {
		padding-top: 75%;
	}	
*/	
	.notablet {
		display:block
	}	
	#hi img {
		width:200px;
		height: 200px;
	}
	
}

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


	
	.blok1 {
		width:20%;
		padding-top:20%
	}
	.blok2 {
		width:40%;
		padding-top:20%
	}	
/*
	#contactform {
		padding-top: 60%;
	}	
*/		
}
/*
@media only screen and (min-width: 1501px)	{
	#contactform {
		padding-top: 55%;
	}		
}
*/
@media only screen and (min-width: 1601px)	{
	.content3 {
		max-width:60%
	}	
}


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

	.shopblok h2 {
		font-size:32px
	}

	#cont1 {
		padding-bottom: 8px;
	}	
	.lg-sub-html {
		padding:10px !important
	}

	.groter {
		font-size: 100%;
	}

}
@media only screen and (max-width: 360px)	{
		#hi img {

	width:120px;
	height:120px
	}

}

/* -------------- shop ------------------- */


.shopblokwrapper {
	display: flex;
    flex-wrap: wrap;
}

.shopblok {
    
    color: #eee;
    box-sizing: border-box;

	margin-bottom:60px;
	width:100%;
	float:left;
	border-radius: 4px;
	
		display:block;
		text-align:center;
		padding: 0;
	overflow:hidden;
	background-color:#000;
	position: relative
       

}

.shopblok h2 {
	display: inline-block;
	margin:0
}

.shopblok .blokcontent img {
	width:30px; 
	height:auto
}

.shopblok .blokcontent {
	padding-left:0px;
	padding-right: 0px;
	padding-top:30px;
	padding-bottom:30px
}

.blokhead {
	line-height: 0;
	position: relative
		
}
	.blokhead:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 50%);
background: linear-gradient(350deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 50%);	*/
 /*   background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 30%);		*/
background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0px, rgba(0, 0, 0, 0) 30px);		
    pointer-events: none;
    z-index: 1;
		
	}
.blokhead img {
	object-fit: cover;
	width:100%;
	height: 70px
}
.blokhead.groot img {
	height:40vw;
	max-height:250px
}
	.shopblok:before {
		    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
        background: linear-gradient(277deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0.4) 99%, rgba(255, 255, 255, 0.2) 100%);
		pointer-events: none;
		top:0;
		left:0;
		z-index: 2
		
	}
	.shopblok p {
		margin-top:4px;
		margin-bottom:18px;
		display: block;
	}


@media only screen and (min-width: 481px) {
	.shopblok .blokcontent img {
		width:38px; 
	}
		.blokhead img {
		
		height: 90px
	}	
	.shopblok .blokcontent {
		
	padding-left:40px;
	padding-right: 20px;
	padding-top:40px;
	padding-bottom:40px		
	}	
}

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

	.shopblok {
		

		text-align: left;

	}


/*	
	.page-template-shop .shopblok:before {
		
        background: linear-gradient(355deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0.4) 99%, rgba(255, 255, 255, 0.2) 100%);

	}
*/	


}

@media only screen and (min-width: 1001px) {
	
	.shopblok:nth-child(odd) {
		width:47%;
		margin-right:3%
		
	}
	
	.shopblok:nth-child(even) {
		width:47%;
		margin-left:3%
	}	

	
}

.shopblok .knop {
	padding-left:0px;
	padding-right:0px
	
}

@media only screen and (min-width: 1001px) and (max-width:1300px) {
	.shopblok .knop {
		font-size:90%
	}
	.shopblok h2 {
		    font-size: calc(24px + 0.5vw);
	}	
	.shopblok .blokcontent img {
        width: 30px;
    }
	.shopblok .blokcontent {
		padding-top: 30px;
		
	}
}
@media only screen and (min-width: 1001px) and (max-width:1400px) {
	.shopblok {
		min-height:250px
	}
}

.shopblok h3 {
	margin:0px
}
.shopblok ul {
    list-style: none;
    margin-bottom: 24px;
    color: #ddd;
}
.shopblok li {

    padding-left: 24px;
}
.shopblok li:before {
    content: "\2014\a0";
    position: absolute;
    margin-left: -24px;
}


/* -------------- shop ------------------- */



/* -------------- third party ---------------------- */

.icon-tiktok:before {
  content: "\e901";
}
.icon-paypal:before {
  content: "\e900";
}
.icon-mail:before {
  content: "\e01f";
}
.icon-behance:before {
  content: "\e027";
}
.icon-twitter:before {
  content: "\e040";
}
.icon-facebook:before {
  content: "\e041";
}
.icon-pinterest:before {
  content: "\e043";
}
.icon-linkedin:before {
  content: "\e049";
}
.icon-youtube:before {
  content: "\e051";
}
.icon-instagram:before {
  content: "\e057";
}
.icon-google:before {
  content: "\e067";
}
.icon-telegram:before {
  content: "\e06e";
}
.icon-down-open-mini:before {
  content: "\6a";
}
.icon-left-open-mini:before {
  content: "\6b";
}
.icon-up-open-mini:before {
  content: "\6c";
}
.icon-right-open-mini:before {
  content: "\6d";
}
.icon-arrow-right2:before {
  content: "\6e";
}


.mfp-title .icon-instagram {
	color: #fff;
    padding: 0px;
    float: none !important;
    display: inline-block;
	margin-right:8px
}

.mfp-title {

  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-bottom:10px
 }

.mfp-title div {
    font-size: 14px;
    float: right;
    margin-right: 10px;
    color: #ccc;
	
}
.mfp-title div a {
	color:inherit
	
}
.mfp-title .icons {
	color:#fff;
	padding:0px
}

.mfp-title #instapre {
		display:none
}
.mfp-title small {
	color: #BDBDBD;
	display:none;
	margin-left:8px
}


@media only screen and (min-width: 481px) {
	.mfp-title #instapre {
		display:inline-block;
		margin-right:4px;
		font-size:13px
		
	}

	.mfp-title small {
		display:inline-block
	}	

}


/* ----------- lightgallery --------------- */


.lg-backdrop.in {
	opacity:0.8 !important
}
.lg-item {
	background: none !important /* loading gif */
}
.caption {
	display:none
}


/* ----------- lightgallery 2.8.2 lightgallery.css --fonts folder aangepast --------------- */

@font-face {font-family: "lg";src: url("fonts/lg.woff2?io9a6k") format("woff2"), url("fonts/lg.ttf?io9a6k") format("truetype"), url("fonts/lg.woff?io9a6k") format("woff"), url("fonts/lg.svg?io9a6k#lg") format("svg");font-weight: normal;font-style: normal;font-display: block;}.lg-icon {font-family: "lg" !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.lg-container {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}.lg-next, .lg-prev {background-color: rgba(0, 0, 0, 0.45);border-radius: 2px;color: #999;cursor: pointer;display: block;font-size: 22px;margin-top: -10px;padding: 8px 10px 9px;position: absolute;top: 50%;z-index: 1084;outline: none;border: none;}.lg-next.disabled, .lg-prev.disabled {opacity: 0 !important;cursor: default;}.lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) {color: #fff;}.lg-single-item .lg-next, .lg-single-item .lg-prev {display: none;}.lg-next {right: 20px;}.lg-next:before {content: "\e095";}.lg-prev {left: 20px;}.lg-prev:after {content: "\e094";}@-webkit-keyframes lg-right-end {0% {left: 0;}50% {left: -30px;}100% {left: 0;}}@-moz-keyframes lg-right-end {0% {left: 0;}50% {left: -30px;}100% {left: 0;}}@-ms-keyframes lg-right-end {0% {left: 0;}50% {left: -30px;}100% {left: 0;}}@keyframes lg-right-end {0% {left: 0;}50% {left: -30px;}100% {left: 0;}}@-webkit-keyframes lg-left-end {0% {left: 0;}50% {left: 30px;}100% {left: 0;}}@-moz-keyframes lg-left-end {0% {left: 0;}50% {left: 30px;}100% {left: 0;}}@-ms-keyframes lg-left-end {0% {left: 0;}50% {left: 30px;}100% {left: 0;}}@keyframes lg-left-end {0% {left: 0;}50% {left: 30px;}100% {left: 0;}}.lg-outer.lg-right-end .lg-object {-webkit-animation: lg-right-end 0.3s;-o-animation: lg-right-end 0.3s;animation: lg-right-end 0.3s;position: relative;}.lg-outer.lg-left-end .lg-object {-webkit-animation: lg-left-end 0.3s;-o-animation: lg-left-end 0.3s;animation: lg-left-end 0.3s;position: relative;}.lg-toolbar {z-index: 1082;left: 0;position: absolute;top: 0;width: 100%;}.lg-media-overlap .lg-toolbar {background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));}.lg-toolbar .lg-icon {color: #999;cursor: pointer;float: right;font-size: 24px;height: 47px;line-height: 27px;padding: 10px 0;text-align: center;width: 50px;text-decoration: none !important;outline: medium none;will-change: color;-webkit-transition: color 0.2s linear;-o-transition: color 0.2s linear;transition: color 0.2s linear;background: none;border: none;box-shadow: none;}.lg-toolbar .lg-icon.lg-icon-18 {font-size: 18px;}.lg-toolbar .lg-icon:hover {color: #fff;}.lg-toolbar .lg-close:after {content: "\e070";}.lg-toolbar .lg-maximize {font-size: 22px;}.lg-toolbar .lg-maximize:after {content: "\e90a";}.lg-toolbar .lg-download:after {content: "\e0f2";}.lg-sub-html {color: #eee;font-size: 16px;padding: 10px 40px;text-align: center;z-index: 1080;opacity: 0;-webkit-transition: opacity 0.2s ease-out 0s;-o-transition: opacity 0.2s ease-out 0s;transition: opacity 0.2s ease-out 0s;}.lg-sub-html h4 {margin: 0;font-size: 13px;font-weight: bold;}.lg-sub-html p {font-size: 12px;margin: 5px 0 0;}.lg-sub-html a {color: inherit;}.lg-sub-html a:hover {text-decoration: underline;}.lg-media-overlap .lg-sub-html {background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));}.lg-item .lg-sub-html {position: absolute;bottom: 0;right: 0;left: 0;}.lg-error-msg {font-size: 14px;color: #999;}.lg-counter {color: #999;display: inline-block;font-size: 16px;padding-left: 20px;padding-top: 12px;height: 47px;vertical-align: middle;}.lg-closing .lg-toolbar, .lg-closing .lg-prev, .lg-closing .lg-next, .lg-closing .lg-sub-html {opacity: 0;-webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;-moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;-o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont {opacity: 0;-moz-transform: scale3d(0.5, 0.5, 0.5);-o-transform: scale3d(0.5, 0.5, 0.5);-ms-transform: scale3d(0.5, 0.5, 0.5);-webkit-transform: scale3d(0.5, 0.5, 0.5);transform: scale3d(0.5, 0.5, 0.5);will-change: transform, opacity;-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont {opacity: 1;-moz-transform: scale3d(1, 1, 1);-o-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}.lg-icon:focus-visible {color: #fff;border-radius: 3px;outline: 1px dashed rgba(255, 255, 255, 0.6);}.lg-toolbar .lg-icon:focus-visible {border-radius: 8px;outline-offset: -5px;}.lg-group:after {content: "";display: table;clear: both;}.lg-container {display: none;outline: none;}.lg-container.lg-show {display: block;}.lg-on {scroll-behavior: unset;}.lg-overlay-open {overflow: hidden;}.lg-toolbar, .lg-prev, .lg-next, .lg-pager-outer, .lg-hide-sub-html .lg-sub-html {opacity: 0;will-change: transform, opacity;-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;}.lg-show-in .lg-toolbar, .lg-show-in .lg-prev, .lg-show-in .lg-next, .lg-show-in .lg-pager-outer {opacity: 1;}.lg-show-in.lg-hide-sub-html .lg-sub-html {opacity: 1;}.lg-show-in .lg-hide-items .lg-prev {opacity: 0;-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}.lg-show-in .lg-hide-items .lg-next {opacity: 0;-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}.lg-show-in .lg-hide-items .lg-toolbar {opacity: 0;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}.lg-outer {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1050;text-align: left;opacity: 0.001;outline: none;will-change: auto;overflow: hidden;-webkit-transition: opacity 0.15s ease 0s;-o-transition: opacity 0.15s ease 0s;transition: opacity 0.15s ease 0s;}.lg-outer * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.lg-outer.lg-zoom-from-image {opacity: 1;}.lg-outer.lg-visible {opacity: 1;}.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {-webkit-transition-duration: inherit !important;transition-duration: inherit !important;-webkit-transition-timing-function: inherit !important;transition-timing-function: inherit !important;}.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {-webkit-transition-duration: 0s !important;transition-duration: 0s !important;opacity: 1;}.lg-outer.lg-grab img.lg-object {cursor: -webkit-grab;cursor: -moz-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}.lg-outer.lg-grabbing img.lg-object {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: -o-grabbing;cursor: -ms-grabbing;cursor: grabbing;}.lg-outer .lg-content {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}.lg-outer .lg-inner {width: 100%;position: absolute;left: 0;top: 0;bottom: 0;-webkit-transition: opacity 0s;-o-transition: opacity 0s;transition: opacity 0s;white-space: nowrap;}.lg-outer .lg-item {display: none !important;}.lg-outer .lg-item:not(.lg-start-end-progress) {background: url("../images/loading.gif") no-repeat scroll center center transparent;}.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {display: inline-block !important;}.lg-outer.lg-css .lg-current {display: inline-block !important;}.lg-outer .lg-item, .lg-outer .lg-img-wrap {display: inline-block;text-align: center;position: absolute;width: 100%;height: 100%;}.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {content: "";display: inline-block;height: 100%;vertical-align: middle;}.lg-outer .lg-img-wrap {position: absolute;left: 0;right: 0;top: 0;bottom: 0;white-space: nowrap;font-size: 0;}.lg-outer .lg-item.lg-complete {background-image: none;}.lg-outer .lg-item.lg-current {z-index: 1060;}.lg-outer .lg-object {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;width: auto;height: auto;position: relative;}.lg-outer .lg-empty-html.lg-sub-html, .lg-outer .lg-empty-html .lg-sub-html {display: none;}.lg-outer.lg-hide-download .lg-download {opacity: 0.75;pointer-events: none;}.lg-outer .lg-first-slide .lg-dummy-img {position: absolute;top: 50%;left: 50%;}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);opacity: 1;}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {opacity: 1;transition: opacity 0.2s ease-out 0.15s;}.lg-outer .lg-media-cont {text-align: center;display: inline-block;vertical-align: middle;position: relative;}.lg-outer .lg-media-cont .lg-object {width: 100% !important;height: 100% !important;}.lg-outer .lg-has-iframe .lg-media-cont {-webkit-overflow-scrolling: touch;overflow: auto;}.lg-backdrop {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1040;background-color: #000;opacity: 0;will-change: auto;-webkit-transition: opacity 333ms ease-in 0s;-o-transition: opacity 333ms ease-in 0s;transition: opacity 333ms ease-in 0s;}.lg-backdrop.in {opacity: 1;}.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {-webkit-transition: none 0s ease 0s !important;-moz-transition: none 0s ease 0s !important;-o-transition: none 0s ease 0s !important;transition: none 0s ease 0s !important;}.lg-css3.lg-use-css3 .lg-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}.lg-css3.lg-fade .lg-item {opacity: 0;}.lg-css3.lg-fade .lg-item.lg-current {opacity: 1;}.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {-webkit-transition: opacity 0.1s ease 0s;-moz-transition: opacity 0.1s ease 0s;-o-transition: opacity 0.1s ease 0s;transition: opacity 0.1s ease 0s;}.lg-css3.lg-use-css3 .lg-item.lg-start-progress {-webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;}.lg-css3.lg-slide.lg-use-css3 .lg-item {opacity: 0;}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;}.lg-container {display: none;}.lg-container.lg-show {display: block;}.lg-container.lg-dragging-vertical .lg-backdrop {-webkit-transition-duration: 0s !important;transition-duration: 0s !important;}.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {-webkit-transition-duration: 0s !important;transition-duration: 0s !important;opacity: 1;}.lg-inline .lg-backdrop, .lg-inline .lg-outer {position: absolute;}.lg-inline .lg-backdrop {z-index: 1;}.lg-inline .lg-outer {z-index: 2;}.lg-inline .lg-maximize:after {content: "\e909";}.lg-components {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);will-change: transform;-webkit-transition: -webkit-transform 0.35s ease-out 0s;-moz-transition: -moz-transform 0.35s ease-out 0s;-o-transition: -o-transform 0.35s ease-out 0s;transition: transform 0.35s ease-out 0s;z-index: 1080;position: absolute;bottom: 0;right: 0;left: 0;}