/* ===== Start twd.css ===== */
@font-face {
    font-family: 'roboto-light';
    src: url('https://theweddingdj.nl/fonts/Roboto-Light-webfont.eot'); /* IE9 Compat Modes */
    src: url('https://theweddingdj.nl/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('https://theweddingdj.nl/fonts/Roboto-Light-webfont.woff"') format('woff'), /* Modern Browsers */
			url('https://theweddingdj.nl/fonts/Roboto-Light-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
            url('https://theweddingdj.nl/fonts/Roboto-Light-webfont.svg#roboto-regular') format('svg'); /* Legacy iOS */ 
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'roboto';
    src: url('https://theweddingdj.nl/fonts/Roboto-Regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('https://theweddingdj.nl/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('https://theweddingdj.nl/fonts/Roboto-Regular-webfont.woff') format('woff'), /* Modern Browsers */
            url('https://theweddingdj.nl/fonts/Roboto-Regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
            url('https://theweddingdj.nl/fonts/Roboto-Regular-webfont.svg#roboto-regular') format('svg'); /* Legacy iOS */ 
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'roboto-bold';
    src: url('https://theweddingdj.nl/fonts/Roboto-Bold-webfont.eot');
    src: url('https://theweddingdj.nl/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://theweddingdj.nl/fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('https://theweddingdj.nl/fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('https://theweddingdj.nl/fonts/Roboto-Bold-webfont.svg#roboto-bold') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'roboto-black';
    src: url('https://theweddingdj.nl/fonts/Roboto-Black-webfont.eot');
    src: url('https://theweddingdj.nl/fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://theweddingdj.nl/fonts/Roboto-Black-webfont.woff') format('woff'),
         url('https://theweddingdj.nl/fonts/Roboto-Black-webfont.ttf') format('truetype'),
         url('https://theweddingdj.nl/fonts/Roboto-Black-webfont.svg#roboto-black') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'roboto-blackitalic';
    src: url('https://theweddingdj.nl/fonts/Roboto-BlackItalic-webfont.eot');
    src: url('https://theweddingdj.nl/fonts/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://theweddingdj.nl/fonts/Roboto-BlackItalic-webfont.woff') format('woff'),
         url('https://theweddingdj.nl/fonts/Roboto-BlackItalic-webfont.ttf') format('truetype'),
         url('https://theweddingdj.nl/fonts/Roboto-BlackItalic-webfont.svg#roboto-black') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

:root {
  --bruingoud: rgba(182, 155, 86, 1);	
  --reviewgeel: #fec438;
  --grijs1: #f9f9f9;
  --grijs2: #f2f2f2;
}

body { font-family: 'roboto', Verdana; font-size:18px; margin:0px; padding:0px; color:#292929; } /*background-color:#c2c2c2;*/
html, body, form { height:100%; }
h1, h2, h3, h4, h5 { padding:0px; margin:0px; font-family: 'roboto-black', Verdana; text-transform:uppercase;}
p, ol, ul { line-height:180%; list-style-position: inside; }
ul { padding:0px; }
a { cursor:pointer; }

textarea, input { outline:none; -webkit-appearance: none; font-family:'roboto'; font-size: 18px; border:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
input[type=checkbox] { -webkit-appearance:checkbox; }
input, textarea, select { -webkit-appearance: none; border:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#cccccc;}
input::-moz-placeholder, textarea::-webkit-input-placeholder { color:#cccccc; }
input[type="date"] { font-size: 18px; height:45px; }


h2 { font-size:50px; }
h3 { font-size:50px; }
h4 { font-size:50px; }
h5 { font-size:30px; }

.opa { position:fixed; background-color:rgba(0,0,0,0.85); z-index:3; left: 0px; top: 0px; width:100%; height:100%; text-align:center; display:none; }
.opa_logo { position:fixed; background-color:rgba(0,0,0,0.70); z-index:113; left: 0px; top: 0px; width:100%; height:100%; text-align:center; display:none; }
.wait_logo { width: 150px; height: 120px; position: fixed; left: 50%; top: 50%; margin-left: -75px; margin-top: -60px; z-index:3; }
.path { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 4s infinite forwards; }
@keyframes dash { to { stroke-dashoffset: 0; } }

/* START GOLD */
.goldtekst {
	color: #D5AD6D; /*if no support for background-clip*/
	background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
	background: -o-linear-gradient(transparent, transparent);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.goldfill {
	
	fill: linear-gradient(-45deg, #A78754, #816b42, #e5cb6e, #ffffaf, #e5cb6e, #816b42, #A78754); /*#685131, #b69658, #fff #EE7752, #E73C7E, #23A6D5, #23D5AB*/
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;	
	
}
.golddivbg {
	/*https://codepen.io/P1N2O/pen/pyBNzX*/
	color: #fff;
	background: linear-gradient(-45deg, #A78754, #816b42, #e5cb6e, #ffffaf, #e5cb6e, #816b42, #A78754); /*#685131, #b69658, #fff #EE7752, #E73C7E, #23A6D5, #23D5AB*/
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
	padding:50px 0px 80px 0px;
	margin-top:70px;
}

@-webkit-keyframes Gradient {
	0% {background-position: 0% 50%	}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}

@-moz-keyframes Gradient {
	0% {background-position: 0% 50% }
	50% {background-position: 100% 50% }
	100% {background-position: 0% 50% }
}

@keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}


/* STOP GOLD */

.contacttekst { padding:8px; width:90%; width:100%; font-size:18px; }
.contactdrop { padding:8px; width: 100%; font-size:18px; color:#ccc; }
.contactdrop:focus { color:#292929; background-color:#fff; }
.zoekopdracht { padding:10px 30px; width:80%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border:0px; font-size:80px; font-family: 'roboto-black', Verdana; color:#292929; text-transform: uppercase; }
.verplicht { border:1px solid #a7a7a7; }
.alinea { padding-top:50px; overflow:hidden; }
.kol_80 { width:80%; margin:0px auto; }
.kol_kalender { width:80%; margin:0px auto; }
.kol_inblock { display:inline-block; margin:0px auto; }
.ulol_reset { list-style-position:unset; }

.markerparent { position:relative; display:inline-block; margin-bottom:30px; }
/*.marker {  background-color:#b69658; margin-bottom:15px; padding:0px 15px; position:absolute; height:100%; width:100%; top:0; left:0; }*/
.marker { background-color:#b69658; position:absolute; height:100%; width:0%; top:0; right:0; }
.markerg { background-color:#b69658; position:absolute; height:100%; width:0%; top:0; right:0; animation: AniMarker 0.5s forwards; animation-delay: 0.5s; } /*animation-name: AniMarker; animation-duration: 0.5s; animation-timing-function:linear; animation-fill-mode: forwards; animation-delay: 0.5s;*/
@keyframes AniMarker { 0% { width:0%; } 75% { width:100%; } 100% { width:0%; } }
@-moz-keyframes AniMarker { 0% { width:0%; } 75% { width:100%; } 100% { width:0%; } }
@-webkit-keyframes AniMarker { 0% { width:0%; } 75% { width:100%; } 100% { width:0%; } }

.markerr { background-color:#d03737; position:absolute; height:100%; width:100%; top:0; right:0; animation-name: AniMarker; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.1, -0.6, 0.2, 0); animation-fill-mode: forwards; animation-delay: 0.5s; }
@keyframes AniMarker { 0% { width:100%; } 100% { width:0%; } }
@-moz-keyframes AniMarker { 0% { width:100%; } 100% { width:0%; } }
@-webkit-keyframes AniMarker { 0% { width:100%; } 100% { width:0%; } }

a:link {color: #292929; text-decoration:none; } /*color: #9a9ba0;*/
a:visited {color: #292929; text-decoration: none; }
a:hover {color: #292929; text-decoration: none; }

a.marker:link {color: #292929; text-decoration:none; background-color:#d4c4aa; padding:3px; } /*color: #9a9ba0;*/
a.marker:visited {color: #292929; text-decoration: none; }
a.marker:hover {color: #292929; text-decoration: none; }

/*a.gold:link {color: #b69658; text-decoration:none; }
a.gold:visited {color: #b69658; text-decoration: none; }
a.gold:hover {color: #b69658; text-decoration: none; border-bottom:solid 2px #b69658; } */
a.gold:link {color: #685131; text-decoration:none; font-weight:bold; border-bottom:solid 2px #685131; }
a.gold:visited {color: #685131; text-decoration: none; font-weight:bold; border-bottom:solid 2px #685131; }
a.gold:hover { color:#fff; background-color:#685131; }
.gold {color: #685131; text-decoration:none; font-weight:bold; border-bottom:solid 2px #685131; }
.gold:visited {color: #685131; text-decoration: none; font-weight:bold; border-bottom:solid 2px #685131; }
.gold:hover { color:#fff; background-color:#685131; }

a.grijs:link {color: #a3a3a3; text-decoration:none; }
a.grijs:visited {color: #a3a3a3; text-decoration: none; }
a.grijs:hover {color: #a3a3a3; text-decoration: none; }

a.wit:link {color: #fff; text-decoration:none; }
a.wit:visited {color: #fff; text-decoration: none; }
a.wit:hover {color: #fff; text-decoration: none; }

a.submenu:link {color: #fff; text-decoration:none; }
a.submenu:visited {color: #fff; text-decoration: none; }
a.submenu:hover {color: #b69658; text-decoration: none; }

a:link img { color: #000000; text-decoration: none; border:none; }
a:visited img { color: #000000; text-decoration: none; border:none; }
a:hover img { color: #000000; text-decoration: none; border:none; }
a:active img { text-decoration: none; border:none; }

.center { text-align: center; }
.textcenter { text-align:center; }
.textright { text-align:right; }
.floatright { float:right; }
.bold { font-family:'roboto'; font-weight: 400; }
.border { border:1px solid #cc0000; }
.heart { color:#b01712; padding:0px 7px; font-size:18px;}
.onderschrift { font-size:12px; color:#ccc; }
.onderschriftzwart { font-size:12px; color:#292929; }
.onderschriftwit { font-size:12px; color:#fff; }
ul.center { text-align: center; list-style: inside; }
.mobile { display:block; }
.desktop { display:none; }
.va_middle { vertical-align:middle; }
.borderfout { -webkit-box-shadow:0px 0px 0px 2px #d03737 inset; -moz-box-shadow:0px 0px 0px 2px #d03737 inset; box-shadow:0px 0px 0px 2px #d03737 inset; }
.devicepixel { width:1px; height:1px; position:absolute; top:0px; left:0px; }

.fout { color:#d03737; }
.wit { color:#fff; }
.zwart { color:#292929; }
.grijs { color:#ccc; }
.geel { color:#fec438; }
.bggold { background-color:#b69658; color:#fff; }
.quote { color:#b69658; font-family: 'roboto-black', Verdana; font-size:24px; padding:20px; max-width:400px; margin:40px auto; border-left:4px solid #b69658; }
.quote2 { color:#b69658; font-family: 'roboto-black', Verdana; font-size:24px; padding:20px 20px 0px 20px; max-width:800px; margin:40px auto 0px auto; overflow:hidden; }
.quotefont { font-family: 'Playfair Display', serif; font-size:60px; padding:80px; }
.quoteteken { color:#b69658; font-family: 'roboto-black', Verdana; font-size: 1em; line-height:110%; float:left; margin-top:-20px; width:100px; text-align:center; opacity:0; }
.quotetekenm { color:#b69658; font-family: 'roboto-black', Verdana; font-size: 6em; line-height:110%; float:left; margin-top:-20px; width:100px; text-align:center; opacity:0; animation-name: AniQuote; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.8s; }
@keyframes AniQuote { from { opacity:0; font-size:1em; } to { opacity:1; font-size:6em; } }
@-moz-keyframes AniQuote { from { opacity:0; font-size:1em; } to { opacity:1; font-size:6em; } }
@-webkit-keyframes AniQuote { from { opacity:0; font-size:1em; } to { opacity:1; font-size:6em; } }
.quotetekst { float:left; width:calc(100% - 200px); }
.quoteonderschrift { font-size:12px; padding-top:15px; }

.top20 { margin-top:20px; }
.left { text-align:left; }

.koltekstmid { position:relative; z-index:2; background-color:#cc0000; width:400px; }
.kol50 { float:left; width:50%; overflow:hidden; } /*flex:1; -webkit-flex:1; -ms-flex:1; flex-wrap:wrap;*/
.kol75 { float:left; width:75%; overflow:hidden; z-index:-1; }
.foutmelding { color:#fff; font-weight:bold; background-color:#d03737; text-align:center; padding:15px; display:none; margin:10px auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /*max-width:740px; */
.goedmelding { color:#fff; font-weight:bold; background-color:#00a14b; text-align:center; padding:15px; display:none; margin:10px auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  
 /* START BREADCRUMB */
.breadcrumbcontainer { max-width:1000px; width:80%; overflow:hidden; margin:0px auto; position:relative; padding-left:20px; }
.breadcrumb { font-size:13px; overflow:hidden; height:30px;  }
.breadimg { padding-top:3px; }
.breadcrumb a { color:#292929; }
ol.breadcrumb { list-style-type: none; margin:10px 0px 0px 0px; padding:0px; }
ol.breadcrumb li { display: inline-block; padding:0px 3px; float:left; }
.bcactief { font-family: 'roboto-black', Verdana; }
/* EIND BREADCRUMB */

/* START GOOGLE MAPS */
.mapscontainer { position:relative; padding-top:0px; height:0; overflow:hidden; height:100%; }
.mapscontainer iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
.locatiemaps { width:100%; height:400px; border:none; }
/* STOP GOOGLE MAPS */

 /* START ANIMATIE ALGEMEEN */
.m_20 { margin-top:20px; opacity:0.1; }
.m_50 { margin-top:50px; opacity:0.1; }
.p_20 { padding-top:20px; opacity:0.1; }
  /* STOP ANIMATIE ALGEMEEN */
 
/* START HOME */
.bg_home { background:none; }
.bg_home.visible { background:none; }
.video_home { height:100%; min-height:100%; position:relative; z-index:-99; overflow:hidden; }
.video_home > video { top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-100; position:absolute; }

.home_video_container100 { overflow:hidden; min-height:100%; position:relative; }
.home_video_container { overflow:hidden; min-height:50%; position:relative; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
.home_slogan_container { padding:50px 0px; max-width:1200px; width:80%; margin:0px auto; position:relative; overflow:hidden; z-index:2; }
.home_slogan_container h1 { font-family: 'roboto-black', Verdana; color:#fff; font-size: 6em; line-height:110%; text-transform: uppercase; }
.home_slogan_container p { color:#fff; }
.home_video_overlay2	{ top:0; left:0; width:100%; height:100%; object-fit:cover; position:absolute; background-color:rgba(0,0,0,0.40); z-index:1; }
.home_twe_container { width:1000px; max-width:90%; margin:50px auto -6px auto; width:1000px; position:relative; overflow:hidden; z-index:2; }
.home_twe_container img { width:1000px; max-width:100%; }
.home_twe { min-height:unset; }
.home_twe_tekst { position:absolute; top:0px; right:50px; color:#fff; font-family: 'roboto-black', Verdana; color:#fff; font-size:32px; line-height:110%; text-transform: uppercase; text-align:right; }
.home_twe_tijd { font-family: 'roboto-light', Verdana; font-size:80%; }

.home_video_overlay { background-color:rgba(0,0,0,0.40); left: 0px; top: 0px; width:100%; height:100%; object-fit:cover; position:absolute; -webkit-transition: all 400ms ease; transition: all 400ms ease; -webkit-filter: brightness(10%); filter: brightness(10%); }
.home_video_overlay:hover { background-color:rgba(0,0,0,0.0); -webkit-filter: brightness(100%); filter: brightness(100%); }
.home_video_overlay_10 { background-color:rgba(0,0,0,0.10); left: 0px; top: 0px; width:100%; height:100%; object-fit:cover; position:absolute; -webkit-transition: all 400ms ease; transition: all 400ms ease; -webkit-filter: brightness(10%); filter: brightness(10%); }
.home_video_overlay_10:hover { background-color:rgba(0,0,0,0.0); -webkit-filter: brightness(100%); filter: brightness(100%); }
.home_video_overlay_70 { background-color:rgba(0,0,0,0.70); left: 0px; top: 0px; width:100%; height:100%; object-fit:cover; position:absolute; -webkit-transition: all 400ms ease; transition: all 400ms ease; -webkit-filter: brightness(10%); filter: brightness(10%); }
.home_video_overlay_70:hover { background-color:rgba(0,0,0,0.0); -webkit-filter: brightness(100%); filter: brightness(100%); }

.home_video_container > video { top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-1; position:absolute; }

.button { position:absolute; bottom:0px; right:0px; z-index:9; transform:rotate(10deg); }
.button img { width:200px; }
.ttba_con { position:absolute; bottom:40px; right:200px; z-index:9; }
.ttba_kop { transform: rotate(22deg); position:absolute; right:0px; top:0px; z-index:1; }
.ttba_kop div { background-color:#cc0000; color:#fff; font-family:'roboto-black', Verdana; text-transform:uppercase; padding:10px; display:inline-block; }
.ttba_img { background-color:#fff; padding:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; text-align:center; -moz-box-shadow: 0 10px 25px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1); position:relative; }
.ttba_img img { max-width:100%; width:200px; height:auto; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.ttba_img img:hover { width:300px; }
/* STOP HOME */ 
 
 /* START BLOG */
 .blogregel { margin-bottom:50px; }
 
 /* STOP BLOG */
 
 /* START SLIDE */
 
.hr-slide1 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; pointer-events: none; }
.hr-slide { min-height:700px; max-height:75%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; }
.hr-max { width:100%; max-width:1200px; margin:0px auto; padding:50px 0px; }
 
.hr-entry { z-index: 2; }
.hr-title { text-transform: uppercase; }

.hr-slide__column--intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.small-20 {
    float:left;
    max-width: 20%;
	height:100%;
}

.small-21 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
	background-color:#fff;
	height:100%;
}

.small-80 {
    float:left;
	width:80%;
    max-width: 80%;
	height:100%;	
}

.small-81 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
	height:100%;	
}
 
.hr-slide__media {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.hr-intro-video-moving { position: fixed; z-index: 0; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.hr-intro-video {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; z-index: 0; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -o-object-fit: contain; object-fit: cover; -o-object-position: 50% 100%; object-position: 50% 100%; -webkit-appearance: none; }
.videohp {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
.medium-pull-2 { position:relative; }

.hr-marker { padding:0px 10px; background-color:#fff; font-size:80px; margin:3px; font-family: 'roboto-black', Verdana; display:inline-block; opacity:0.1; }
.hr-marker-r { padding:0px 10px; background-color:#fff; font-size:80px; margin:3px; font-family: 'roboto-black', Verdana; display:inline-block; opacity:0.1; float:right; }
.hr-gold { background-color: rgba(168,136,85,0.7); color:#fff; }
.hr-sjiek { background-color: rgba(168,136,85,0.7); color:#fff; font-family:'Playfair Display',serif; font-weight: 700; font-size:80px; }
.pijltop { padding-top:50px; }
 /* STOP SLIDE */
 
/* START MENU  */
.menuicon { float:left; width:20px; cursor: pointer; margin-top:1.4px; }
.menuicon.change { margin-top:0px; }
.bar1, .bar2, .bar3 { width:12px; height:2px; background-color:#292929; margin: 2px 0; transition: 0.4s; }
.bar1.change { -webkit-transform: rotate(-45deg) translate(-2px, 5.6px); transform: rotate(-45deg) translate(-2px, 5.6px); }
.bar2.change {opacity: 0;}
.bar3.change { -webkit-transform: rotate(45deg) translate(0px, -4px); transform: rotate(45deg) translate(0px, -4px); }

.menutop { background-color:#fcfcfc; border-bottom:1px solid #E6EAEA; padding:20px 25px; font-family:'roboto'; font-size:14px; overflow:hidden; }
.menutopz { background-color:#292929; border-bottom:1px solid #E6EAEA; padding:20px 25px; font-family:'roboto'; font-size:14px; overflow:hidden; color:#fff; }
.menutopz a { color:#fff; }
.menutoplink { float:right; padding:0px 0px 0px 18px; }
.menu { width:100%; background-color:#fcfcfc; overflow:hidden; font-size:12px; z-index:4; text-transform: uppercase; border-bottom:0px solid #E6EAEA; -moz-box-shadow: 0 10px 25px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1); } /* font-family:'roboto';*/
.menufixed { position:fixed; top:0; left:0; }
.menutop33l { width:calc(100% / 3); float:left; text-align:left; font-size: 16px;}
.menutop33l img { margin-left:5px; margin-right:5px; }
.menutop33m { width:calc(100% / 3); float:left; }
.menutop33r { width:calc(100% / 3); float:left; }
.menu33l { width:calc(100% / 3); float:left; position:relative; }
.menu33m { width:calc(100% / 3); float:left; }
.menu33r { width:calc(100% / 3); float:left; }
.menu_r { padding:8px 4px; float:left; }

.menumidden { padding:15px; float:right; text-transform:none;}
.menuitems { padding:25px; float:left; display: inline-block; cursor:pointer; transition: 0.4s;}
.menuitems:hover { background-color:#b69658; color:#fff; }
.menuitems:hover div.bar1, .menuitems:hover div.bar2, .menuitems:hover div.bar3 { background-color:#fff; }
.menulogo { width:55px; margin:0px auto; padding-top:11px; }
.menucontact { padding:25px; float:right; background-color:#b69658; color:#fff; font-family:'roboto';}
.menucontact:hover{background-color:#77603b;}
.menusubkop { height: calc(100% / 10); }
.menusub { height: calc(100% / 10); color:#fff; text-align:center; font-family: 'roboto-black', Verdana; font-size:50px; text-transform: none; text-transform: uppercase; }
.menusubmijn { overflow:hidden; padding-top:20px; }
.menu-marker { padding:0px 10px; background-color:#fff; font-size:80px; margin:3px; font-family: 'roboto-black', Verdana; display:inline-block; color:#292929; }
.menutoptwd { font-family: 'roboto', Verdana; font-size:16px; }

.menu2itemsleft { float:left; width:80%; }
.menu2itemsright { padding:25px; float:left; display: inline-block; cursor:pointer; transition: 0.4s; display:none;}
.menu2left { float:left; width:80%; }
.menu2right { float:right; display:inline-block; }
.menu2logo { padding:11px 50px 0px 20px;float:left; }
.menu2item { float:left;padding:10px;margin:11px;font-size:16px; font-family: 'roboto-black', Verdana; text-transform:uppercase; transition:all 200ms ease; position:relative; }
.menu2item:hover { background-color:#A78754; color:#fff; }
.menunew { background-color:#cc0000; color:#fff; position: absolute; padding: 0px 4px; top:-5px; right:-5px; font-size:10px; }

.menu_ttba { width:100px; display:inline-block; margin-left:15px; overflow:hidden; position:absolute; top:10px; }
.menu_ttba img { height:43px; }
/* STOP MENU */

/* START BUTTON */

/* START BUTTON GOOGLE DESIGN */
a.btngroeng { position: relative; display:inline-block; margin: 10px auto; overflow: hidden; border-width: 0; outline: none; border-radius: 2px; box-shadow: 0 1px 4px rgba(0, 0, 0, .6); background-color: #fff; background-color:#00A14B; color:#fff; transition: background-color .3s; }
a.btngroeng:hover, .btngroeng:focus { background-color: #FF9800; color:#fff; }
a.btngroeng > * { position: relative;}
a.btngroeng span { display: block; }
a.btngroeng:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 0; padding-top: 0; border-radius: 100%; background-color: rgba(236, 240, 241, .3); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
a.btngroeng:active:before { width: 120%; padding-top: 120%; transition: width .2s ease-out, padding-top .2s ease-out; }
*, *:before, *:after { box-sizing: border-box; }
a.btngroeng.menub { padding: 8px 16px; margin:0px 10px; }

a.btngoldg { position: relative; display:inline-block; padding: 16px 24px; margin: 30px auto; overflow: hidden; border-width: 0; outline:none; text-decoration:none; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background-color: #b69558; font-weight: bold; text-transform:uppercase; color:#fff; transition: background-color .3s; }
a.btngoldg:link { position: relative; display:inline-block; padding: 16px 24px; margin: 30px auto; overflow: hidden; font-size:16px; border-width: 0; outline:none; text-decoration:none; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background-color: #b69558; font-weight: bold; text-transform:uppercase; color:#fff; transition: background-color .3s; }
a.btngoldg:visited { color:#fff; }
a.btngoldg:hover, .btngoldg:focus { background-color:rgba(22,22,22,1); color:#fff; -webkit-box-shadow:0px 0px 0px 2px #b69558 inset; -moz-box-shadow:0px 0px 0px 2px #b69558 inset; box-shadow:0px 0px 0px 2px #b69558 inset; }
a.btngoldg > * { position: relative;}
a.btngoldg span { display: block; padding: 12px 24px; }
a.btngoldg:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 0; padding-top: 0; border-radius: 100%; background-color: rgba(236, 240, 241, .3); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
a.btngoldg:active:before { width: 120%; padding-top: 120%; transition: width .2s ease-out, padding-top .2s ease-out; }

a.btnwitg { position: relative; display:inline-block; padding: 16px 24px; margin: 30px auto; overflow: hidden; border-width: 0; outline: none; border-radius: 2px; box-shadow: 0 1px 4px rgba(0, 0, 0, .6); background-color:#fff; color:#292929; transition: background-color .3s; }
a.btnwitg:hover, .btnwitg:focus { background-color: #b69558; color:#fff; }
a.btnwitg > * { position: relative;}
a.btnwitg span { display: block; padding: 12px 24px; }
a.btnwitg:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 0; padding-top: 0; border-radius: 100%; background-color: rgba(236, 240, 241, .3); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
a.btnwitg:active:before { width: 120%; padding-top: 120%; transition: width .2s ease-out, padding-top .2s ease-out; }

a.btnoranjeg { position: relative; display:inline-block; padding: 16px 24px; margin: 30px auto; overflow: hidden; border-width: 0; outline: none; border-radius: 2px; box-shadow: 0 1px 4px rgba(0, 0, 0, .6); background-color:#FB8C00; color:#fff; transition: background-color .3s; }
a.btnoranjeg:hover, .btnoranjeg:focus { background-color: #FF9800; color:#fff; }
a.btnoranjeg > * { position: relative;}
a.btnoranjeg span { display: block; padding: 12px 24px; }
a.btnoranjeg:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 0; padding-top: 0; border-radius: 100%; background-color: rgba(236, 240, 241, .3); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
a.btnoranjeg:active:before { width: 120%; padding-top: 120%; transition: width .2s ease-out, padding-top .2s ease-out; }
a.btnoranjeg.menub { padding: 8px 16px; margin:0px 10px; color:#FB8C00; background-color:#fff; box-shadow:none; border:2px solid #FB8C00; font-weight:bold; }
a.btnoranjeg.menub:hover { color:#fff; background-color:#FB8C00; }
a.btnoranjeg.klein { padding: 8px 16px; margin:0px 10px; font-size:14px; }

a.btntransg { position: relative; display:inline-block; padding: 16px 24px; border:1px solid #fff; margin: 30px auto; overflow: hidden; border-width: 0; outline: none; border-radius: 2px; color: #fff; transition: background-color .3s; }
a.btntransg:hover, .btntransg:focus { background-color: #FF9800; color:#fff; }
a.btntransg > * { position: relative;}
a.btntransg span { display: block; padding: 12px 24px; }
a.btntransg:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 0; padding-top: 0; border-radius: 100%; background-color: rgba(236, 240, 241, .3); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
a.btntransg:active:before { width: 120%; padding-top: 120%; transition: width .2s ease-out, padding-top .2s ease-out; }
a.btntransg.menub { padding: 8px 16px; margin:0px 10px; }

.bordergold { -webkit-box-shadow:0px 0px 0px 2px #b69558 inset; -moz-box-shadow:0px 0px 0px 2px #b69558 inset; box-shadow:0px 0px 0px 2px #b69558 inset; }
/* STOP BUTTON GOOGLE DESIGN */

/* STOP BUTTON */

/*.menuitems:active .opa { display:block; }*/
.hide { display:none; }
.sloganparent { width:100%; position:absolute; top:0px; }
.slogan { padding:50px 0px; max-width:1000px; width:80%; margin:0px auto;}
.slogan h1 { font-family: 'roboto-black', Verdana; color:#fff; font-size: 6em; line-height:110%; text-transform: uppercase;}
.slogan h2 { font-size:20px; text-transform:none; }
.slogan p { font-size:20px; }

.sloganmarker { display:inline-block; background-color:#fff; color:#292929; margin:5px 5px 5px 0px; padding:0px 20px; opacity:0.1; }

.sbutton { margin-bottom:30px; }
.sp_left { height:75px;width:calc(50% - 100px);float:left;position:absolute;bottom:-5px;background-color:#fff; }
.sp_punt { height:75px;width:200px;position:absolute;bottom:-5px;left:calc(50% - 100px); }
.sp_right { height:75px;width:calc(50% - 100px);position:absolute;bottom:-5px;right:0px;background-color:#fff; }
.container { overflow:hidden; }
.containerleft, .containerleft div { text-align:left; }

/* STOP USP */
.container_usp { overflow:hidden; width:80%; max-width:1000px; margin:0px auto; }
.usp_kop { font-size:20px; font-family: 'roboto-black', Verdana; }
.usp_gold { float:left; width:20%; min-height:180px; padding:0px 20px; background-color:#b69558; text-align:center; color:#fff; cursor:pointer; }
.usp_wit { float:left; width:20%; min-height:180px; padding:0px 20px; background-color:#fff; text-align:center; cursor:pointer; }
.heartbeat { stroke-miterlimit: 10; stroke-width: 5px; animation: heartbeat; animation-duration: 1s; animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); fill:var(--bruingoud); stroke:var(--bruingoud); }
@keyframes heartbeat { from { stroke-width: 0px; } to { stroke-width: 10px; } }
@-moz-keyframes heartbeat { from { stroke-width: 0px; } to { stroke-width: 10px; } }
@-webkit-keyframes heartbeat { from { stroke-width: 0px; } to { stroke-width: 10px; } }
/* STOP USP */

/* START AVG */
.cookiemelding { background-color:#fff; padding:0px 0px; position:fixed; z-index:100; bottom:0px; left:0px; width:100%; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.19); display:none; text-align:left; }
.cookiemelding .tekstkol { padding:0px; }
.cookiebutton { padding:5px 30px; font-size:10px; }
/* STOP AVG */

.intro { text-align:center; padding:100px 0px; max-width:1000px; width:80%; margin:0px auto; font-size:22px; font-weight:bold; }
.tekstkoltop { text-align:center; padding:10px 0px 50px 0px; max-width:1000px; width:80%; margin:0px auto; overflow:hidden; }
.tekstkol { text-align:center; padding:10px 0px; max-width:1000px; width:80%; margin:0px auto; overflow:hidden; }

.term { padding:25px; font-weight: 700; font-size: 50px; font-family:'Playfair Display',serif; text-align:center; background-color:#f4f7f6; }

figure { padding:0px; margin:0px; }

figure img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: brightness(50%);
    filter: brightness(50%);

    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}

figure img:hover {
    -webkit-transform: scale(1.7);
    transform: scale(1.6);
    filter: brightness(100%);
    cursor:pointer;
}

/* START LAZY LOAD */
.fade-in { animation-name: fadeIn; animation-duration: 1.3s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
/* STOP LAZY LOAD */

/* START BALLON */
.ballon::after {content: " i"; font-size: 12px; padding-left: 6px; position: absolute; }
.ballonwolk { background-color: #fff; color: #292929; display: none; overflow: hidden; padding: 20px; font-size: 14px; z-index: 99999; width: 300px; max-height: 300px; min-height: 50px; -webkit-filter: drop-shadow(-0 -0 15px #ccc); filter: drop-shadow(-0 -0 15px #ccc); pointer-events: none; }
/* STOP BALLON */

/* START CHAT */
.handje {cursor:pointer;}
.chat_close { cursor:pointer; float:right; }
.chat_top {overflow:hidden;}
.chatbericht { display:none; background-color:#fff; padding:20px; position:fixed; bottom:50px; right:10px; z-index:99; border-radius:5px; width:400px; max-height:80%; -moz-box-shadow: 0 10px 25px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1); }
.chat_max { position:absolute; left:0; right:0; height:490px; }
.chatberichten { overflow-y:auto; position:absolute; top:0; bottom:0; padding:0px 20px; }
.tekstgrijs { color:#ccc; }
.chat_item { margin:3px 0px; overflow:hidden; max-width:400px; }
.chat_left { float:left; width:30px; margin:5px 10px 0px 0px; overflow:hidden; }
.chat_right { float:left; max-width:calc(100% - 40px); width:100%; overflow:hidden; border-radius:5px; display:inline-block; }
.chat_ballon { float:left; max-width:calc(100% - 40px); overflow:hidden; background-color:#f8f8f8; border-radius:5px; padding:10px; margin:5px 0px; display:inline-block; }
.chat_ballon_klant { float:right; max-width:calc(100% - 40px); overflow:hidden; background-color:#00a14b; color:#fff; border-radius:5px; padding:10px; margin:5px 0px; display:inline-block; }
.chat_foto { width:30px; height:30px; min-height:30px; border-radius:50%; background-image: url(https://theweddingdj.nl/image/maurice-chat.jpg); background-size:cover; }
.chat_bottom { overflow:hidden; position:absolute; bottom:0px; left:0px; right:0px; border-top:1px solid #ccc; }
.chat_tekstveld { float:left; width:calc(100% - 60px); padding:10px; }
.chat_send { width:50px; overflow:hidden; padding:15px 5px 0px 5px; float:right; }
.chat_tekst { padding:0px 20px;font-size:80%; }
/* STOP CHAT */

/* START POPUP */

.popp { display:none; background-color:#ffffff; padding:20px; position:fixed; bottom:10px; right:10px; z-index:99; border-radius:5px; width:400px; max-width:calc(100% - 20px); max-height:80%; -moz-box-shadow: 0 10px 25px rgba(0,0,0,.2); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.2); box-shadow: 0 10px 25px rgba(0,0,0,.2); border:1px solid #f2f2f2; }
.popp img { max-width:100%; }

.off_pop_bg { background-color:rgba(0,0,0,0.7); position:fixed; top:0px; left:0px; right:0px; bottom:0px; display:none; justify-content:center; align-items:center; }
.off_pop { background-color:#ffffff; padding:20px; z-index:99; width:600px; max-width:calc(100% - 20px); max-height:80%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.off_pop_btn { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:20px; background-color:rgba(251,140,0,1); color:#fff; font-weight:bold; }
.off_pop_btn:hover { color:#292929; background-color:rgba(251,140,0,0.3); }
.off_pop_regel { overflow:hidden; display:flex; margin-top:40px; }

/* STOP POPUP */



/* START ANIMATE MARKERS */
.slide-up { animation-name: slideUp; animation-duration: 1.3s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
@keyframes slideUp { from { opacity: 0; margin-top:50px; } to { opacity: 1.0; margin-top:0px; } }
@-moz-keyframes slideUp { from { opacity: 0; margin-top:50px; } to { opacity: 1.0; margin-top:0px; } }
@-webkit-keyframes slideUp { from { opacity: 0; margin-top:50px; } to { opacity: 1.0; margin-top:0px; } }
/* STOP ANIMATE MARKERS */

/* START BG */
.bg {background-size: cover; background-position:center center;}
.bg_tc { background-position:top center;}
.bg_bc {background-size: cover; background-position:bottom center;}
.bg_bedankt { background: url('https://theweddingdj.nl/image/blog-fotoshoot-small.jpg') no-repeat; background-size: cover; background-position:top center }
.bg_bedankt.visible { background: url('https://theweddingdj.nl/image/blog-fotoshoot.jpg') no-repeat; background-size: cover; background-position:top center }
.bg_contact { background: url('https://theweddingdj.nl/image/team-the-wedding-dj-2025.webp') no-repeat; background-size: cover; background-position:center center }
.bg_contact.visible { background: url('https://theweddingdj.nl/image/team-the-wedding-dj-2025.webp') no-repeat; background-size: cover; background-position:center center }
.bg_djbooth { background: url('https://theweddingdj.nl/image/dj-booth-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_djbooth.visible { background: url('https://theweddingdj.nl/image/dj-booth.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_havenhuis { background: url('https://theweddingdj.nl/image/havenhuis-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_havenhuis.visible { background: url('https://theweddingdj.nl/image/havenhuis.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_strnd { background: url('https://theweddingdj.nl/image/feestlocatie-strnd-small.jpg') no-repeat; background-size: cover; background-position:top center }
.bg_strnd.visible { background: url('https://theweddingdj.nl/image/feestlocatie-strnd.jpg') no-repeat; background-size: cover; background-position:top center }
.bg_nassau { background: url('https://theweddingdj.nl/image/feestlocatie-hotel-nassau-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_nassau.visible { background: url('https://theweddingdj.nl/image/feestlocatie-hotel-nassau.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_academy { background: url('https://theweddingdj.nl/image/dj-opleiding-small.jpg') no-repeat; background-size: cover; background-position:bottom center; }
.bg_academy.visible { background: url('https://theweddingdj.nl/image/dj-opleiding.jpg') no-repeat; background-size: cover; background-position:bottom center; }
.bg_boswachterl { background: url('https://theweddingdj.nl/image/boswachter-liesbosch-small.jpg') no-repeat; background-size: cover; background-position:bottom center }
.bg_boswachterl.visible { background: url('https://theweddingdj.nl/image/boswachter-liesbosch.jpg') no-repeat; background-size: cover; background-position:bottom center }
.bg_tivoli { background: url('https://theweddingdj.nl/image/brasserie-tivoli-small.jpg') no-repeat; background-size: cover; background-position:bottom center }
.bg_tivoli.visible { background: url('https://theweddingdj.nl/image/brasserie-tivoli.jpg') no-repeat; background-size: cover; background-position:bottom center }
.bg_katoen { background: url('https://theweddingdj.nl/image/katoen-goes-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_katoen.visible { background: url('https://theweddingdj.nl/image/katoen-goes.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_bovendonk { background: url('https://theweddingdj.nl/image/bovendonk-hoeven-small.jpg') no-repeat; background-size: cover; background-position:bottom center }
.bg_bovendonk.visible { background: url('https://theweddingdj.nl/image/bovendonk-hoeven.jpg') no-repeat; background-size: cover; background-position:bottom center }
.bg_wolfslaar { background: url('https://theweddingdj.nl/image/wolfslaar-breda-small.jpg') no-repeat; background-size: cover; background-position:bottom center }
.bg_wolfslaar.visible { background: url('https://theweddingdj.nl/image/wolfslaar-breda.jpg') no-repeat; background-size: cover; background-position:bottom center }
.bg_ottr { background: url('https://theweddingdj.nl/image/bruiloft-dj-ottr-small.jpg') no-repeat; background-size: cover; background-position:bottom center; }
.bg_ottr.visible { background: url('https://theweddingdj.nl/image/bruiloft-dj-ottr.jpg') no-repeat; background-size: cover; background-position:bottom center; }
.bg_turfvaart { background: url('https://theweddingdj.nl/image/de-turfvaart-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_turfvaart.visible { background: url('https://theweddingdj.nl/image/de-turfvaart.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_floorspot { background: url('https://theweddingdj.nl/image/floorspots-bg-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_floorspot.visible { background: url('https://theweddingdj.nl/image/floorspots-bg.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_confetti_offerte { background: url('https://theweddingdj.nl/image/confetti-offerte-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_confetti_offerte.visible { background: url('https://theweddingdj.nl/image/confetti-offerte.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_streamer_offerte { background: url('https://theweddingdj.nl/image/streamer-offerte-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_streamer_offerte.visible { background: url('https://theweddingdj.nl/image/streamer-offerte.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_houtsemeer { background: url('https://theweddingdj.nl/image/houtse-meer-sax-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_houtsemeer.visible { background: url('https://theweddingdj.nl/image/houtse-meer-sax.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_wolfslaarbinnen { background: url('https://theweddingdj.nl/image/wolfslaar-bruiloft-dj-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_wolfslaarbinnen.visible { background: url('https://theweddingdj.nl/image/wolfslaar-bruiloft-dj.jpg') no-repeat; background-size: cover; background-position:center center }

.bg_sparkular_offerte { background: url('https://theweddingdj.nl/image/offerte-sparkular.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_sparkular_offerte.visible { background: url('https://theweddingdj.nl/image/offerte_sparkular.jpg') no-repeat; background-size: cover; background-position:center center }

.bg_floorspot_v { background: url('https://theweddingdj.nl/image/floorspot-v-offerte-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_floorspot_v.visible { background: url('https://theweddingdj.nl/image/floorspot-v-offerte.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_floorspot_offerte { background: url('https://theweddingdj.nl/image/floorspot-offerte-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_floorspot_offerte.visible { background: url('https://theweddingdj.nl/image/floorspot-offerte.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_dj_breda { background: url('https://theweddingdj.nl/image/dj-breda-maurice-small.jpg') no-repeat; background-size: cover; background-position:top center }
.bg_dj_breda.visible { background: url('https://theweddingdj.nl/image/dj-breda-maurice.jpg') no-repeat; background-size: cover; background-position:top center }
.bg_dj_tilburg { background: url('https://theweddingdj.nl/image/dj-tilburg-rob-small.jpg') no-repeat; background-size: cover; background-position:top center; }
.bg_dj_tilburg.visible { background: url('https://theweddingdj.nl/image/dj-tilburg-rob.jpg') no-repeat; background-size: cover; background-position:top center; }
.bg_dj_zundert { background: url('https://theweddingdj.nl/image/dj-zundert-bas-small.jpg') no-repeat; background-size: cover; background-position:top center; }
.bg_dj_zundert.visible { background: url('https://theweddingdj.nl/image/dj-zundert-bas.jpg') no-repeat; background-size: cover; background-position:top center; }
.bg_dj_el { background: url('https://theweddingdj.nl/image/dj-etten-leur-albert-small.jpg') no-repeat; background-size: cover; background-position:top center; }
.bg_dj_el.visible { background: url('https://theweddingdj.nl/image/dj-etten-leur-albert.jpg') no-repeat; background-size: cover; background-position:top center; }

.bg_dj_fun { background: url('https://theweddingdj.nl/image/dj-team-fun-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_dj_fun.visible { background: url('https://theweddingdj.nl/image/dj-team-fun.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_dj_rug { background: url('https://theweddingdj.nl/image/dj-team-ruggen-small.jpg') no-repeat; }
.bg_dj_rug.visible { background: url('https://theweddingdj.nl/image/dj-team-ruggen.jpg') no-repeat; background-size: cover; background-position:center left; }

.bg_dj_maurice{ background: url('https://theweddingdj.nl/image/bruiloft-bovendonk-6-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_dj_maurice.visible { background: url('https://theweddingdj.nl/image/bruiloft-bovendonk-6.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_feestgasten{ background: url('https://theweddingdj.nl/image/bruiloft-bovendonk-13-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_feestgasten.visible { background: url('https://theweddingdj.nl/image/bruiloft-bovendonk-13.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_impressies{ background: url('https://theweddingdj.nl/image/bruiloft-bovendonk-4-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_impressies.visible { background: url('https://theweddingdj.nl/image/bruiloft-bovendonk-4.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_blog{ background: url('https://theweddingdj.nl/image/bg-blog-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_blog.visible { background: url('https://theweddingdj.nl/image/bg-blog.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_prijzen{ background: url('https://theweddingdj.nl/image/bg-prijzen-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_prijzen.visible { background: url('https://theweddingdj.nl/image/bg-prijzen.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_hotelnassau{ background: url('https://theweddingdj.nl/image/bruidspaar-hotel-nassau-small.jpg') no-repeat; background-size: cover; background-position:center center;}
.bg_hotelnassau.visible { background: url('https://theweddingdj.nl/image/bruidspaar-hotel-nassau.jpg') no-repeat; background-size: cover; background-position:center center;}
.bg_kennisdag { background: url('https://theweddingdj.nl/image/groepsfoto2022-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_kennisdag.visible { background: url('https://theweddingdj.nl/image/groepsfoto2022.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_trouwins { background: url('https://theweddingdj.nl/image/trouwinspiratiegids-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_trouwins.visible { background: url('https://theweddingdj.nl/image/trouwinspiratiegids.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_muziekblog { background: url('https://theweddingdj.nl/image/muziek-inspelen-op-publiek-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_muziekblog.visible { background: url('https://theweddingdj.nl/image/muziek-inspelen-op-publiek.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_starterblog { background: url('https://theweddingdj.nl/image/beste-starter-prijs-2018-small.jpg') no-repeat; background-size: cover; background-position:top center; }
.bg_starterblog.visible { background: url('https://theweddingdj.nl/image/beste-starter-prijs-2018.jpg') no-repeat; background-size: cover; background-position:top center; }
.bg_kennismakingsdag19 { background: url('https://theweddingdj.nl/image/kennismakingsdag-2019-wesley-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_kennismakingsdag19.visible { background: url('https://theweddingdj.nl/image/kennismakingsdag-2019-wesley.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_openingsdans{ background: url('https://theweddingdj.nl/image/openingsdans-bruiloft-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_openingsdans.visible { background: url('https://theweddingdj.nl/image/openingsdans-bruiloft.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_ministerie{ background: url('https://theweddingdj.nl/image/ministerie-van-eten-en-drinken-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_ministerie.visible { background: url('https://theweddingdj.nl/image/ministerie-van-eten-en-drinken.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_pubquiz { background: url('https://theweddingdj.nl/image/bg-pubquiz-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_pubquiz.visible { background: url('https://theweddingdj.nl/image/bg-pubquiz.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_hoevekleinzundert { background: url('https://theweddingdj.nl/image/feestlocatie-hoeve-klein-zundert-small.jpg') no-repeat; background-size: cover; background-position:top center }
.bg_hoevekleinzundert.visible { background: url('https://theweddingdj.nl/image/feestlocatie-hoeve-klein-zundert.jpg') no-repeat; background-size: cover; background-position:top center }
.bg_boathouse{ background: url('https://theweddingdj.nl/image/boathouse-small.jpg') no-repeat; background-size: cover; background-position:top center;}
.bg_boathouse.visible { background: url('https://theweddingdj.nl/image/boathouse.jpg') no-repeat; background-size: cover; background-position:top center;}
.bg_detuin{ background: url('https://theweddingdj.nl/image/bg-detuin-small.jpg') no-repeat; background-size: cover; background-position:center center;}
.bg_detuin.visible { background: url('https://theweddingdj.nl/image/bg-detuin.jpg') no-repeat; background-size: cover; background-position:center center;}
.bg_oesterdam{ background: url('https://theweddingdj.nl/image/oesterdam-bruidspaar-dj-small.jpg') no-repeat; background-size: cover; background-position:center center;}
.bg_oesterdam.visible { background: url('https://theweddingdj.nl/image/oesterdam-bruidspaar-dj.jpg') no-repeat; background-size: cover; background-position:center center;}
/* STOP BG */

/* START IMPRESSIES */
.imp_kol { max-width:1000px; width:80%; margin:0px auto; text-align:center; padding:20px 0px; overflow:hidden; }
.imp_container { position:relative; }
.imp_foto { width:100%; min-height:100px; margin:20px; position:relative; }
.imp_foto img { max-width:100%; height:auto; vertical-align: middle; }
.imp_foto_80 { width:80%; min-height:100px; margin:60px auto; position:relative; overflow:hidden; }
.imp_foto_80 img { max-width:100%; height:auto; vertical-align: middle; }
.imp_foto_200 { width:200px; min-height:100px; margin:60px auto; position:relative; overflow:hidden; }
.imp_foto_200 img { max-width:100%; height:auto; vertical-align: middle; }
.imp_fotograaf { font-size:12px; color:#fff; position:absolute; left:5px; bottom:5px; }
.imp_fotohovertekst { color:#fff; padding-top:300px; text-align:center; }

.itemyoutube { width:100%; height:100%; border:0px; }
.video-container { position:relative; padding-bottom:56.25%; padding-top:0px; height:0; overflow:hidden; -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0;left:0; width:100%; height:100%; border:none; }
.videotekst { color:#979797; padding-top:30px; }
.imp50 { float:left; width:50%; overflow:hidden; }
/* STOP IMPRESSIES */

/* START PUBQUIZ */
.bg_discobingo { background: url('https://theweddingdj.nl/image/bruiloft-bingo-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_discobingo.visible { background: url('https://theweddingdj.nl/image/bruiloft-bingo.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_discobingo2 { background: url('https://theweddingdj.nl/image/bg-discobingo-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_discobingo2.visible { background: url('https://theweddingdj.nl/image/bg-discobingo.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_quizmaster { background: url('https://theweddingdj.nl/image/quizmaster-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_quizmaster.visible { background: url('https://theweddingdj.nl/image/quizmaster.jpg') no-repeat; background-size: cover; background-position:center center }
/* STOP PUBQUIZ */

/* START DRIVEINSHOW */
.bg_driveinshow { background: url('https://theweddingdj.nl/image/strand-large-drive-in-show.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_bronze { background: url('https://theweddingdj.nl/image/strand-small-drive-in-show-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_silver { background: url('https://theweddingdj.nl/image/strand-medium-drive-in-show-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_gold { background: url('https://theweddingdj.nl/image/strand-large-drive-in-show-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_bronze.visible { background: url('https://theweddingdj.nl/image/strand-small-drive-in-show.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_silver.visible { background: url('https://theweddingdj.nl/image/strand-medium-drive-in-show.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_gold.visible { background: url('https://theweddingdj.nl/image/strand-large-drive-in-show.jpg') no-repeat; background-size: cover; background-position:center center }
.dis_foto { width:100%; height:600px; background-color:#ccc; }
.dis_fotograaf { font-size:12px; color:#fff; position:absolute; left:5px; bottom:5px; }
.dis_onderschrift { font-size:12px; color:#292929; position:absolute; left:5px; bottom:5px; }

.dis_50l { float:left; width:calc(50% - 50px); padding-right:50px; text-align:left; overflow:hidden; }
.dis_50r { float:left; width:calc(50% - 51px); padding-left:50px; text-align:left; overflow:hidden; border-left: 1px solid #E6EAEA; }

.dis_container { background-color:#fff; padding:50px 0px; }
.dis_container_mid { background-color:#f6f6f6; padding:50px 0px; margin-top:70px; }
.dis_pijl { width:100px; height:100px; background-color:#fff; margin:-100px auto 50px auto; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari 3-8 */ transform: rotate(45deg);}
.dis_pijl_mid { width:100px; height:100px; background-color:#f6f6f6; margin:-50px auto 0px auto; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari 3-8 */ transform: rotate(45deg);}

.dis_container_gold { background-color:#fff; padding:50px 0px; }
.dis_container_mid_gold { background-color:#b69558; padding:50px 0px; margin-top:70px; color:#fff; }
.dis_pijl_gold { width:100px; height:100px; background-color:#fff; margin:-100px auto 50px auto; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari 3-8 */ transform: rotate(45deg);}
.dis_pijl_mid_gold { width:100px; height:100px; background-color:#b69558; margin:-50px auto 0px auto; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari 3-8 */ transform: rotate(45deg);}
/* STOP DRIVEINSHOW */

/* START LOCATIES DEEJAY */
.locatiecontainer { height:65%; width:100%; position:relative; margin:auto; }
.bg_tilburg { background: url('https://theweddingdj.nl/image/bruiloft-dj-tilburg-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_tilburg.visible { background: url('https://theweddingdj.nl/image/bruiloft-dj-tilburg.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_breda { background: url('https://theweddingdj.nl/image/bruiloft-dj-breda-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_breda.visible { background: url('https://theweddingdj.nl/image/bruiloft-dj-breda.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_el { background: url('https://theweddingdj.nl/image/bruiloft-dj-etten-leur-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_el.visible { background: url('https://theweddingdj.nl/image/bruiloft-dj-etten-leur.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_zundert { background: url('https://theweddingdj.nl/image/bruiloft-dj-zundert-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_zundert.visible { background: url('https://theweddingdj.nl/image/bruiloft-dj-zundert.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_maps_totaal { background: url('https://theweddingdj.nl/image/maps-totaal-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_maps_totaal.visible { background: url('https://theweddingdj.nl/image/maps-totaal.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_maps_ettenleur { background: url('https://theweddingdj.nl/image/maps-etten-leur-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_maps_ettenleur.visible { background: url('https://theweddingdj.nl/image/maps-etten-leur.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_maps_tilburg { background: url('https://theweddingdj.nl/image/maps-tilburg-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_maps_tilburg.visible { background: url('https://theweddingdj.nl/image/maps-tilburg.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_maps_oirschot { background: url('https://theweddingdj.nl/image/maps-oirschot-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_maps_oirschot.visible { background: url('https://theweddingdj.nl/image/maps-oirschot.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_maps_goes { background: url('https://theweddingdj.nl/image/maps-goes-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_maps_goes.visible { background: url('https://theweddingdj.nl/image/maps-goes.jpg') no-repeat; background-size: cover; background-position:center center }

/* STOP LOCATIES DEEJAY */

/* START VIDEO */
.videocontainer { max-height:75%; height:800px; width:100%; position:relative; margin:auto; }
.videoindiv { width:100%; max-width: 1400px; height: 100%; max-height:750px; display: flex; justify-content: center; align-items: center; position:absolute; }
.videoMessage {width: 100%; height:100%; position: absolute; top: 0; left: 0;}

.row { border-bottom: solid 1px transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.video2 { z-index:-1; }

.fshoverv { background-color:rgba(0,0,0,0.45); z-index:2; position:absolute; left: 0px; top: 0px; width:100%; height:100%; -webkit-transition: all 400ms ease; transition: all 400ms ease; -webkit-filter: brightness(10%); filter: brightness(10%); }
.fshoverv12:hover { background-color:#cc0000; -webkit-filter: brightness(100%); filter: brightness(100%); }
.hr-intro-video-moving:hover .fshoverv { background-color:#cc0000; z-index:2; position:absolute; left: 0px; top: 0px; width:100%; height:100%; -webkit-transition: all 400ms ease; transition: all 400ms ease; -webkit-filter: brightness(10%); filter: brightness(10%); }

.defvideo { margin: 0; padding: 0; position: fixed; top: 50%; left: 50%; z-index: -100; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url('https://theweddingdj.nl/image/bruiloft-dj-50.jpg') no-repeat; background-size: cover; } /*transform: translateX(-50%) translateY(-50%);*/
.videobg { width:100%; position:absolute; z-index:-100; object-fit:cover; }
.djvideo { margin: 0; padding: 0; position: fixed;	top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url('https://theweddingdj.nl/image/bruiloft-dj-50.jpg') no-repeat; background-size: cover; z-index:-1; } /* transform: translateX(-50%) translateY(-50%); */
.videodiv { margin: 0; padding: 0; position: fixed; top: 50%; left: 50%; z-index: -100; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url('https://theweddingdj.nl/image/bruiloft-dj-50.jpg') no-repeat; background-size: cover; display:none; } /*transform: translateX(-50%) translateY(-50%);*/
/* STOP VIDEO */

/* START FOTOBAR */
.fotobar { overflow:hidden; background-color:#fff; max-width:1000px; margin:0px auto; }
.fbfoto { width: calc(100% / 5); background-color:#f4f7f6; border:2px solid #fff; min-height:20px; float:left; background: url('https://theweddingdj.nl/image/bruiloft-dj-50.jpg') no-repeat; background-size: cover;}
.fotohover { background-color:rgba(168,136,85,0.9); left: 0px; top: 0px; width:100%; height:100%; opacity:0; cursor:pointer; }
.fotohovertekst { color:#fff; padding-top:50%; text-align:center; }
.fotohover:hover { animation-name: fotoHover; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
@keyframes fotoHover { from { opacity: 0; } to { opacity: 1; } }
.fotoheart { padding:10px; transition: 0.4s; opacity:1;}
.fotoheart:hover { background-color:rgba(255,255,255,0.3); -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; }
.fotoheart:active { padding:60px; opacity:0;}
/* STOP FOTOBAR */

/* START BRUILOFT DJ */
.bg_bruiloftdj { background: url('https://theweddingdj.nl/image/bruiloft-dj-hotel-nassau-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_bruiloftdj.visible { background: url('https://theweddingdj.nl/image/bruiloft-dj-hotel-nassau.jpg') no-repeat; background-size: cover; background-position:center center }

.dj_stappen { max-width:800px; overflow:hidden; margin:20px auto; }
.dj_100 { padding:30px; margin:30px 0px; overflow:hidden; position:relative; opacity:0;}
.dj_100b { opacity:0; padding:30px; margin:30px 0px; overflow:hidden; position:relative; animation-name: AniStap; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
@keyframes AniStap { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes AniStap { from { opacity:0; } to { opacity:1; } }
@-webkit-keyframes AniStap { from { opacity:0; } to { opacity:1; } }

.dj_50nr { display: table; height:100%; float:left; width:30%;}
.dj_50nr div { display: table-cell; vertical-align: middle; text-align:center; height:100%; }
.dj_nr2 { font-size:50px; text-align:center; font-family: 'roboto-black', Verdana; font-size: 6em; }

.dj_50 { width:70%; float:left; min-height:100px; text-align:left; }
.dj_50  span { font-size:50px; text-align:center; font-family: 'roboto-black', Verdana; font-size: 6em; width:100px; height:100px; }
.dj_50  ul { padding:0px 0px 0px 20px; margin:20px 0px 0px 0px; }
.dj_nr { font-size:50px; text-align:center; font-family: 'roboto-black', Verdana; font-size: 6em; position: relative; transform: translate(0px, -50%); top: 50%; }

.kosten_item { overflow:hidden; padding:20px 0px; }
.kosten_left { width:100px; float:left; text-align:center; margin-left:-99px; }
.kosten_left_g { width:100px; float:left; text-align:center; margin-left:-99px; animation: AniIcon 0.5s forwards; animation-delay: 0.5s; } /*animation-name: AniMarker; animation-duration: 0.5s; animation-timing-function:linear; animation-fill-mode: forwards; animation-delay: 0.5s;*/
@keyframes AniIcon { 0% { margin-left:-99px; } 100% { margin-left:0px; } }
@-moz-keyframes AniIcon { 0% { margin-left:-99px; } 100% { margin-left:0px; } }
@-webkit-keyframes AniIcon { 0% { margin-left:-99px; } 100% { margin-left:0px; } }

.kosten_right { margin-left:40px; width:calc(100% - 140px); float:left; text-align:left; }

/* STOP BRUILOFT DJ */

/* START SHOWS */
.showscontainer { overflow:hidden; padding:80px 0px; text-align:center; } /* background-color:#fff; */
.showskol { max-width:1000px; width:80%; margin:0px auto; text-align:center; padding:20px 0px; overflow:hidden; }
.showsopm { max-width:1000px; width:80%; margin:0px auto; text-align:center; padding:20px 0px; overflow:hidden; }

.showsbronze { margin-top:20px; float:left; width: calc(30% - 2px); background-color:#fcfcfc; -webkit-box-shadow: 0 0 12px rgba(0,0,0,.1); -moz-box-shadow: 0 0 12px rgba(0,0,0,.1); box-shadow: 0 0 12px rgba(0,0,0,.1);}
.showssilver { float:left; width: calc(40% - 2px); background-color:#fff; position:relative; z-index:2; -webkit-box-shadow: 0 0 12px rgba(0,0,0,.1); -moz-box-shadow: 0 0 12px rgba(0,0,0,.1); box-shadow: 0 0 12px rgba(0,0,0,.1);}
.showsgold { margin-top:20px; float:left; width: calc(30% - 2px); background-color:#fcfcfc; -webkit-box-shadow: 0 0 12px rgba(0,0,0,.1); -moz-box-shadow: 0 0 12px rgba(0,0,0,.1); box-shadow: 0 0 12px rgba(0,0,0,.1);}

.kopbronze { padding:20px 0px; margin-bottom:30px; color:#fff; background-color:#a87455; font-family:'Playfair Display',serif; font-weight:700; font-size:26px;}
.kopsilver { padding:20px 0px; margin-bottom:30px; color:#fff; background-color:#b5b2ad; font-family:'Playfair Display',serif; font-weight:700; font-size:26px;}
.kopgold { padding:20px 0px; margin-bottom:30px; color:#fff; background-color:#b69658; font-family:'Playfair Display',serif; font-weight:700; font-size:26px;}
.kopbronzefat { padding:20px 0px; margin-bottom:30px; color:#fff; background-color:#a87455; font-family: 'roboto-black', Verdana; font-weight:700; font-size:26px;}
.kopsilverfat { padding:20px 0px; margin-bottom:30px; color:#fff; background-color:#b5b2ad; font-family: 'roboto-black', Verdana; font-weight:700; font-size:26px;}
.kopgoldfat { padding:20px 0px; margin-bottom:30px; color:#fff; background-color:#b69658; font-family: 'roboto-black', Verdana; font-weight:700; font-size:26px;}

.showprijs { padding:15px 0px 30px 0px; font-family: 'roboto-bold', Verdana; font-size:24px; }
.showprijsfat { padding:15px 0px 30px 0px; font-family: 'roboto-bold', Verdana; font-size:35px; }
.showonderschrift { font-size:12px; padding-left:6px; position:absolute; }
.showitem { padding:15px 0px; }
.check { color:#00A14B; padding-right:10px; }
.cross { color:#cc0000; padding-right:10px; }
.option { color:#cccccc; padding-right:10px; }
.option_streep { padding-right:17px; font-weight:bold; }
.checklegenda { color:#00A14B; padding:0px 10px; }
.crosslegenda  { color:#cc0000; padding:0px 10px; }
.optionlegenda  { color:#ccc; padding:0px 10px; }
.meestgekozen { position: absolute; top:35px; left:0px; background-color: #FF8100; z-index:3; color: #fefefe; width:30%; text-align:center; padding:10px; font-family: 'roboto-bold', Verdana; -webkit-border-radius:0px 10px 10px 0px; -moz-border-radius:0px 10px 10px 0px; border-radius:0px 10px 10px 0px;}
/* STOP SHOWS */

/* START REVIEWS */
.reviewscontainer { overflow:hidden; padding:80px 0px; text-align:center; }
.reviewskol { max-width:1000px; width:80%; margin:0px auto; text-align:center; padding-top:20px; overflow:hidden;}
.reviewkol { width: calc(100% / 3); padding:15px; float:left; min-height:20px; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.reviewkol:hover { animation-name: AniRev; }
@keyframes AniRev { from { margin-top:0px; } to { margin-top:10px; } }
@-moz-keyframes AniRev { from { margin-top:0px; } to { margin-top:10px; } }
@-webkit-keyframes AniRev { from { margin-top:0px; } to { margin-top:10px; } }

.reviewkolmid { width: calc(100% / 3 - 2px); padding:15px; float:left; min-height:20px; border-left:1px solid #E6EAEA; border-right:1px solid #E6EAEA; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.reviewkolmid:hover { animation-name: AniRev; }
.reviewnaam { padding-bottom:5px; }
.reviewstar { padding:5px 0px; }

.rev_regel { overflow:hidden; padding:5px 0px 5px 15px; }
.rev_regel:hover { background-color:#f2f2f2; cursor:pointer; }
.rev_tekst { float:left; width:100px; }
.rev_tekst_r { float:left; width:35px; }
.rev_bar_container { width:calc(100% - 225px); overflow:hidden; height:10px; float:left; margin:8px 20px 0px 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background-color:#ccc; position:relative; }
.rev_bar { opacity:0; height:10px; min-width:0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background-color:#00A14B; position:absolute; top:0; left:0; }
.rev_bar_g { opacity:0; height:10px; min-width:0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background-color:#00A14B; position:absolute; top:0; left:0; animation-name: AniBar; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.8s;}
@keyframes AniBar { from { opacity:0; margin-left:-200px; } to { opacity:1; margin-left:0px; } }
@-moz-keyframes AniBar { from { opacity:0; margin-left:-200px; } to { opacity:1; margin-left:0px; } }
@-webkit-keyframes AniBar { from { opacity:0; margin-left:-200px; } to { opacity:1; margin-left:0px; } }

.rev_onderschrift { font-size:14px; color:#292929; margin-top:10px; }
.rev_onderschrift img { padding:0px 2px 0px 10px; }
/*.rev_onderschrift a { color:#b69658; }*/
.rev_kol { width:80%; margin:0px auto; text-align:left; }
.rev_bgwit { background-color:#fff; padding:20px; }
.rev_bggrijs { background-color:#f6f6f6; padding:20px; }
.refregel { width:100%; padding:5px 0px; overflow:hidden; }
.refregelkop { width:100%; padding:10px 0px; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.refregelkopsub { width:100%; padding:5px 0px; overflow:hidden; }
.refregelkopbeo { width:100%; overflow:hidden; }
.refkopnaam { width:30%; min-height:1px; float:left; }
.refkopwaarde { width:70%; min-height:1px; float:left; }
.refregelkop2 { padding:0px 0px 5px 0px; }
.refopmerking { width:100%; padding:10px 0px; }
.refster { display:inline-block; min-height:1px; float:left; padding-right:20px; }
.refvraag { float:left; width:65%; overflow:hidden; padding:5px 0px; text-align:left; }
.reflijn { height:10px; border-bottom: 1px solid #cccccc; margin-bottom:10px; }
.refregelmid  { overflow:hidden; padding:20px 0px; }

.rev_zoek_tekst { width:200px; float:left; }
.rev_zoek_invul { width:calc(100% - 200px); float:left; }

.rev_of_lijn { border-bottom:1px solid #ccc; width:calc(50% - 25px); height:15px; float:left; }
.rev_of { width:50px; float:left; }
.rev_of_container{ overflow:hidden; color:#ccc; width:50%; margin:20px auto; }

.jq-stars {display: inline-block;}
.jq-rating-label {font-size: 22px; display:inline-block; position: relative; vertical-align: top; font-family: helvetica, arial, verdana;}
.jq-star {width:100px; height: 100px; display: inline-block; cursor: pointer;}
.jq-star-svg { padding-left: 3px; width: 100%; height: 100%; }
/* STOP REVIEWS */

/* START EVENEMENTEN */
.containerevent { padding:10px 0px 30px 0px; overflow:hidden;}
.event { overflow:hidden; width:50%; margin:0px auto; padding-bottom:40px; }
.event_left { width:100px; float:left; text-align:left; }
.event_right { float:left; text-align:left; padding-top:7px; width:calc(100% - 100px); }
/* STOP EVENEMENTEN */

/* START PARTNERS */
.partnerscontainer { overflow:hidden; background-color:#fff; padding:100px 0px; text-align:center; }
.partnerskoltot { max-width:1000px; margin:0px auto; text-align:center; padding-top:20px; overflow:hidden; }
.partnerskolrij1 { overflow:hidden; padding-bottom:40px; }
.partneritem { width:33.33%; float:left; }
.partneritem img { max-width:80%; height:auto; }
.partnerskol { width:900px; float:left; }
.partnerkol { width:12.5%; float:left; min-height:20px;}
.partnerkol img { max-width:80%; }
.partnerleft { width:50px; min-height:10px; float:left; }
.partnerpijl { font-family: 'roboto-bold', Verdana; font-size:40px; width:50px; height:50px; text-align:center; color:#ccc; padding-top:10px; margin-top:50%; }
.partnerpijl:hover { color:#292929; cursor:pointer; }
.partnerright { width:50px; min-height:10px; float:right; }
.partnerslider { overflow:hidden; width:900px; margin:0px auto; float:left; }
.partnersliders { overflow:hidden; width:200%; }

.partnersliders_inner { overflow:hidden; width:100%; }
.partnerslidersg { overflow:hidden; width:200%; animation-name: AniPartner; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.8s; }
@keyframes AniPartner { from { margin-left:0px; } to { margin-left:-25%; } }
@-moz-keyframes AniPartner { from { margin-left:0px; } to { margin-left:-25%; } }
@-webkit-keyframes AniPartner { from { margin-left:0px; } to { margin-left:-25%; } }
/* STOP PARTNERS */

/* START NIEUWS */
.newscontainer { overflow:hidden; background-color:#fff; padding:50px 0px; text-align:center; background-color:#292929; color:#fff; background: url('https://theweddingdj.nl/image/black_bg.jpg') no-repeat; background-position:center center; background-size: cover;}
.newskol { max-width:1000px; width:80%; margin:40px auto; text-align:center; padding-top:20px; overflow:hidden;}
.newkol { width:calc(100% / 3 - 50px); float:left; min-height:20px; text-align:left; margin:10px; padding:15px; color:#292929; background-color:#fff;}
.newkol img { max-width:100%; }
.newfoto { padding-top:10px; }
/* STOP NIEUWS */

/* START FOTOSLIDER */
.fotoslidercontainer { overflow:hidden; background-color:#fff; padding:50px 0px; text-align:center; }
.fotoslider { overflow:hidden; max-width:1200px; height:600px; margin:0px auto; }
.fotosliders { overflow:hidden; width:4000px; height:600px; }
.fscontainer { height:100%; padding:0px 10px 0px 0px; float:left; }
.fsfoto { width:800px; height:100%; cursor:pointer; position:relative; }
.fsfotoblogcontainer { height:500px; }
.fsfotoblog { width:100%; height:100%; cursor:pointer; position:relative; background-size: cover;}

.fsc1 { background-color:#cc0000; }
.fsc2 { background-color:#ccc; }
.fsc3 { background-color:#000; }
.fsc4 { background-color:#cc0000; }

.fstekstcontainer { position:absolute; bottom:10px; left:10px; color:#fff; }
.fstekstcontainerw { position:absolute; bottom:10px; left:0px; color:#fff; }
.fstitel { font-size:20px; background-color:rgba(168,136,85,0.7); padding:5px; display: inline-block; margin:3px; float:left; }
.fssubtitel { font-size:12px; background-color:rgba(168,136,85,0.7); padding:5px; display: inline-block; margin:3px; float:left; }
.fstitelw { font-size:20px; background-color:#fff; color:#292929; padding:5px; display: inline-block; margin:3px 0px; float:left; text-transform: uppercase; font-family: 'roboto-black', Verdana;}
.fssubtitelw { font-size:12px; background-color:#fff; color:#292929; padding:5px; display: inline-block; margin:3px 0px; float:left; text-transform: uppercase; font-family: 'roboto-black', Verdana;}

.btcontainer { padding-top:10px;}
.fstekstcontainerg { position:absolute; top:-30px; left:30px; }
.fstitelg { font-size:40px; background-color:#b69558; color:#fff; padding:5px 15px; margin:0px; display: inline-block; text-transform: uppercase; font-family: 'roboto-black', Verdana; z-index:2; }
.fssubtitelg { font-size:12px; background-color:#fff; color:#292929; padding:5px; display: inline-block; float:left; margin:3px; text-transform: uppercase; font-family: 'roboto-black', Verdana;}

/* STOP FOTOSLIDER */



/* START RATING */
/*.ster { animation-name: AniStar2; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
@keyframes AniStar2 { from { fill:#CCC; } to { fill:#FAA41A; } }
@-moz-keyframes AniStar2 { from { fill:#CCC; } to { fill:#FAA41A; } }
@-webkit-keyframes AniStar2 { from { fill:#CCC; } to { fill:#FAA41A; } } */

.ster35 {fill: #CCCCCC;}
.ster35 path.stergold1 { animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster35 path.stergold2 { animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster35 path.stergold3 { animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster35 path.stergold4 { animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster35 path.stergold5 { animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster35 path.stergold6 { animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster35 path.stergold7 { animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster35 path.stergold8.ster { animation:none; fill:#ccc; }
.ster35 path.stergold9.ster { animation:none; fill:#ccc; }
.ster35 path.stergold10.ster { animation:none; fill:#ccc; }

.ster40 {fill: #CCCCCC;}
.ster40g path.stergold1 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster40g path.stergold2 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster40g path.stergold3 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster40g path.stergold4 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster40g path.stergold5 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster40g path.stergold6 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster40g path.stergold7 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster40g path.stergold8 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster40g path.stergold9.ster { animation:none; fill:#ccc; }
.ster40g path.stergold10.ster { animation:none; fill:#ccc; }

.ster45 {fill: #CCCCCC;}
.ster45g path.stergold1 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster45g path.stergold2 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster45g path.stergold3 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster45g path.stergold4 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster45g path.stergold5 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster45g path.stergold6 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster45g path.stergold7 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster45g path.stergold8 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster45g path.stergold9 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.8s; }
.ster45g path.stergold10.ster { animation:none; fill:#ccc; }

.ster50 { fill: #CCCCCC;}
.ster50g path.stergold1 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster50g path.stergold2 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster50g path.stergold3 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster50g path.stergold4 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster50g path.stergold5 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster50g path.stergold6 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster50g path.stergold7 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster50g path.stergold8 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster50g path.stergold9 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.8s; }
.ster50g path.stergold10 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.8s; }
@keyframes AniStar3 { from { fill:#CCC; } to { fill:#FAA41A; } }
@-moz-keyframes AniStar3 { from { fill:#CCC; } to { fill:#FAA41A; } }
@-webkit-keyframes AniStar3 { from { fill:#CCC; } to { fill:#FAA41A; } }
/* STOP RATING*/

/* START SITEMAP */
.sitemap { background-color:#292929; padding:50px 0px; border-top:6px solid #b69558; color:#a3a3a3; overflow:hidden; font-size:16px;}
.smcontainer { overflow:hidden; }
.smleft { width:calc(70% - 40px); float:left; padding:20px; }
.smright { width:calc(30% - 40px); float:left; padding:20px; }
.smname { color:#fff; font-size:25px; font-family: 'roboto-bold', Verdana; padding-bottom: 10px; float:left; }
.smlogo { float:left; }
.smleftcontainer { border-bottom:1px solid #6a6163; overflow:hidden; min-height:50px; }
.smrightcontainer { border-bottom:1px solid #6a6163; overflow:hidden; min-height:50px; }

.sm33 { width:calc(100% / 4); float:left; }

.smrating { border-top:1px solid #6a6163; overflow:hidden; padding:20px; }
.smrating img{ height:16px; padding-right:10px; }
.smheart { color:#b01712; padding:0px 7px; font-size:24px;}
/* STOP SITEMAP */

/* START WAAROM */
.waaromcontainer { background-color:#b69558; color:#fff; }
.waaromcontainer a { color:#fff; text-decoration:underline; }
.whyheart { color:#fff; font-size:20px; }
.waaromitems { overflow:hidden; }
.waarom50 { float:left; width:50%; text-align:left; overflow:hidden; }
/* STOP WAAROM */

/* START MARKER */
.mcontainer { overflow:hidden; background-color:#fff; padding:50px 0px; text-align:center; }
.m25 { float:left; width:25%; }
.m75 { float:left; width:75%; }
/* STOP MARKER */

/* START CONTACT */
.con_item { overflow:hidden; padding:5px 0px 5px 0px; text-align:left; }
.con_kol { max-width:1000px; width:80%; margin:0px auto; text-align:center; padding:20px 0px; overflow:hidden; }
.con_adres { float:left; width:calc(100% / 3); overflow:hidden; }
.con_adres:hover { background-color:#b69658; color:#fff; cursor:pointer; animation-name: locatieHover; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.con_adres:hover a { color:#fff; }
@keyframes locatieHover { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes locatieHover { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes locatieHover { from { opacity: 0; } to { opacity: 1; } }

.con_interesse_item { background-color:#f2f2f2; color:#161616; font-weight:bold; text-align:center; padding:10px; margin-bottom:10px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}
.con_interesse_item:hover { cursor:pointer; background-color:#00a14b; color:#fff; }
.con_interesse_item.go { background-color:#00a14b; color:#fff; }
/* STOP CONTACT */

/* START LOCATIES */
.loc_tabel { overflow:hidden; text-align:left; }
.loc_regel { padding:10px; overflow:hidden; }
.loc_regel_g { padding:10px; overflow:hidden; background-color:#f6f6f6; }
.loc_regel_left { float:left; width:40%; }
.loc_regel_right { float:left; width:60%; }
/* STOP LOCATIES */

/* START CHAT */
.chat { height: 120px; width: 120px; position:fixed; bottom:50px; right:-120px; z-index:99; transition: all 400ms ease; }
.chat:hover { right:-20px; }
.chat2 { height: 90px; width: 120px; position:fixed; bottom:50px; right:-40px; z-index:99; transition: all 400ms ease; }
.chat2:hover { right:-20px; }
.dot { height: 100px; width: 100px; background-color: #bbb; border-radius: 50%; display: inline-block; background-image: url('https://theweddingdj.nl/image/maurice-chat.jpg'); background-size:cover; -moz-box-shadow: 0 10px 25px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1); }
.dot200 { height:200px; width:200px; background-color: #bbb; border-radius: 50%; display: inline-block; background-image: url('https://theweddingdj.nl/image/bart_lijdsman.jpg'); background-size:cover; -moz-box-shadow: 0 10px 25px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1); }
.dotintern { position:absolute; bottom:-10px; right:-10px; }
.online { height: 15px; width: 15px; background-color: #00a14b; border-radius: 50%; display: inline-block; position:absolute; top:5px; left:5px; }
/* STOP CHAT */

/* START VRAGEN */
.switch { position: relative; overflow:hidden; width: 248px; padding:4px; background-color:#f2f2f2; border-radius: 20px; margin:0px auto; }
.switch-label { position: relative; z-index: 2; float: left; width: 118px; font-size: 14px; text-align: center; cursor: pointer; padding:5px 0px; }
.switch-label-off { padding-left: 2px; }
.switch-label-on { padding-right: 2px; }
.switch-input { display: none; }
.switch-input:checked + .switch-label { color: #fff; -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -ms-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-transition-property: color, text-shadow; -moz-transition-property: color, text-shadow; -ms-transition-property: color, text-shadow; -o-transition-property: color, text-shadow; transition-property: color, text-shadow; }
.switch-input:checked + .switch-label-on ~ .switch-selection { left: 122px;  background-color:#cc0000; }
.switch-selection { position: absolute; z-index: 1; top: 4px; bottom:4px; left: 4px; display: block; width: 122px; background-color: #55D069; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -ms-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; border-radius: 20px; }
/* STOP VRAGEN */

/* START FOTOSLIDER */

.fs_fotos { display:flex; }
.fs_foto { width:600px; height:400px; margin-left:20px; float:left; cursor:-webkit-grab; cursor:grab; }
.fs_foto img { object-fit:cover; width:600px; height:400px; }
.djstar { font-size:24px; vertical-align:top; }
.tad_icon { font-size:32px; }
.tad_item { border-bottom:1px solid #ccc; padding:10px; margin:0px auto; width:500px; max-width:90%; }

/* STOP FOTOSLIDER */

/* START DRIVEINSHOW OVERZICHT */

.diso_kols { min-height:100%; width:100%; margin-top:80px; overflow:hidden; max-width:100%; min-width:1540px; }
.diso_kop { width:100%; height:100px; display:flex; justify-content:center; align-items:center; }
.diso_kol1 { height:100%; max-width:250px; float:left; font-size:14px; }
.diso_kol2 { height:100%; max-width:500px; float:left; margin-left:20px; }
.diso_kol3 { height:100%; max-width:750px; float:left; margin-left:20px; }

.diso_kol { width:220px; height:100%; float:left; }
.diso_k1 { background-color:var(--grijs1); }
.diso_k2 { background-color:var(--grijs2); }

.diso_info { display:none; }
.diso_item { width:100%; height:100px; border-bottom:0.5px solid #161616; display:flex; justify-content:center; align-items:center; }

.diso_hover:hover { background-color:#63be7b; color:#fff; cursor:pointer; }
.diso_hover:hover a { color:#fff; }
.diso_hover:hover .diso_info { display:block; }
.diso_hover:hover .diso_txt { display:none; }



.diso_mid { text-align:center; width:60%; }
.diso_mid .material-icons { font-size:40px; }
.diso_onderschrift { font-size:70%; }
.diso_prijs { font-size:14px; }
.diso_select { -webkit-box-shadow:0px 0px 0px 3px #63be7b inset; -moz-box-shadow:0px 0px 0px 3px #63be7b inset; box-shadow:0px 0px 0px 3px #63be7b inset; position:relative; }
.diso_rating { width:18px; height:5px; background-color:#ccc; }
.diso_grid { display:grid; grid-template-columns:repeat(10, minmax(0, 1fr)); grid-template-rows:1fr; column-gap:2px; row-gap:0; margin:5px 0px 10px 0px; }
.diso_rating_select { background-color:var(--bruingoud); }
.diso_meest { position:absolute; top:-10px; left:0px; right:0px; background-color:#63be7b; color:#fff; text-align:center; text-transform:uppercase; font-weight:bold; padding:4px; font-size:12px; }

/* STOP DRIVEINSHOW OVERZICHT */

/* START FAQ */
.faq_section { padding:30px 0px; }
.faq_container { width:1000px; max-width:90vw; margin:0px auto; }
.faqitem { padding:8px; width:calc(100% - 16px); text-align:left; }
.faqitem:hover { background-color:#fff; cursor:pointer; }
.faqhide { display:none; padding:8px; width:calc(100% - 16px); }
.faq_antwoord { margin:0px 0px 20px 40px; padding:10px; display:none; text-align:left; }
.faq_vraag { text-align:left; }
.faq_kop { margin-bottom:30px; text-align:left; }
.faq_item.hidden { display: none; }
.faq_item img { max-width:100%; }
.faq_highlight { background-color:yellow; font-weight: bold; }

.conregelext { width:100%; padding:10px; margin:5px 0px 5px 0px; background-color:#fff; cursor:pointer; font-weight:normal; color:#161616; overflow:hidden;}
.conregelext:hover { background-color:#eeeeee; cursor:pointer; }
.conregelnr { float:left; width:40px; }
.kol100p { float:left; }
/* STOP FAQ */

/* ----------- iPad ----------- */
@media screen and (max-width:767px) {
.home_slogan_container h1 { font-size: 60px; }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
.home_slogan_container  h1 { font-size:68px; }
.menutop33l { width:40%; display:none; }
.menutop33m { width:60%; text-align:left; }
.menutop33r { width:40%; }
.menu33l { width:40%; }
.menu33m { width:20%; }
.menu33r { width:40%; }
.menu2logo { padding: 11px 11px 0px 20px; }
.menu2left { width:50%; }
.menu2itemsleft { display:none;}
.menu2itemsright { display:block; }

.ttba_con { bottom:25px; right:20px; }
.ttba_img img { width:150px; }

/* START PARTNERS */
.partnerslider { width:655px; }
.partnerpijl { padding-top:0px; }
/* STOP PARTNERS */

/* START IMPRESSIES */
.imp_foto {  }
/* STOP IMPRESSIES */

/* START CONTACT */
.con_adres { width:50%; }
/* STOP CONTACT */

/* START SITEMAP */
.smname { font-size:16px; }
.smheart { font-size:16px; }
.smleftcontainer { min-height:35px; }
.smrightcontainer { min-height:35px; }
.sm33 { width:calc(100% / 2); }
/* STOP SITEMAP */

.hr-max { width:100%; margin:0px; }

/* START EVENEMENTEN */
.event_left { width:90px; }
/* STOP EVENEMENTEN */

/* START REVIEWS */
.refvraag { font-size:14px; }
/* STOP REVIEWS */

/* STOP USP */
.usp_gold { width:33%; }
.usp_wit { width:33%; }
/* STOP USP */

/* START OFFERTE */
.typeahead,
.tt-query,
.tt-hint { max-width:80%; }
/* STOP OFFERTE */

/* START BLOG */
.fstitelg { font-size:30px; }
/* STOP BLOG */

}

/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
.home_slogan_container  h1 { font-size:90px; }

/* START OFFERTE */
.typeahead,
.tt-query,
.tt-hint { max-width:80%; }
/* STOP OFFERTE */
}

@media screen and (max-width:700px) { /*iphone 6 en kleiner*/

video { display:none; }
.mobile { display:none; }
.desktop { display:block; }
.intro { padding-top:0px; } /*40*/
.button-klein { width:calc(100% - 40px); margin:5px 0px; }
a.btngoldg { margin:10px 0px; width:calc( 100% - 0px ); text-align:center; }
.kol_kalender { width:100%; margin:0px auto; }
.home_video_container { min-height:auto; }
.markerparent { margin-top:30px; }
.home_twe_tekst { right:0px; font-size:16px; }
.devicepixel { display:none; }

/* START MENU */
.menu-marker { font-size:35px; margin:0px; padding:10px 20px; }
.menu33l { width:40%; }
.menu33m { width:20%; }
.menu33r { width:40%; }
.menu2left { width:50%; }
.menu2logo { padding: 11px 0px 0px 20px; }
/* STOP MENU */

/* START HOME */
.bg_home { background: url('https://theweddingdj.nl/image/openingsdans-bruidspaar-bruiloft-dj-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_home.visible { background: url('https://theweddingdj.nl/image/openingsdans-bruidspaar-bruiloft-dj.jpg') no-repeat; background-size: cover; background-position:center center; }
.ttba_con { bottom:25px; right:20px; }
.ttba_img img { width:100px; }
.ttba_kop { font-size:10px; }
.button { position:absolute; bottom:0px; right:0px; z-index:9; }
.button img { width:100px; }
/* STOP HOME */

/* START QUOTE */
.quote2 { width:100%; padding:0px; margin:40px auto; }
.quoteteken { font-size: 20px; line-height:110%; float:left; margin-top:0px; width:40px; padding-top:40px; }
.quotetekenm { font-size: 60px; line-height:110%; float:left; margin-top:0px; width:40px; padding-top:40px; animation-name: AniQuote; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.8s; }
@keyframes AniQuote { from { opacity:0; font-size:20px; } to { opacity:1; font-size:60px; } }
@-moz-keyframes AniQuote { from { opacity:0; font-size:20px; } to { opacity:1; font-size:60px; } }
@-webkit-keyframes AniQuote { from { opacity:0; font-size:20px; } to { opacity:1; font-size:60px; } }
.quotetekst { float:left; width:calc(100% - 80px); }
.quotefont { font-size:35px; padding:80px 0px; }
/* STOP QUOTE */

/* START STAPPEN */
.dj_50nr { display:block; height:100%; float:none; width:100%; max-height: 200px; }
.dj_50nr div { display: block; vertical-align:unset; text-align:center; height:100%; }
.dj_50 { width:100%; float:none; }
/* STOP STAPPEN */

/* START LOCATIES */
.loc_regel_g, .loc_regel { text-align:center; }
.loc_regel_left { float:none; width:100%; }
.loc_regel_right { float:none; width:100%; }
/* STOP LOCATIES */

.newkol { width:calc(100% - 30px); padding:15px; float:none; min-height:20px; text-align:center;}
.sloganmarker { padding:5px 5px;}
.showsbronze { margin-top:20px; float:none; width: calc(100% - 2px); background-color:#fcfcfc; }
.showssilver { margin-top:20px; float:none; width: calc(100% - 2px); background-color:#fff; position:relative; z-index:2; }
.showsgold { margin-top:20px; float:none; width: calc(100% - 2px); background-color:#fcfcfc; }

.home_slogan_container  h1 { font-size:25px; }
h2 { font-size:30px; }
h3 { font-size:30px; }
h4 { font-size:30px; }
.hr-marker { font-size:50px; }
.hr-marker-r { font-size:60px; }

/* START FOTOBAR */
.fotobar { padding:0px; margin-bottom:30px; width:90%; }
.fbfoto { width: calc(100% / 4); }
/* STOP FOTOBAR */

/* START BRUILOFT DJ */
.kosten_left { width:100%; float:none; text-align:center; margin-left:-200px; }
.kosten_left_g { width:100%; float:none; text-align:center; margin-left:-200px; animation: AniIcon 0.5s forwards; animation-delay: 0.5s; padding-bottom:20px; }
@keyframes AniIcon { 0% { margin-left:-300px; } 100% { margin-left:0px; } }
@-moz-keyframes AniIcon { 0% { margin-left:-300px; } 100% { margin-left:0px; } }
@-webkit-keyframes AniIcon { 0% { margin-left:-300px; } 100% { margin-left:0px; } }
.kosten_right { margin-left:0px; width:100%; float:none; text-align:center; }
/* STOP BRUILOFT DJ */

/* START DRIVEINSHOW */
.dis_50l { float:none; width:100%; padding-right:0px; }
.dis_50r { float:none; width:100%; padding-left:0px; border-left: 0px; margin-top:50px; }
.check { color:#00A14B; font-size:24px; }

.cross { color:#cc0000; font-size:20px; }
.option { color:#ccc; padding-right:10px; font-size:24px; }
/* STOP DRIVEINSHOW */

/* START IMPRESSIES */
.imp_foto { margin:10px 0px; }
.imp_foto_80 { width:100%; }
.imp50 { float:none; width:100%; }	
/* STOP IMPRESSIES */

/* START CONTACT */
.con_adres { width:100%; }
/* STOP CONTACT */

/* START PARTNERS */
.partnerslider { width:calc( 100% - 100px ); max-height:120px; }
.partnersliders { max-height:120px; width:800%; }
.partnerslidersg { max-height:120px; width:800%; }
.partnersliders_inner { max-height:120px; width:100%; }

@keyframes AniPartner { from { margin-left:0px; } to { margin-left:-100%; } }
@-moz-keyframes AniPartner { from { margin-left:0px; } to { margin-left:-100%; } }
@-webkit-keyframes AniPartner { from { margin-left:0px; } to { margin-left:-100%; } }
/* STOP PARTNERS */

/* START EVENEMENTEN */
.event { overflow:hidden; max-width:80%; display:inline-block; margin:0px auto; padding-bottom:40px; width:100%; }
.event_left { width:100%; float:none; text-align:center; }
.event_right { float:none; text-align:center; width:100%; }
/* STOP EVENEMENTEN */

/* START REVIEW */
.reviewkol { width:100%; float:none; }
.reviewkolmid { width:100%; float:none; border-left:none; border-right:none; }
/* STOP REVIEW */

/* START REVIEWS */
.rev_kol { width:100%; }
.rev_regel { padding:5px 0px 5px 0px; }
.rev_tekst_r { float:right; width:35px; }
.rev_bar_container { width:calc(100% - 165px); overflow:hidden; height:10px; float:left; margin:8px 0px 0px 0px; }
.rev_zoek_tekst { width:50%; }
.rev_zoek_invul { width:50%; }

.refster { float:none; padding-right:0px; margin:0px auto; overflow:hidden; width:100%; display:block; text-align:center; }
.jq-star { width:50px; height: 50px; display: inline-block; cursor: pointer;}

.refvraag { float:none; width:100%; text-align:center; }
/* STOP REVIEWS */

/* START SITEMAP */
.sitemap { text-align:center; }
.smleft { width:100%; float:none; padding:20px; } /* width:calc(100% - 40px); */
.smright { width:100%; float:none; padding:20px; }
.sm33 { width:100%; float:none; }
.smname { font-size:18px; padding-bottom: 10px; float:none; }
.smrating img { width:100%; height:20px; padding:0px; margin-bottom:10px; }
.wa_container { height:60px;width:60px; }
/* STOP SITEMAP */

/* STOP USP */
.usp_gold { width:100%; }
.usp_wit { width:100%; }
/* STOP USP */

/* START OFFERTE */
.typeahead,
.tt-query,
.tt-hint { max-width:80%; }
.off_show { width:calc(50% - 10px); }
.off_extra_item { width:calc(100% - 5px); }
.off_dj { width:calc(100% - 5px); font-size:16px; }

.grid4 { display: grid; grid-template-columns:repeat(2, minmax(0, 1fr)); grid-template-rows:1fr; column-gap:10px; row-gap:0; }
.grid5 { display: grid; grid-template-columns:repeat(3, minmax(0, 1fr)); grid-template-rows:1fr; column-gap:10px; row-gap:0; }

.interesse_nee_intro { padding:0px; }
.interesse_nee_intro .markerparent { display:none; }
.interesse_nee_kop { display:none; }

/* STOP OFFERTE */

/* START BLOG */
.fstitelg { font-size:20px; }
.fsfotoblogcontainer { height:250px; }
.fstekstcontainerg { left:0px; }
/* STOP BLOG */

/* START FAQ */
.faq_antwoord { margin-left:0px; }
/* STOP FAQ */
}

/* ===== Start pp.css ===== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;900&display=swap');

* {margin:0px; padding:0px; box-sizing:border-box;}

:root {
  --bruingoud: rgba(182, 155, 86, 1);
  --zwart1: rgba(22,22,22,1);
  --rood1: #f8696b;
  --oranje1: #fa9d75;
  --oranje2: #fdd17f;
  --groen1: #e0e383;
  --groen2: #a2d07f;
  --groen3: #63be7b;
}

body { font-family: "Montserrat", sans-serif; font-weight:300; font-size:16px; margin:0px; padding:0px; color:#161616; scroll-behavior: smooth; } /*background-color:#c2c2c2;*/
body::-webkit-scrollbar { display:none; }
html, body, form { height:100%; -ms-overflow-style:none; scrollbar-width:none; scroll-behavior: smooth; }
p, ol, ul { line-height:180%; }
a { cursor:pointer; }
p { margin:10px 0px; }
strong { font-weight:900; }
section { min-height:100%; width:100%; padding:0px; position:relative; } /* height:100%; */

textarea, input { outline:none; -webkit-appearance: none; font-family: "Montserrat", sans-serif; font-size:16px; border:0px solid #cccccc; padding:15px; background-color:#f2f2f2; }
input, textarea, select { -webkit-appearance: none; border:0px solid #cccccc; padding:15px; width:100%; box-sizing:border-box; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#cccccc;}
input::-moz-placeholder, textarea::-webkit-input-placeholder { color:#cccccc; }
input[type="date"] { font-size: 18px; }
input[type=checkbox] { -webkit-appearance:checkbox; width:unset; }
label { margin-bottom:10px; display:inline-block; }

h1 { font-size:75px; font-family: "Montserrat", sans-serif; text-transform:unset; text-transform:uppercase; }
h2 { font-size:50px; font-family: "Montserrat", sans-serif; text-transform:unset; text-transform:uppercase; }
h3 { font-size:40px; font-family: "Montserrat", sans-serif; text-transform:unset; text-transform:uppercase; margin:0px; padding:0px; line-height:100%; }
h4 { font-size:50px; font-family:"wendy-lp", sans-serif; font-weight:500; font-style:normal; text-transform:unset; }
h5 { font-size:20px; font-family: "Montserrat", sans-serif; text-transform:unset; text-transform:uppercase; }

a:link {color: #161616; text-decoration:underline; }
a:visited {color: #161616; text-decoration: none; }
a:hover {color: #161616; text-decoration: none; }

a.no:link {color: #161616; text-decoration:none; }
a.no:visited {color: #161616; text-decoration:none; }
a.no:hover {color: #161616; text-decoration:none; }

a.wit:link {color: #fff; text-decoration:underline; }
a.wit:visited {color: #fff; text-decoration: none; }
a.wit:hover {color: #fff; text-decoration: none; }

a.gold:link {color: #685131; text-decoration:none; font-weight:bold; border-bottom:solid 2px #685131; }
a.gold:visited {color: #685131; text-decoration: none; font-weight:bold; border-bottom:solid 2px #685131; }
a.gold:hover { color:#fff; background-color:#685131; }

a.btn_small { transition:background-color .2s; text-align:center; padding:12px 24px; min-width:125px; font-weight: bold; text-transform:uppercase; display:inline-grid; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; font-size:80%; margin-left:50px; }
a.btn_small:link {color: #fff; text-decoration:none; font-weight:bold; background-color:var(--bruingoud); }
a.btn_small:visited {color: #fff; text-decoration:none; font-weight:bold; background-color:var(--bruingoud); text-align:center; }
a.btn_small:hover { color:#fff; text-decoration:none; background-color:rgba(22,22,22,1); -webkit-box-shadow:0px 0px 0px 2px var(--bruingoud) inset; -moz-box-shadow:0px 0px 0px 2px var(--bruingoud) inset; box-shadow:0px 0px 0px 2px var(--bruingoud) inset; }

a.btn { transition:background-color .2s; text-align:center; padding:20px 0px; width:250px; font-weight: bold; text-transform:uppercase; display:inline-grid; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; }
a.btn:link {color: #fff; text-decoration:none; font-weight:bold; background-color:var(--bruingoud); }
a.btn:visited {color: #fff; text-decoration:none; font-weight:bold; background-color:var(--bruingoud); text-align:center; }
a.btn:hover { color:#fff; background-color:rgba(22,22,22,1); }

a.btn_datum { transition:background-color .2s; text-align:center; padding:20px 0px; width:250px; font-weight: bold; text-transform:uppercase; display:inline-grid; -webkit-border-radius:0px 50px 50px 0px; -moz-border-radius:0px 50px 50px 0px; border-radius:0px 50px 50px 0px; }
a.btn_datum:link {color: #fff; text-decoration:none; font-weight:bold; background-color:var(--bruingoud); }
a.btn_datum:visited {color: #fff; text-decoration:none; font-weight:bold; background-color:var(--bruingoud); text-align:center; }
a.btn_datum:hover { color:#fff; background-color:var(--zwart1); -webkit-box-shadow:0px 0px 0px 2px var(--bruingoud) inset; -moz-box-shadow:0px 0px 0px 2px var(--bruingoud) inset; box-shadow:0px 0px 0px 2px var(--bruingoud) inset; }

.btn { background-color:var(--bruingoud); color:#fff; transition:background-color .2s; text-transform:uppercase; text-align:center; padding:20px 0px; width:250px; display:inline-grid; cursor:pointer; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; }
.btn:hover { color:#fff; background-color:var(--zwart1); }
.btn_datum { background-color:rgba(159,143,95,1); color:#fff; transition:background-color .2s; text-transform:uppercase; text-align:center; padding:20px 0px; width:250px; display:inline-grid; cursor:pointer; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; }
.btn_datum:hover { color:#fff; background-color:rgba(222,173,0,0.5); }

a.terug { transition:background-color .2s; text-align:center; padding:20px 0px; width:250px; display:inline-grid; }
a.terug:link {color: #fff; text-decoration:none; font-weight:bold; background-color:#dead00; }
a.terug:visited {color: #fff; text-decoration:none; font-weight:bold; background-color:#dead00; text-align:center; }
a.terug:hover { color:#fff; background-color:#685131; }

a.btnoranjeg { text-decoration:none; background-color:#dead00; padding:10px; color:#fff; transition: width 3s; color:#fff; }
/*a.btnoranjeg:hover:after { content: " de weg naar je huwelijksfeest!" }*/

.fw500 { font-weight:500; }
.bruingoud { color: var(--bruingoud); }
.nocursor { cursor:none; }
.trouwdatum { display:contents; }
.flex { display:flex; } 
.center_h { justify-content:center; }
.center_v { align-items:center; }
.pre-kop { margin:0px; padding:0px; font-weight:300; }
.post-kop { margin-top:3vh; }
.txtm { text-align:center; }
.txtgoud { background: -webkit-linear-gradient(41deg, #e5b53c, #bb9539, #cfa239, #dcb13f, #e6c87b, #e0b74f, #dbb13b, #e3c36f, #cc9f31 80%); -webkit-background-clip:text; -webkit-text-fill-color: transparent; }
.bggoud { background: -webkit-linear-gradient(41deg, #e5b53c, #bb9539, #cfa239, #dcb13f, #e6c87b, #e0b74f, #dbb13b, #e3c36f, #cc9f31 80%); }
.bggrijs1 { background-color:#f2f2f2; }
.onderschrift { font-size:80%; }
.onderschrift_wit { font-size:80%; color:#fff; }
.hobson { margin-top:15px; font-size:80%; }
.fleft { float:left; }
.fright { float:right; }
.overlay { position:fixed; z-index:99; background-color: rgba(18,18,18,0.9); top:0px; bottom:0px; left:0px; right:0px; display:none; justify-content:center; align-items:center; }
.overlay-close { position:absolute; top:20px; right:20px; width:30px; height:30px; }
.videothumb { display:none; }
.mid {margin: 0px auto 0px auto; }
.absolute { position:absolute; }
.relatieve { position:relative; }
.header_cl { width:60%; position:absolute; bottom:100px; left:20%; right:20%; }
.kolmid { margin:0px auto; width:1200px; max-width:100%; position:relative; }
.hide { display:none; }
.int_regel { overflow:hidden; height:100%; }
.borderfout { -webkit-box-shadow:0px 0px 0px 2px #d03737 inset; -moz-box-shadow:0px 0px 0px 2px #d03737 inset; box-shadow:0px 0px 0px 2px #d03737 inset; }
.fontzwart { color:#161616; }
.fontrood { color:#d03737; }
.desktop { display:block; }
.mobile { display:none; }
.feestl_icon { width:20px; vertical-align:sub; }
.kol80 { width:80%; float:left; height:100%; }
.kol75 { width:75%; float:left; height:100%; }
.kol60 { width:60%; float:left; height:100%; }
.kol50 { width:50%; float:left; height:100%; }
.kol40 { width:40%; float:left; height:100%; }
.kol33 { width:33.3333%; float:left; height:100%; }
.kol25 { width:25%; float:left; }
.kol20 { width:20%; float:left; height:100%; }

.w300 { width:300px; }
.bg_zwart_hartjes { color:#fff; background-image: url('https://idee.twdj.nl/image/zwart-hartjes.webp'); height:100%; background-size:cover; background-position:center center; }
.floatr { float:right; }
.over { background-color:rgba(0,0,0,0.6); position:absolute; top:0px; left:0px; bottom:0px; right:0px; color:#fff; }
.static { position:static; }
.regel { padding:10px 0px; }
.handje { cursor:pointer; }
.z9 { z-index:9; } 

.container { display:flex; justify-content:center; align-items:center; }
.kol { padding:50px; margin-top:75px; box-sizing:border-box; position:relative; }
.kol img { max-width:800px; }
.btn_regel { margin-top:75px }
.btn_regel2 { margin:75px 0px; }
.img_blur { position:absolute; top:0px; bottom:0px; left:0px; right:0px; }
.img_blur:hover { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); background-color:rgba(41,41,41,0.4); } 
.rond_r_o { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } 
.over_hid { overflow:hidden; }
.img_cover { object-fit:contain; }
.img_video_button { position:absolute; bottom:0px; left:0px; padding:10px; color:#fff; }
.img_video_button .material-icons { font-size:40px; color:#fff; vertical-align: bottom; }
.img_video_txt { margin-left:10px; vertical-align:super; font-weight:bold; font-size:80%; }
.dis_flex { display:flex; }
.dis_checks { list-style-type:none; }
.dis_checks img { width:25px; margin-right:3px; vertical-align:middle; }
.dis_checks li { position:relative; padding:10px 0px; }
.kol_head { margin:-111px 0px 50px 0px; }

/* START CUSTOM */
.custom-control { position:relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }
.custom-control-input { position: absolute; z-index: -1; opacity: 0; }
.custom-control input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }
.custom-control label { display: inline-block; margin-bottom: .5rem; }
.custom-control-label { position: relative; margin-bottom:0; }
.custom-control-input:active~.custom-control-label::before { color:#fff; background-color:var(--bruingoud); }
.custom-checkbox .custom-control-label::before { border-radius: .25rem; }
.custom-control-label::before { position:absolute; top:.1rem; left:-1.5rem; display:block; width:1rem; height:1rem; pointer-events:none; content:""; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-color:#ccc; }
.custom-control-label::after { position:absolute; top:.1rem; left:-1.5rem; display:block; width:1rem; height:1rem; content:""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }
.custom-control-label::before, .custom-file-label, .custom-select { transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color:var(--bruingoud); }
.custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url('/image/check.svg'); }
.chk_verplicht::before { background-color:var(--bruingoud); }
/* STOP CUSTOM */

 /* START BREADCRUMB */
.breadcrumb { position:absolute; bottom:15px; left:65px; font-size:13px; }
.breadimg { padding-top:3px; }
.breadcrumb a { text-decoration:none; }
ol.breadcrumb { list-style-type: none; margin:10px 0px 0px 0px; padding:0px; }
ol.breadcrumb li { display: inline-block; padding:0px 3px; float:left; }
.bcactief { font-weight:bold; }
/* EIND BREADCRUMB */

/* START VIDEO */

/* STOP VIDEO */
.top { padding:135px 65px 0px 65px; box-sizing:border-box; display:flex; align-items:center; position:relative; justify-content: center; text-align:center; }
.top h1 { padding:0px; margin:0px; white-space: nowrap; }
.top h1.clean { white-space:unset; }
.top h2 { font-family: "Montserrat", sans-serif; font-size:16px; font-weight:300; line-height:150%; }
.top input.inp_datum { background-color:#f2f2f2; width:45%; position:absolute; top:0px; bottom:0px; left:0px; font-weight:300; }
.top a.btn_datum { position:absolute; right:0px; }
.topbottom { padding:135px 65px 65px 65px; }
.topsub { height:70%; padding:0px 65px; box-sizing:border-box; display:flex; align-items:center; margin-top:35px; position:relative; }

.datumcheck { height:65px; margin:30px auto 0px auto; width:80%; position:relative; }
.datumcheck input[type="date"] { border:none; box-sizing:border-box; outline:0; position:relative; width:calc(100% - 250px); position:absolute; top:0px; bottom:0px; left:0px; right:0px; opacity:0.0001;}
.datumcheck input[type="date"]::-webkit-calendar-picker-indicator { background:transparent; bottom:0; color:transparent; cursor:pointer; height:auto; left:0; position:absolute; right:0; top:0; width:auto; }
.datumcheck_over { padding:20px; background-color:#fff; color:#ccc; width:calc(100% - 250px); display:inline-block; float:left; -webkit-border-radius:50px 0px 0px 50px; -moz-border-radius:50px 0px 0px 50px; border-radius:50px 0px 0px 50px;}
.datumcheck_over.fontzwart { color:#161616; }
.datumcheck30 { margin:30px auto; }

.top_button { height:65px; margin-top:30px; width:100%; position:relative; }
.full-width-image__image { width:100vw; height:100vh; -o-object-fit:cover; object-fit:cover; -o-object-position:50% 50%; object-position:50% 50%; }
.top_intro { width:min-content; min-width:800px; }

.grad_top { background-image: linear-gradient(rgba(22,22,22, 1), rgba(22,22,22,0)); height:50%; width:100%; position:absolute; top:0px; }
.grad_bottom { background-image: linear-gradient(rgba(22,22,22,0), rgba(22,22,22,1)); height:50%; width:100%; position:absolute; bottom:0px; }


.scroll-down { position:absolute; right:-10px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); color:#161616; }
.side_photo { overflow:hidden; position:absolute; right:0px; top:100px; bottom:100px; display:flex; }
.side_photo img { height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.side_photo svg { height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.side_photo img.port { width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

.menu { padding:15px 65px; position:fixed; background-color:#fff; z-index:99; width:100vw; box-sizing:border-box; top:0px; font-size:15px; display:flex; align-items:center; justify-content:space-between; transition:opacity .25s ease-in-out, background-color .25s ease-in-out; z-index:100; }
.menu:hover { opacity:1; }
.menu-zwart { color:#fff; animation: WitZwart 0.5s forwards; animation-delay: 0s; font-weight:500;}
.menu-zwart a.menuitem25:link {color:#fff; text-decoration:none; }
.menu-zwart a.menuitem25:visited {color:#fff; text-decoration: none; }
.menu-zwart a.menuitem25:hover {color:#fff; text-decoration: underline; }

.menu-wit { color:#161616; animation: ZwartWit 0.5s forwards; animation-delay: 0s;}
.menu-wit .menuitem a:link {color:#161616; text-decoration:none; }
.menu-wit .menuitem a:visited {color:#161616; text-decoration: none; }
.menu-wit .menuitem a:hover {color:#161616; text-decoration: none; }

.menu-grijs { color:#f2f2f2; animation: ZwartWit 0.5s forwards; animation-delay: 0s;}
.menu-unset { animation: BgTransparant 0.5s forwards; animation-delay: 0s;}

@keyframes WitZwart { from {background-color:#fff;} to {background-color:#161616;} }
@-moz-keyframes WitZwart { from {background-color:#fff;} to {background-color:#161616;} }
@-webkit-keyframes WitZwart { from {background-color:#fff;} to {background-color:#161616;} }

@keyframes ZwartWit { from {background-color:#161616;} to {background-color:#fff;} }
@-moz-keyframes ZwartWit { from {background-color:#161616;} to {background-color:#fff;} }
@-webkit-keyframes ZwartWit { from {background-color:#161616;} to {background-color:#fff;} }

@keyframes BgTransparant { from {opacity:1;} to {opacity:0;} }
@-moz-keyframes BgTransparant { from {opacity:1;} to {opacity:0;} }
@-webkit-keyframes BgTransparant { from {opacity:1;} to {opacity:0;} }

.logo { float:left; display:flex; }
.menuitems {  }
.menu_svg { fill:#161616; }
.menuitem { float:left; padding:10px 30px; transition: background-color .3s; font-weight:800; }
.menuitem:hover { text-decoration: underline; }

/*.menu-zwart .menuitem:hover a { color:#161616; }*/
.menu-zwart .menuitem:hover a { font-weight:800; }
.menu-zwart .menu_svg { fill:#fff; }
.menubot { width:100%; height:0.001px; background-color:#fff; position:absolute; bottom:0px; left:0px; right:0px; }
.menuitemoranje { float:left; padding:10px 30px; transition: background-color .3s; background-color:#dead00; color:#fff; }
.hamburger { position:absolute; top:0px; right:0px; padding:20px; display:none; }
.hamburger_close { position:absolute; top:0px; right:0px; padding:20px; display:none; }
.menu_exd { display:none; }

.top_video { position:relative; min-height:100vh; overflow:hidden; padding:50px 0px; } /*width:100vw;*/
.top_video video { margin:0; padding: 0; position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; transform: translate(-50%,-50%); }
.top_video_over { position:absolute; background-color:rgba(18,18,18,0.5); top:0px; bottom:0px; width:100%; }
.top_image_over { position:absolute; background-color:rgba(18,18,18,0.5); top:0px; bottom:0px; width:100%; backdrop-filter: blur(9px);}
.top_maps_over { position:absolute; background-color:rgba(18,18,18,0.8); top:0px; bottom:0px; width:100%; transition: background-color .2s; }
.top_maps_over:hover { position:absolute; background-color:rgba(18,18,18,0.1); top:0px; bottom:0px; width:100%; }

.full { width:100vw; height:100vh; overflow:hidden; position:relative; }
.min-full { width:100vw; min-height:100vh; overflow:hidden; position:relative; }
.bg_zwart { background-color:#161616; }
.txt_wit { color:#fff; }
.bg_wit { background-color:#fff; }
.bg_grijs { background-color:#f2f2f2; }
.container-65 { padding:100px 65px; }
.max800 { max-width:800px; }
.w30 { max-width:30rem; }
.w35 { max-width:35rem; }
.w40 { max-width:40rem; }
.w50 { max-width:50rem; }
.p40 { width:40%; }
.p50 { width:50%; }
.p50_txt { width:50%; height:100%; position:absolute; top:0px; }

.grid2 { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 1fr; column-gap:30px; row-gap:0; }
.grid3 { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: 1fr; column-gap:30px; row-gap:0; }

.stappenplan { display:grid; grid-template-columns: repeat(6, calc(50% - 40px)); grid-template-rows: 1fr; column-gap:30px; row-gap:0; overflow-x:scroll; cursor:grab; scrollbar-width: none; -ms-overflow-style: none; }
.stappenplan::-webkit-scrollbar { display: none; }
.stappenplan img { width:100%; transition:transform .2s; }
.stappenplan img:hover { transform: scale(1.2); }
.stappenplan h3 { font-size:4vw; }
.stap_img { overflow:hidden; }
.stap_img a { display:flex; }

.stap_con { background-color:#fff; width:90%; max-width:1200px; height:90%; padding:50px; display:flex; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; margin:60px; z-index:1; }
.txt_col { width:60%; margin:0px auto; text-align:center; max-width:1200px; }
.stap_gridfoto { background-color:#161616; height:300px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; position:relative; text-align:center; }
.stop_txt { margin-top:30px; overflow:hidden; }
.wave_l_o { background-image: url('https://theweddingdj.nl/image/wave_l_o.svg'); background-size:20%; background-position:left bottom; background-repeat:no-repeat; position:absolute; top:0px; bottom:0px; left:0px; right:0px; }
.wave_r_b { background-image: url('https://theweddingdj.nl/image/wave_r_b_g.svg'); background-size:20%; background-position:right top; background-repeat:no-repeat; position:absolute; top:0px; bottom:0px; left:0px; right:0px; }
.wave_r_o { background-image: url('https://idee.twdj.nl/image/wave_r_o_gray.svg'); background-size:60%; background-position:right bottom; background-repeat:no-repeat; position:absolute; top:0px; bottom:0px; left:0px; right:0px; }

.stap_gridfoto:hover img { transform: scale(1.2); }

.stap_gridfoto img { -o-object-fit:cover; object-fit:cover; -o-object-position:center center; object-position:center center; width:100%; height:100%; transition:transform .2s; }
.stap_gridfoto img:hover { transform: scale(1.2); }
.stap_gridfoto span { margin-left:10px; }
.stap_griffoto_txt { text-transform:uppercase; position:absolute; bottom:20px; left:0px; right:0px; font-size:20px; z-index:1; }
.stap_grid3 { display:grid; grid-template-columns: 4fr 1fr 4fr 1fr 4fr; column-gap:0px; row-gap:0; margin-top:60px; }
.stap_icons { color:var(--bruingoud); font-size:32px; }
.stap_icon_col { display:flex; justify-content:center; align-items:center; font-size:40px; }

.img_arrow { width:40px; height:40px; float:left; opacity:0.3; }
.img_arrow:hover { opacity:1; }
.img_arrow img { width:100%; height:100%; }

/* START REVIEWS */
.rev_intro { margin: 0px auto 100px auto; }
.rev_grid { display:grid; grid-template-columns: repeat(3, 300px); grid-template-rows: 1fr; column-gap:30px; row-gap:0; overflow:hidden; text-align:center; }
.rev_grid h5 { margin:0px; padding:0px;}
.rev_date { font-size:80%; }
.rev_sterren { width:150px; margin:0px auto; }
.rev_btn { margin:0px auto; }
.rev_img { width:250px; }

.rev_regel { overflow:hidden; padding:5px 0px 5px 15px; }
.rev_regel:hover { background-color:#f2f2f2; cursor:pointer; }
.rev_tekst { float:left; width:100px; }
.rev_tekst_r { float:left; width:35px; }
.rev_bar_container { width:calc(100% - 225px); overflow:hidden; height:10px; float:left; margin:8px 20px 0px 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background-color:#ccc; position:relative; }
.rev_bar { opacity:0; height:10px; min-width:0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background-color:#00A14B; position:absolute; top:0; left:0; }
.rev_bar_g { opacity:0; height:10px; min-width:0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background-color:#00A14B; position:absolute; top:0; left:0; animation-name: AniBar; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.8s;}
@keyframes AniBar { from { opacity:0; margin-left:-200px; } to { opacity:1; margin-left:0px; } }
@-moz-keyframes AniBar { from { opacity:0; margin-left:-200px; } to { opacity:1; margin-left:0px; } }
@-webkit-keyframes AniBar { from { opacity:0; margin-left:-200px; } to { opacity:1; margin-left:0px; } }

.rev_item { width:100%; } /*padding:65px;*/
.refregelkopsub { padding-bottom:20px; }
.rev_onderschrift { font-size:80%; }
.rev_onderschrift img { margin-right:5px; }
.rev_onderschrift .rev_info { margin-right:5px; }
.rev_item_icon { width:16px; vertical-align:bottom; }
.rev_stars { padding:20px; width:200px; margin:0px auto; }
.rev_mid { width:70%; margin:0px auto; }

.ster35 {fill: #CCCCCC;}
.ster35g path.stergold1 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster35g path.stergold2 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster35g path.stergold3 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster35g path.stergold4 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster35g path.stergold5 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster35g path.stergold6 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster35g path.stergold7 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster35g path.stergold8.ster { animation:none; fill:#ccc; }
.ster35g path.stergold9.ster { animation:none; fill:#ccc; }
.ster35g path.stergold10.ster { animation:none; fill:#ccc; }

.ster40 {fill: #CCCCCC;}
.ster40g path.stergold1 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster40g path.stergold2 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster40g path.stergold3 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster40g path.stergold4 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster40g path.stergold5 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster40g path.stergold6 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster40g path.stergold7 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster40g path.stergold8 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster40g path.stergold9.ster { animation:none; fill:#ccc; }
.ster40g path.stergold10.ster { animation:none; fill:#ccc; }

.ster45 {fill: #CCCCCC;}
.ster45g path.stergold1 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster45g path.stergold2 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster45g path.stergold3 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster45g path.stergold4 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster45g path.stergold5 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster45g path.stergold6 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster45g path.stergold7 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster45g path.stergold8 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster45g path.stergold9 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.8s; }
.ster45g path.stergold10.ster { animation:none; fill:#ccc; }

.ster50 { fill: #CCCCCC;}
.ster50g path.stergold1 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster50g path.stergold2 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; }
.ster50g path.stergold3 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster50g path.stergold4 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.2s; }
.ster50g path.stergold5 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster50g path.stergold6 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.4s; }
.ster50g path.stergold7 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster50g path.stergold8 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.6s; }
.ster50g path.stergold9 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.8s; }
.ster50g path.stergold10 { animation-name: AniStar3; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0, 0, 0.4, 1); animation-fill-mode: forwards; animation-delay: 0.8s; }
@keyframes AniStar3 { from { fill:#CCC; } to { fill:#161616; } }
@-moz-keyframes AniStar3 { from { fill:#CCC; } to { fill:#161616; } }
@-webkit-keyframes AniStar3 { from { fill:#CCC; } to { fill:#161616; } }
/* STOP REVIEWS */

.fadedAway { opacity:0.001; }
.fotoinfo { position:absolute; bottom:15px; left:20px;}
.lineinfo { position:absolute; top:0px; left:0px; background-color:var(--bruingoud); padding:5px; font-weight:bold; text-transform:uppercase; display:none; }

/* START PARTNER */
.partner_grid { display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: 1fr; column-gap:30px; row-gap:50px; overflow:hidden; text-align:center; max-width:1200px; }
.partner_grid div { display:flex; justify-content:center;}
.partner_grid img { width:70%; -o-object-position:50% 50%; object-position:50% 50%; object-fit: contain; }
.partner_100 { max-width:100px; }
.partner_item { scale:0.3; }
.partner_item.go { animation-name:item_scale; animation-duration:500ms; animation-timing-function:ease-in; animation-fill-mode:forwards; animation-delay:500ms; }
@keyframes item_scale {0%{scale:0.3;} 100%{scale:1;}}
@-moz-keyframes item_scale {0%{scale:0.3;} 100%{scale:1;}}
@-webkit-keyframes item_scale {0%{scale:0.3;} 100%{scale:1;}}
.partner_section { margin: 50px auto; }
.partner_section img { max-width:80%; width:300px; }
.partner_maps { width:100vw; height:100vh; border:none; position:absolute; top:0px; left:0px; right:0px; bottom:0px; }
.partner_maps_over { position:absolute; }
/* STOP PARTNER */

.offerte_bg { background-image: url('https://idee.twdj.nl/image/dj-niels-tilburg.webp'); background-size:cover; background-position:center center; padding:100px 0px; position:relative; }
.offerte_txt { z-index:1; }
.gallerij {z-index:100; }

.headerbg { background-image: url('https://idee.twdj.nl/image/header.webp'); height:100%; background-size:cover; background-position:center center; }
.header_over { background-color:rgba(0,0,0,0.6); position:absolute; top:0px; left:0px; bottom:0px; right:0px; display:flex; justify-content:center; align-items:center; color:#fff; }
.header_over p { text-transform:unset; color:#fff; }
.header_over h4 { font-size:30px; font-family: "Montserrat", sans-serif; text-transform:uppercase; color:#fff; }
.header_over .logo { width:400px; }
.header_over .celebrate { width:400px; }
.header_play { position:absolute; bottom:20px; right:20px; color:#fff; cursor:pointer; }
.header_play img { margin-right:10px; vertical-align:middle; }
.header_play span { vertical-align:middle; }

.play_over { background-color:rgba(0,0,0,0.6); position:absolute; top:0px; left:0px; bottom:0px; right:0px; display:flex; justify-content:center; align-items:center; color:#fff; transition: all 150ms; z-index:1; }
.play_over:hover { background-color:rgba(0,0,0,0.1); cursor:pointer; }
.center_center { position:absolute; top:0px; left:0px; bottom:0px; right:0px; display:flex; justify-content:center; align-items:center; }

.pad200 { padding:200px; }
.pad100 { padding:100px; }
.pad50 { padding:50px; }

.visie { width:90%; height:70%; margin:0px auto; background-image: url('https://idee.twdj.nl/image/visie.svg'); background-size:contain; background-position:center center; background-repeat:no-repeat; }

.bol_container { width:400px; height:400px; position:absolute; right:100px; bottom:100px; }

.nav_con { position:fixed; top:0px; bottom:0px; left:10px; width:56px; z-index:10; }
.nav_con:hover { opacity:1; }
.nav_line { margin:0px auto; width:0px; height:100%; border-right:3px dashed rgba(255,255,255,0.5); }
.nav_items { width:56px; height:100%; position:absolute; left:0px; top:0px;  }
.nav_item { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:3px solid #fff; background-color:#fff; width:50px; height:50px; overflow:hidden; position:relative; opacity:0.5; }
.nav_item:hover { -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; width:250px; height:50px; cursor:pointer; opacity:1; }
.nav_item_txt { white-space:nowrap; padding:12.5px; font-family: "Montserrat", sans-serif; }
.nav_active { opacity:1; }

.nav_item video { margin:0; padding: 0; position:absolute; top:-5px; left:-44px; max-width:140px; width:auto; height:auto; }
.nav_tline { width:27px; height:30px; border-right:3px dashed rgba(255,255,255,0.5); }
.nav_icon { margin:11px 10px 0px 10px; font-size:30px; }

/* START GALLERIJ */
.gallerij_container { padding:100px 65px 100px 65px; }
.gallerij_grid2 { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 1fr; column-gap:30px; row-gap:30px; width:100%; color:#fff; }
.gallerij_grid3 { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 1fr; column-gap:20px; row-gap:20px; width:100%; color:#fff; }
.gallerij_grid1 { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 1fr; column-gap:10px; row-gap:10px; width:100%; color:#fff; }
.gallerij_foto { background-color:#f2f2f2; width:100%; overflow:hidden; position:relative; min-height:350px; display:flex; }
.gallerij_foto img { -o-object-fit:cover; object-fit:cover; -o-object-position:center center; object-position:center center; width:100%; transition:transform .2s; }
.gallerij_foto img:hover { transform: scale(1.2); }
.gallerij_foto a { display:flex; }

.gallerij_foto2 { background-color:#f2f2f2; width:100%; overflow:hidden; position:relative; min-height:350px; display:flex; }
.gallerij_foto2 img { -o-object-fit:cover; object-fit:cover; -o-object-position:center center; object-position:center center; width:100%; transition:transform .2s; transform: scale(1.2);}
.gallerij_foto2 img:hover { transform: scale(1); }
.gallerij_foto2 a { display:flex; }

.gallerij_video { background-color:#f2f2f2; width:100%; overflow:hidden; position:relative; min-height:225px; display:flex; }
.gallerij_video .top_video_over { display:none; }
.gallerij_video:hover .top_video_over { display:flex; cursor:pointer; }
.gallerij_video a { color:#fff; }
.gallerij_play { width:60px; height:60px; }
.gallerij_hover { display:flex; align-items:center; justify-content:center; }
.gallerij_center { text-align:center; }
.gallerij_center p { padding:0px; margin:0px; }
.gallerij_video_container { width:80%; }
.gallerij_image { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:50% 50%; object-position:50% 50%; }
.gallerij_categorie_kop { padding:10px 0px; }
/* STOP GALLERIJ */

/* START STAPPENPLAN */
.stappen_con { position:relative; overflow:hidden; height:100%; }
.stappen_bol { background-color:#181818; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; height:150px; width:150px; margin:50px auto 50px auto; color:#fff; z-index:2; position:relative; display:flex; align-items:center; justify-content:center; }
.stappen_bol span { margin-top:-25px; padding:0px; line-height:0px; }
.stappen_memo { background-color:#fff; z-index:2; position:relative; padding:30px 0px; margin:0px auto; width:400px; }
.stappen_lijn { width:5px; background-color:#181818; position:absolute; top:200px; bottom:220px; left:calc(50% - 2.5px); z-index:1; }
/* STOP STAPPENPLAN */

/* START PIJLERS */
.pijlers_grid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: 1fr; column-gap:30px; row-gap:50px; overflow:hidden; text-align:center; max-width:1200px; }
/* STOP PIJLERS */

/* START DRIVE-iN SHOW */ 
.show_container {}
/* STOP DRIVE-IN SHOW */

/* START OFFERTE */
.off_kop { width:100%; padding:10px 0px; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.off_kop_typea { width:100%; padding:10px 0px; position:relative; }
.off_item { overflow:hidden; padding:5px 0px 5px 0px; text-align:left; }
.off_item_typea { padding:5px 0px 5px 0px; text-align:left; }
.off_extra_item { position:relative; box-sizing:border-box; cursor:pointer; min-height:200px; margin:5px; -webkit-appearance: none; text-align:center; background-color:#fff; }
.off_extra_item:hover { background-color:#ccc; }

.off_extra_pad { padding:10px; text-align:center; width:100%; }
.off_bg { width:100%; aspect-ratio:1/1; }
.off_bg img { width:80%; }

.off_lijn { height:10px; border-bottom: 1px solid #cccccc; margin-bottom:10px; }

.off_ster { font-size:26px; }
.off_dj { position:relative; box-sizing:border-box; cursor:pointer; min-height:20px; margin:5px; -webkit-appearance: none; text-align:center; padding:10px 0px; background-color:#fff; display:flex; align-items:center; justify-content:center; }
.off_dj:hover { background-color:#ccc; }

.contextdrop { padding: 8px; width:100%; font-size:18px; font-family:'roboto-light'; background-color:#fff; }

.off_plus { font-size:28px; font-weight:800; }
.off_grid2 { display: grid; grid-template-columns:repeat(2, minmax(0, 1fr)); grid-template-rows:1fr; column-gap:10px; row-gap:0; }
.off_grid3 { display: grid; grid-template-columns:repeat(3, minmax(0, 1fr)); grid-template-rows:1fr; column-gap:10px; row-gap:0; }
.off_grid4 { display: grid; grid-template-columns:repeat(4, minmax(0, 1fr)); grid-template-rows:1fr; column-gap:10px; row-gap:0; }
.off_grid5 { display: grid; grid-template-columns:repeat(5, minmax(0, 1fr)); grid-template-rows:1fr; column-gap:10px; row-gap:0; }

.off_check { float:left; width:30px; }
.off_txt { float:left; width:calc(100% - 30px); text-align:left; }
.off_items { font-size:14px; width:80%; margin:20px auto; }
.off_items img { width:18px; vertical-align:sub; }
.off_items .material-icons { color:var(--bruingoud); font-size:18px; }
.off_items .regel { overflow:hidden; }

.off_sel { background-color:#00a14b; color:#fff; }
.off_selected { background-color:var(--bruingoud); color:#fff; font-weight:bold; }
.off_selected .onderschriftzwart { color:#fff; }
.off_selected .material-icons { color:#fff; }
.off_selected:hover { color:#161616; font-weight:unset; }
.off_selected:hover .onderschriftzwart { color:unset; }
.off_selected:hover .material-icons { color:var(--bruingoud); }

.off_info ul { list-style:none; font-size:80%; }
.items-center { align-items:center; }
.flex-row { flex-direction:row; }
.off_info ul li .material-icons { margin-right:20px; }

.vac_info { margin-top:50px; }
.vac_info h5 { margin-bottom:20px; }
.vac_info ul { list-style:none; }
.vac_info li { padding:3px 0px; }

.typeahead,
.tt-query,
.tt-hint { width:100%; outline: none; }
.typeahead { background-color:#fff; position:absolute; }
.typeahead a { text-decoration:none; }

.typea_grijs .typeahead { background-color:#f2f2f2; position:absolute; }

.dropdown-menu {  }
.dropdown-menu li { display:inline-block; zoom: 1; overflow:hidden; width:100%; padding:10px 15px; }
.dropdown-menu li:hover { background-color:#00a14b; color:#fff; cursor:pointer; }
.dropdown-menu li:hover a { color:#fff; }

.bg_dj_fun { background: url('https://idee.twdj.nl/image/offerte_dj.webp') no-repeat; background-size: cover; background-position:top center; }

.bg_libero { background: url('https://theweddingdj.nl/image/offerte_libero_borrelbooth.webp') no-repeat; background-size: cover; background-position:center center }
.bg_bronze { background: url('https://theweddingdj.nl/image/offerte_bronze.webp') no-repeat; background-size: cover; background-position:center center }
.bg_silver { background: url('https://theweddingdj.nl/image/offerte_silver.webp') no-repeat; background-size: cover; background-position:center center }
.bg_gold { background: url('https://theweddingdj.nl/image/offerte_gold.webp') no-repeat; background-size: cover; background-position:center center }
.bg_sparkular_offerte { background: url('https://theweddingdj.nl/image/offerte_sparkular.webp') no-repeat; background-size: cover; background-position:center center }
.bg_floorspot_offerte { background: url('https://theweddingdj.nl/image/offerte_floorspots.webp') no-repeat; background-size: cover; background-position:center center }
.bg_confetti_offerte { background: url('https://theweddingdj.nl/image/offerte_confetti.webp') no-repeat; background-size: cover; background-position:center center }
/* STOP OFFERTE */

/* FOOTER START */
.footer_grid { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: 1fr; column-gap:30px; row-gap:50px; overflow:hidden; text-align:center; max-width:1200px; }
.footer_grid div { text-align:left; }
.footer_grid a { color:#fff; text-decoration:none; }
.footer_grid a:hover { color:#fff; text-decoration:underline; }
.footer_grid img { width:100%; }
.footer_grid img.p60 { width:60%; }
.footer_rev_container { margin:50px auto 0px auto; }
.footer_rev { width:140px; }
.footer-exd-logo { width:300px; }
.footer_exd_container { padding:65px 0px; }
.wa_container { position:fixed;bottom:15px;right:15px;height:60px;width:60px; z-index:10; }
/* FOOTER STOP */

/* START START */
.start h1 { font-size:100px; }
.start h2 { font-size:24px; color:rgba(255,255,255,0.8); padding-top:15px; }
.pag1 h3 { font-size:40px; color:rgba(255,255,255,0.8); }
.start textarea, .start input { resize:none; } /*  width:80%; */
.startopa { opacity:0.3; }
.start_bedankt_top { top:0px; }
.start_bedankt { margin-left:-130%; }
.start_bedankt.go { animation-name:slide_bedankt; animation-duration:500ms; animation-timing-function:ease-in; animation-fill-mode:forwards; animation-delay:500ms; }
@keyframes slide_bedankt {0%{margin-left:-130%;} 100%{margin-left:0px;}}
@-moz-keyframes slide_bedankt {0%{margin-left:-130%;} 100%{margin-left:0px;}}
@-webkit-keyframes slide_bedankt {0%{margin-left:-130%;} 100%{margin-left:0px;}}
.profielfoto {height:140px; width:140px; margin:10px; background-color: #bbb; border-radius: 50%; display: inline-block; background-size:cover; -moz-box-shadow: 0 10px 25px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1);}

.start_over { position:absolute; background-color:rgba(18,18,18,0.7); top:0px; bottom:0px; width:100%; backdrop-filter: blur(11px);}
.start [contenteditable] { display:inline-block; outline:0px solid transparent; }
.start [contenteditable]:focus { background-color:rgba(0,0,0,0.5); }
.start input[type="date"] { border:none; box-sizing:border-box; outline:0; position:relative; width:100%; position:absolute; top:0px; bottom:0px; left:0px; right:0px; opacity:0.0001;}
.start input[type="date"]::-webkit-calendar-picker-indicator { background:transparent; bottom:0; color:transparent; cursor:pointer; height:auto; left:0; position:absolute; right:0; top:0; width:auto; }
.start .trouwdatum { position:relative; display:inline-block; }
.startinfo { position:absolute; bottom:25px; left:65px; }

.start_btnregel { padding:12px 0px; }
.start_btnregel_intro { padding:24px 0px 0px 0px; }
.start_btnregel_48 { padding:48px 0px 0px 0px; }
.start_btnregel_48 .material-icons { vertical-align:middle; margin-right:10px; font-size:27px; }

.btn_video { border:1px solid #fff; padding:10px; color:#fff; text-decoration:none; font-weight:bold; opacity:0.5; }
.btn_video:hover { border:1px solid #fff; padding:10px; color:#161616; text-decoration:none; background-color:#fff; cursor:pointer; opacity:1; }

.btn_video_full { border:1px solid #fff; padding:10px; text-decoration:none; font-weight:bold; background-color:#fff; color:#161616; opacity:0.5; }
.btn_video_full:hover { border:1px solid #fff; padding:10px; text-decoration:none; background-color:#fff; cursor:pointer; opacity:1; }

a.btn_video { border:1px solid #fff; padding:10px; color:#fff; text-decoration:none; font-weight:bold; }
a.btn_video:hover { border:1px solid #fff; padding:10px; color:#161616; text-decoration:none; background-color:#fff; }
.btn_video .material-icons, .btn_video_full .material-icons { vertical-align:middle; margin-left:5px; }

.start_nav { position:absolute; top:25px; left:65px; }
.start_nav div { background-color:#fff; color:#161616; padding:10px; opacity:0.5; }
.start_nav div span { display:block; }

.start_nr { position:absolute; top:25px; right:65px; }
.start_nr div { background-color:#fff; color:#161616; padding:12.5px; opacity:0.5; }

.start_intro { max-width:800px; font-size:16px; }
.start_intro_txt { padding:0px 0px 30px 0px; }
.start_w80 { width:80%; margin:0px auto; position:relative; }

.bg_muzikant { background-image: url('https://idee.twdj.nl/image/muzikant.jpg'); height:100%; background-size:cover; background-position:center center; color:#fff; }
.start_regel { width:50%; margin:50px auto 0px auto; }
.start_btn_regel { margin-top:20px; }

/* START STOP */

.dj_select_item { background-color:#fff; opacity:0.5; color:#292929; padding: 10px 15px; margin-right: 10px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 2px; font-weight:bold; -webkit-transition: background 0.3s; transition: background 0.3s; display:inline-block; }
.dj_select_item:hover { background-color:#dead00; color:#fff; opacity:1;} /* d2aa6a */
.dj_top { margin-top:25px; }
.dj_button_regel { padding:10px; }
.duration { width:0px; height:4px; background-color:#cc0000; position:absolute; top:0px; left:0px; z-index:2; }
.show_top { position:absolute; top:0px; left:0px; right:0px; height:100px; background-image: linear-gradient(to bottom, #161616, rgba(0,0,0,0)); z-index:1; }

/* START MUZIEK */
.p_select_item { background-color:#ccc; color:var(--zwart1); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:15px; padding: 10px 15px; display:inline-block; margin-right: 10px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 2px; font-weight:bold; -webkit-transition: background 0.3s; transition: background 0.3s; }
.p_select_item:hover { background-color:var(--bruingoud); } /* d2aa6a */
.p_select_item_nohover { background-color:#ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px 15px; float:left; margin-right:10px; margin-bottom: 10px; text-transform: uppercase; letter-spacing:2px; font-weight:800; -webkit-transition: background 0.3s; transition: background 0.3s; }

.item_selected { background-color:var(--bruingoud); color:#fff; opacity:1; }
.icon_selected { font-size:17px; }
.p_onbekend_item { background-color:#fff; color:#ccc; }
.p_onbekend_item:hover { background-color:#dead00; color:#000; }
.p_rood_item { background-color:#d03737; color:#fff; }
.p_rood_item:hover { background-color:#dead00; color:#000; }
.p_groen_item { background-color:#00a14b; color:#fff; }
.p_groen_item:hover { background-color:#dead00; color:#000; }
.p_onderschrift { font-size:8px; }
/* STOP MUZIEK */

/* START SLIDER */
.slider_container { max-width:750px; width:100%; margin:0px auto 50px auto; }
.slider-wrap { position: relative; }
.slider { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding: 20px 56px; scrollbar-width: none; overscroll-behavior-x: contain; width: 100%; }
.slider::-webkit-scrollbar { display: none; }
.slide { flex: 0 0 40%; scroll-snap-align: start; scroll-snap-stop: always; overflow: hidden; background-color: rgba(238, 238, 238, 0.5); aspect-ratio:1/1; /* altijd vierkant */ }
.slide img { width:100%; height:100%; max-width:unset; object-fit:cover; display:block; }
.nav-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border: none; border-radius: 999px; background: rgba(0,0,0,.5); color: #fff; cursor: pointer; display: grid; place-items: center; z-index: 2; }
.nav-btn:disabled { opacity: .4; cursor: default; }
.nav-prev { left: 12px; }
.nav-next { right: 12px; }
/* STOP SLIDER */

.video-container { position:relative; padding-bottom:56.25%; padding-top:0px; height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0;left:0; width:100%; height:100%; border:none; }
.video-container-bg { position:absolute; top:0; bottom:0; width:100%; height:100%; overflow:hidden; }
.video-container-bg video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 

  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;

  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.video_image { position:absolute; top:0px; bottom:0px; left:0px; right:0px; display:none; } 

.fadein { opacity:0.01; }
.fadein.go { animation-name:slide_fadein; animation-duration:500ms; animation-timing-function:ease-in; animation-fill-mode:forwards; animation-delay:500ms; opacity:0; }
@keyframes slide_fadein {0%{opacity:0.01;} 100%{opacity:1;}}
@-moz-keyframes slide_fadein {0%{opacity:0.01;} 100%{opacity:1;}}
@-webkit-keyframes slide_fadein {0%{opacity:0.01;} 100%{opacity:1;}}

.leftin { margin-left:-60px; }
.leftin.go { animation-name:slide_leftin; animation-duration:500ms; animation-timing-function:ease-in; animation-fill-mode:forwards; animation-delay:500ms; }
@keyframes slide_leftin {0%{margin-left:-60px;} 100%{margin-left:0px;}}
@-moz-keyframes slide_leftin {0%{margin-left:-60px;} 100%{margin-left:0px;}}
@-webkit-keyframes slide_leftin {0%{margin-left:-60px;} 100%{margin-left:0px;}}

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

.menuitem { padding:10px 15px; }
a.btn_small { margin-left:25px; }

}

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

h1 { font-size:55px; }
h2 { font-size:55px; }
h3 { font-size:55px; }
.w35 { max-width:25rem; }

.menuitem { padding:10px 15px; }
a.btn_small { margin-left:25px; }

}

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

.desktop { display:none; }
.mobile { display:unset; }

}

@media screen and (max-width:600px) { /*iphone 6 en kleiner*/

h1, h2, h3 { line-height:100%; }
h1 { font-size:47px; }
h2 { font-size:30px; }
h3 { font-size:40px; }
h4 { line-height:80%; }
video { display:none; }
section { height:unset; }
input[type="date"] { height:50px; }
input { border-radius:0; color:#161616; }

a.btn_small { margin-left:0px; margin-top:25px; }

.desktop { display:none; }
.mobile { display:unset; }
.videothumb { display:block; }
.video_image { display:block; }
.top { }
.top h1 { white-space:unset; }
.top_intro { width:100%; min-width:unset; }
.video_bg { background: url('https://theweddingdj.nl/image/bruiloft-dj-houtse-meer.webp') no-repeat; background-size: cover; background-position:center center; }
.fullmobiel { height:unset; }
.mob_250 { margin-top:250px; }
.p50_txt { width:100%; height:unset; position:unset; }
.hyphens { -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }

.grid_rev div:nth-child(1) { order:2; margin-top:30px; }
.grid_rev div:nth-child(2) { order:1; }

.datumcheck .btn { max-width:49%; }
.datumcheck input.inp_datum { height:100%; width:49%; }
.trouwdatum { display:none; }
.menu { padding:0px; min-height:65px; font-size:125%; }
.menuitems { width:100%; margin-top:90px; display:none; }
.menuitem { width:100%; padding:15px 30px; }
.menuitemoranje { margin:20px 20px 50px 20px; }
.logo { float:none; display:block; position:absolute; top:15px; left:15px; width:38px; }
.logo img { height:38px; }
.hamburger { display:block; }
.menu_exd { width:100%; overflow:hidden; background-color:#f2f2f2; padding:30px; font-weight:300; color:#161616; display:block; }
.menu-exd-logo { width:150px; }
.bordergoed { -webkit-box-shadow:0px 0px 0px 2px #00a14b inset; -moz-box-shadow:0px 0px 0px 2px #00a14b inset; box-shadow:0px 0px 0px 2px #00a14b inset; }
.borderfout { -webkit-box-shadow:0px 0px 0px 2px #d03737 inset; -moz-box-shadow:0px 0px 0px 2px #d03737 inset; box-shadow:0px 0px 0px 2px #d03737 inset; }

.menuitems25 { background-color:rgba(22,22,22,0.9); position:fixed; top:65px; bottom:0px; left:0px; right:0px; padding:40px; text-align:center; display:none; z-index:900; }
.datumcheck { height:118px; width:100%; }
.datumcheck input[type="date"] { width:100%; height:50px; }
.datumcheck_over { width:100%; box-sizing: border-box; -webkit-border-radius:25px 25px 0px 0px; -moz-border-radius:25px 25px 0px 0px; border-radius:25px 25px 0px 0px; }
.top a.btn_datum { -webkit-border-radius:0px 0px 25px 25px; -moz-border-radius:0px 0px 25px 25px; border-radius:0px 0px 25px 25px; position:unset; right:unset; width:100%; }

.start h1 { font-size:50px; }
.start h4 { font-size:50px; }
.start .btn { margin-top:10px; }
.start h1 div { width:100%; }
.start_intro, .missie { width:90%; }
.start_regel { width:100%; }
.pag1 h1 { margin:20px 0px; }
.pag1 h2 { padding:20px 30px; }
.scroll-down { display:none; }
.kolmid { width:90%; }

.w50 { max-width:95%; }
.container-65 { padding:50px 30px; }
.fotoinfo { left:15px; }
.kol { padding:50px 0px; }
.kol img { max-width:100%; }
.offerte_bg .w50 { max-width:100%; }
.partner_maps_over { max-width:75%; }

.stop_txt { margin:30px 0px; }
.stap_con { padding:50px; }
.txt_col { width:100%; }
.txt_col h3 { font-size:36px; margin-bottom:30px; }
.stap_grid3 { display:unset; margin-top:50px; }
.stap_icon_col { padding:20px; }
.stap_griffoto_txt strong { width:100%; display:block; }
.wave_l_o { background-size:95%; }
.wave_r_b { background-size:95%; }
.slide { flex: 0 0 90%; }

/* START BRUILOFT DJ */
.dj_container .p50 { width:100%; position:absolute; top:0px; left:0px; right:0px; }
.dj_info { /*position:absolute; top:265px; left:15px; right:15px;*/ margin-top:215px; }

/* STOP BRUILOFT DJ */

/* START STAPPENPLAN */
.stappen .p50 { width:100%; }
.stappen_bol img { width:100%; height:100%; }
.stappen_memo { width:100%; }
/* STOP STAPPENPLAN */

/* START GALLERIE */
.gallerij_grid1 { grid-template-columns: repeat(1, minmax(0, 1fr)); grid-template-rows: 1fr; column-gap:10px; row-gap:10px; }
.gallerij_grid2 { grid-template-columns: repeat(1, minmax(0, 1fr)); grid-template-rows: 1fr; column-gap:30px; row-gap:30px; }
.gallerij_grid3 { grid-template-columns: repeat(1, minmax(0, 1fr)); grid-template-rows: 1fr; column-gap:20px; row-gap:20px; }
.gallerij_container { padding:0px; }
.gallerij_video .top_video_over { display:flex; }
.gallerij_categorie_kop { padding:30px 0px 10px 0px; }
/* STOP GALLERIE */

/* START DRIVE-IN SHOW */
.show_container .p50 { width:100%; position:absolute; top:0px; left:0px; right:0px; }
.side_photo { position:relative; height:250px; }
.side_photo img { width:100%; }
.show_container .w40 { margin-top:200px;  }
.di_info { position:absolute; top:265px; left:15px; right:15px; }
/* STOP DRIVE-IN SHOW */

/* START PIJLERS */
.pijlers_grid { display:grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-template-rows: 1fr; column-gap:30px; row-gap:15px; }

/* STOP PIJLERS */

/* START PARTNER */
.partner_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); width:90%; margin:0px auto; }

/* STOP PARTNER */

/* START OFFERTE */
.off_grid2 { grid-template-columns:repeat(1, minmax(0, 1fr)); column-gap:10px; row-gap:0; }
.off_grid4 { grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:10px; row-gap:0; }
.off_grid5 { grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:10px; row-gap:0; }
.off_dj { font-size:20px; }
.off_dj:hover { background-color:var(--bruingoud); }
.off_extra_item:hover { background-color:var(--bruingoud); }
/* STOP OFFERTE */


/* START REVIEWS */
.rev_intro { margin:0px auto 50px auto; }
.rev_grid { display:grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-template-rows: 1fr; column-gap:30px; row-gap:0; }
.rev_item { padding:35px; }
.rev_item .p50 { width:100%; }
.rev_locatie { float:none; display:block; padding-top:5px; }
.rev_mid { width:100%; }
/* STOP REVIEWS */

/* START FOOTER */
.footer h3 { font-size:50px; }
.footer_grid { grid-template-columns: repeat(1, minmax(0, 1fr)); row-gap:0px; }
.footer_grid div { text-align:center; }
.footer .p50 { width:100%; }
/* STOP FOOTER */
}