body { font-family: "Montserrat", sans-serif; 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: "Montserrat", sans-serif; 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: "Montserrat", sans-serif; 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; }

img { max-width:100%; }

.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:3; 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; }

.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.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; }

.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: "Montserrat", sans-serif; font-size:24px; padding:20px; max-width:400px; margin:40px auto; border-left:4px solid #b69658; }
.quote2 { color:#b69658; font-family: "Montserrat", sans-serif; font-size:24px; padding:20px 20px 0px 20px; max-width:800px; margin:40px auto 0px auto; overflow:hidden; }
.quotefont { font-family: "Montserrat", sans-serif; font-size:60px; padding:80px; }
.quoteteken { color:#b69658; font-family: "Montserrat", sans-serif; font-size: 1em; line-height:110%; float:left; margin-top:-20px; width:100px; text-align:center; opacity:0; }
.quotetekenm { color:#b69658; font-family: "Montserrat", sans-serif; 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: "Montserrat", sans-serif; }
/* 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: "Montserrat", sans-serif; 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: "Montserrat", sans-serif; color:#fff; font-size:32px; line-height:110%; text-transform: uppercase; text-align:right; }
.home_twe_tijd { font-family: "Montserrat", sans-serif; 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: "Montserrat", sans-serif; 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-family:'roboto'; 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); }
.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.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:unset; 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; }


/* 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); }
@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://theweddingevent24.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 OFFERTE */
.off_extra_item { position:relative; box-sizing:border-box; cursor:pointer; min-height:200px; margin:5px; -webkit-appearance: none; border:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center;}
.off_extra_item:hover { -webkit-box-shadow:0px 0px 0px 3px #ccc inset; -moz-box-shadow:0px 0px 0px 3px #ccc inset; box-shadow:0px 0px 0px 3px #ccc inset; }
.off_extra_pad { position:absolute; left:0px; bottom:0px; padding:10px; text-align:center; width:100%; }
.off_bg { height:125px; margin:3px auto; width:calc(100% - 6px); }
.off_show{ position:relative; float:left; width:calc(33.33% - 10px); cursor:pointer; min-height:250px; margin:5px; -webkit-appearance: none; border:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center;}
.off_show:hover { border:3px solid #cccccc; }
.off_selected { -webkit-box-shadow:0px 0px 0px 3px #00a14b inset; -moz-box-shadow:0px 0px 0px 3px #00a14b inset; box-shadow:0px 0px 0px 3px #00a14b inset; } /*border:3px solid #00a14b;*/
/*.off_selected:hover { border:3px solid #00a14b; }*/

.off_ster { font-size:26px; }
.off_dj { position:relative; box-sizing:border-box; cursor:pointer; min-height:20px; margin:5px; -webkit-appearance: none; border:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; padding:10px 0px; }
.off_dj:hover { -webkit-box-shadow:0px 0px 0px 3px #ccc inset; -moz-box-shadow:0px 0px 0px 3px #ccc inset; box-shadow:0px 0px 0px 3px #ccc inset; }
.off_sel { background-color:#00a14b; color:#fff; }

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

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

.typeahead,
.tt-query,
.tt-hint { width: 100%; max-width:1000px; padding: 5px; outline: none; }
.typeahead { background-color:#fff; position:absolute; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.dropdown-menu { height:auto; }
.dropdown-menu li { display: inline-block; zoom: 1; overflow:hidden; width:100%; padding:10px; }
.dropdown-menu li:hover { background-color: #b69558; color:#fff; cursor:pointer; }
.dropdown-menu li:hover a { color:#fff; }

mark { color: inherit !important; background: none !important; }
.svg-stroke { position: relative; display: inline-block; }
.svg-stroke svg { position: absolute; top: 50%; left: 50%; width: calc(100% + 20px); height: calc(100% + 20px); transform: translate(-50%,-50%); overflow: visible; }
.svg-stroke path { stroke: green; stroke-width: 9; fill: none; stroke-dasharray: 1500; animation: dashstroke 12s linear infinite; }
@keyframes dashstroke{0%{stroke-dashoffset:1500}100%,12%{stroke-dashoffset:0}} @-moz-keyframes dashstroke{0%{stroke-dashoffset:1500}100%,12%{stroke-dashoffset:0}} @-webkit-keyframes dashstroke{0%{stroke-dashoffset:1500}100%,12%{stroke-dashoffset:0}}
/* STOP OFFERTE */

/* 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_kennisdag { background: url('https://theweddingevent24.nl/image/twe23-small.jpg') no-repeat; background-size: cover; background-position:center bottom; }
.bg_kennisdag.visible { background: url('https://theweddingevent24.nl/image/twe23.jpg') no-repeat; background-size: cover; background-position:center bottom; }
/* 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 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://theweddingevent24.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://theweddingevent24.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://theweddingevent24.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://theweddingevent24.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://theweddingevent24.nl/image/bruiloft-dj-hotel-nassau-small.jpg') no-repeat; background-size: cover; background-position:center center }
.bg_bruiloftdj.visible { background: url('https://theweddingevent24.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://theweddingevent24.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;}
.wa_container { position:fixed;bottom:25px;right:25px;height:80px;width:80px; }
/* 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; } }
/* 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://theweddingevent24.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://theweddingevent24.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 */

/* ----------- 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; }

/* 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://theweddingevent24.nl/image/openingsdans-bruidspaar-bruiloft-dj-small.jpg') no-repeat; background-size: cover; background-position:center center; }
.bg_home.visible { background: url('https://theweddingevent24.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; }

/* STOP OFFERTE */

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