html,body{height:100%; font-family: 'palatino';   scroll-behavior: smooth;}

/* font
http://www.colourlovers.com/palette/106467/Ambuside
 */

@font-face {
    font-family: 'palatino';
    src: url('/fonts/PalatinoLinotype-Bold.eot');
    src: url('/fonts/PalatinoLinotype-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/PalatinoLinotype-Bold.woff') format('woff'),
        url('/fonts/PalatinoLinotype-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}

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

@font-face {
    font-family: 'palatino';
    src: url('/fonts/PalatinoLinotype-Italic.eot');
    src: url('/fonts/PalatinoLinotype-Italic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/PalatinoLinotype-Italic.woff') format('woff'),
        url('/fonts/PalatinoLinotype-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'palatino';
    src: url('/fonts/PalatinoLinotype-BoldItalic.eot');
    src: url('/fonts/PalatinoLinotype-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/PalatinoLinotype-BoldItalic.woff') format('woff'),
        url('/fonts/PalatinoLinotype-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
	font-display: swap;
}

body{font-size:15px;line-height:140%;height:100%;}

@media only screen and (max-width:580px){body{font-size:14px;}}

/* algemeen */
div,p,img,body{margin:0;padding:0;vertical-align:top;box-sizing:border-box;position:relative}

#tinymce div{border:1px dashed #eee;}
input,textarea,select,option{width:100%;}


i.fa{padding:5px;}

h1,h2,h3,h4,h5{line-height:120%;}
h1{color:#ccc;font-size:2.1em;}
h2{color:#aaa;font-size:1.8em;}
h3{font-size:1.6em;margin:10px;}

@media only screen and (max-width:481px)
	{
	h1{font-size:1.5em;}
	h2{font-size:1.4em;}
	h3{font-size:1.3em;}	
	}

a {text-decoration:none;cursor:pointer;color:#999;}
a:hover{text-decoration:underline}
blockquote{
	width:100%;max-width:1000px;padding:1em;padding-left:2em;
	font-size:1.5em;font-weight:bold;text-align:center;
	border-bottom:1px solid #aaa; border-top:1px solid #aaa;
	margin: 2em auto;
	background-color:rgba(50,169,102,0.6); color:#fff;
	}

@media only screen and (max-width:480px){body{font-size:15px;}}
@media only screen and (max-width:1025px){body{font-size:15px;}}
@media only screen and (min-width:1200px){body{font-size:16px;}}
@media only screen and (min-width:1680px){body{font-size:17px;}}

/* ladies */
div#canvas_lady_gallery{width:100%;display:block;position:relative;height:auto;}
div#lady_gallery{padding-bottom:2px;}
div#canvas_content_lady{}

div.escort-thumbnail{width:20%;margin:0;padding:0;border:0;padding-top:25%;margin:0px;transition:all .6s ease;;display:inline-block;filter:alpha(opacity=100);opacity:1;cursor:pointer;}

@media only screen and (min-width:801px)
	{
	div.escort-thumbnail{width:20%;margin:0 0 0 0; padding-top:19%;} 	
	
	div.escort-thumbnail.foto-4 {width:25%;}
	div.escort-thumbnail.foto-5 {width:20%;}
	div.escort-thumbnail.foto-6 {width:16.6%;}
	div.escort-thumbnail.foto-7 {width:14.25%;}
	div.escort-thumbnail.foto-8 {width:12.5%;}
	
	div.escort-thumbnail.foto-9 {width:20%;}
	div.escort-thumbnail.foto-9:nth-child(n+6){width:20%;}		
	
	div.escort-thumbnail.foto-10 {width:20%;}
	div.escort-thumbnail.foto-11 {width:16.6%;}
	div.escort-thumbnail.foto-11:nth-child(n+6){width:20%;}
	
	div.escort-thumbnail.foto-12 {width:16.6%;}
	div.escort-thumbnail.foto-13 {width:14.25%;}
	div.escort-thumbnail.foto-13:nth-child(n+6){width:16.6%;}
	
	div.escort-thumbnail.foto-14 {width:14.25%;}	
	
	}

@media only screen and (min-width:801px)
{
div#canvas_lady_gallery div.escort-thumbnail{ width:33%;padding-top:33%;}
}

@media only screen and (min-width:1025px)
{
div#canvas_lady_gallery div.escort-thumbnail{width:20%;padding-top:29%;}
}




	
div#escort-boeken{color:#666;border:1px solid #666;}

div#escort-boeken:hover{color:#111;}

@media only screen and (max-width:1025px)	{		div#canvas_content_lady{margin-top:50px;}		}

div.gallery_thumb{height:250px;height:20vh;width:auto;position:relative;display:inline-block;}
div.gallery_thumb img{height:100%;width:auto; }

div.escort-bestellen{width:100%;height:auto;padding:4em;text-align:center;}
div.escort-bestellen div{max-width:1000px;margin:auto;}

div#escort-main-image{width:30%;height:580px;position:relative;display:inline-block;margin-left:-0.5%}
div#escort-main-txt{	width:69.5%;height:580px;position:relative;display:inline-block;text-align:center;padding:3em;	}
	

div#escort-desc{max-width:800px;margin:auto;color:#555}
div#escort-desc .knop{border-color:#000; color:#000; text-transform:none;}

div#escort-desc div#uurtarief{border-color:#ddd;color:#ccc;margin:20px auto;}
@media only screen and (max-width:801px){div#uurtarief{margin-top:0;}}

div.tariefToelichting{font-size:0.6em;}

div#berekenReiskosten {
    display: none;
    background: rgba(20,20,20,0.9);
    width: 50%;
    position: fixed;
    padding: 2em;
    border: 1px solid #ccc;
    color: #fff;
    z-index: 1000;
    left: 25%;
    top: 200px;
}
div#berekenReiskosten .knop{color:#fff;border-color:#fff;}

@media only screen and (max-width:480px)
	{
		div#berekenReiskosten {
			width:90%;
			left:5%;
			top:20%;
			}
	}
div#berekenReiskosten input{width:200px;display:inline-block;}

div#lady_tabellen{background-color:#4c3c3d;color:#fff;width:100%;text-align:center;padding:0;height:500px;position:relative;overflow:hidden}
div#lady_stats,div#lady_personal,div#lady_options{width:26%;max-width:650px;margin:auto;display:inline-block;padding-top:1em;}

div#escort-tabel-image{width:auto;height:500px;display:inline-block;background:#fff}
/*div#escort-tabel-image span{display:inline-block;width:auto;overflow:hidden;}/*/
div#escort-tabel-image svg{display:inline-block;height:500px;width:30px;
    position: relative;    z-index: 1;    fill: #4c3c3d; 
    border-right-color: #4c3c3d;
    border-right-style: solid;
    border-right-width: 10px;
 }
div#escort-tabel-image svg:first-child{transform: rotate(180deg);}
div#escort-tabel-image img{width:auto;height:500px;clip:rect(0px,200px,500px,0px);margin-left:-35px;margin-right:-35px;}

div#escort-tabel-image img {
    width: auto;
    min-width: 300px;
    height: 550px;
    clip: rect(0px, 367px, 500px, 0px);
    margin-left: -35px;
    position: absolute;
    top: 0px;
    margin-left: -34px;
}

span.cropper{	width: 290px;	display: inline-block;	text-align: left;overflow:hidden}
@media only screen and (max-width:1025px)
	{
	div#escort-tabel-image img {	clip: rect(0px, 307px, 500px, 0px);}	
	span.cropper{	width: 240px;}	
	}
div.fullImage{width:100%;height:auto;max-height:500px;overflow:hidden;}
div.fullImage img{width:100%;height:auto;}

div#lady_tabellen .label{width:48%;display:inline-block;text-align:left;padding-right:10px;}
div#lady_tabellen .value{width:44%;display:inline-block;text-align:left;}
div#lady_options div.label {width:99%;}

@media only screen and (min-width:1400px)
	{
	div#lady_tabellen {font-size:0.92em}
	div#lady_options div.label {width:44%;display:inline-block;text-align:left;padding-right:10px;}
	div#lady_options div.value {width:44%;display:inline-block;text-align:left;}
	}


div#canvas_lady_agenda{padding:2em;}

div#lady_agenda{max-width:650px;margin:1em auto;text-align:center;}

div.agendaregel{border-bottom:1px solid #eee;padding:5px;color:#333;}
div.agendaregel.kop{font-weight:bold;text-transform:uppercase;color:#888;}
div#lady_agenda div.dag{text-align:right; display:inline-block;width:49%;padding-right:10%;margin-right:1%;}
div#lady_agenda div.tijden{text-align:left; display:inline-block;width:49%;padding-left:10%;}
div#lady_agenda .fa-times{color:#eee;}
div#lady_agenda .fa-check{color:#777;}

div#canvas_escort_agenda table {
  table-layout: fixed; 
  width: 100%;
  *margin-left: -150px;/*ie7*/
  border-spacing: 0px;
}
div#canvas_escort_agenda table td, div#canvas_escort_agenda table th {
  vertical-align: top;
  padding:10px;
  
  width:150px;
  box-sizing:border-box;
  color:#666;
}
div#canvas_escort_agenda table td{text-align:center;}
div#canvas_escort_agenda table th {
  position:absolute;
  *position: relative; /*ie7*/
  left:0;  
  width:150px;
  text-align:right;
}
div#canvas_escort_agenda {position:relative}
div#canvas_escort_agenda .canvas_container {  overflow-x:scroll;   overflow-y:visible;  width: calc(100% - 150px);    margin-left:150px;  position:unset;}

@media only screen and (min-width:1025px){
div#canvas_escort_agenda table td, div#canvas_escort_agenda table th {width:130px;}
div#canvas_escort_agenda table th {width:130px; position:relative}
div#canvas_escort_agenda .canvas_container {  overflow-x:visible; width: 100%; margin-left:0; }
}

@media only screen and (max-width:480px){
div#canvas_escort_agenda .canvas_container {
  width:calc(100% - 120px);  
  margin-left:120px;
  position:static;
}	
div#canvas_escort_agenda table td, div#canvas_escort_agenda table th {width:130px;padding:6px;}
}
div#canvas_escort_agenda table tr{background-color:#fff;}
div#canvas_escort_agenda table th{background-color:#fff;text-transform:capitalize}
div#canvas_escort_agenda table tr:nth-child(even){background-color:#eaeaea}
div#canvas_escort_agenda table th:nth-child(even){background-color:#eaeaea}
div#agendaLadies .tijden.naam{text-transform:capitalize;}
div#agendaLadies .dag{font-weight:bold;}

span#agendaDisclaimer{color:#666;font-size:0.92em;padding:10px;display:block;}
div#lady_media {
    width: 100%;
    position: relative;
    height: auto;
}
div#lady_media .gallery_thumb{margin:20px 10px;}
div.tabel_head{    border-bottom: 1px dotted #fff;    text-align: center;    padding: 10px;    margin: 10px;}


@media only screen and (min-width:1025px)
	{
	div#escort-main-image{height:700px; top25px;}
	div#escort-main-txt{height:350px;}
	div#lady_media{width:69.5%;margin-top:-250px;margin-left:30%;}	
	}
	
div.agendaLadiesSelector{display:none;}

@media only screen and (max-width:600px)
	{
		div.agendaLadiesSelector{display:block; width:100%;padding:5px;}
		div.agendaLadiesSelector select{width:100%;}
		div#canvas_escort_agenda table{margin:auto;}
		#agendaLadies a{font-weight:bold;cursor:pointer; color:#eee;}
		#agendaLadies td{display:none; padding-right:10px; color:#fff;}
		#agendaLadies tr{background-color:transparent;border-bottom:1px dotted #666;}
		div#canvas_escort_agenda table tr, div#canvas_escort_agenda table tr:nth-child(2n),div#canvas_escort_agenda table th,div#canvas_escort_agenda table td{background-color:transparent;border-bottom:1px solid #999;}
		div#canvas_escort_agenda table td, div#canvas_escort_agenda table th{color:#fff;}
		#agendaLadies td.selected{display:block;}
	}
	
div.escort-info span{font-size:120%;}
div.escort-info span.escort-desc{font-style:italic;display:block;}

div.escort-info span.escort-name {	font-weight: bold;	padding: 0 0 7px 0;}
div.escort-thumbnail:hover{opacity:.8;filter:alpha(opacity=80);}

div.escort-info {
	position: absolute;
	width: 100%;
	height: 115px;
	background: rgba(0,0,0,.5);
	padding: 8px 0 10px 0;
	color: #fff;
	opacity: 0;
	transition: all .6s ease;
	overflow: hidden;
	max-height: 35px;
	margin-top: -35px;
}
div.escort-info h3{font-size:1.1em; font-weight:normal; margin-top:1px;}

@media only screen and (max-width: 800px){
	div.escort-info {
		opacity: 100;
		position: relative;
		margin: 0;
		width: 100%;
		height: 40px;
		margin-top: -100px !important;
		max-height: 100px !important;
		font-size: 80%;
		line-height: 100%;
		max-height: 83px !important;
		height: auto !important;
		margin-top: unset !important;
	}
}



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

	/*div.escort-thumbnail:hover>/*/

div.escort-info{opacity:1;alpha(opacity=100);
	margin-top: -100px;
	overflow:hidden;
	max-height:100px;
}}

@media only screen and (max-width:1025px)
	{
	div#escort-main-image,div#escort-main-txt{height:480px;}
	div#escort-main-txt{padding:1em;}	
	}
	
@media only screen and (max-width:801px)
	{
div.escort-thumbnail{width:33%;padding-top:33%;}
div.escort-info{opacity:100;position:relative;margin:0;width:100%;height:40px;}
div.escort-info span{display:inline;padding:5px;}
div.escort-info span.escort-desc{display:block;}

	div.escort-info span.escort-desc {
		display: block;
		line-height: 100%;
		font-size: 93%;
		height: 90px !important;
		padding: 0 !important;
	}
	
	}

@media only screen and (max-width:480px)
	{
div.escort-thumbnail{width:50%;padding-top:50%;}
	}
	
@media only screen and (max-width:801px)
{
div#formulier{padding-top:1em;}
div.escort-bestellen {
	width: 100%;
	height: auto;
	padding: 1em;
	text-align: center;
	font-size: 0.9em;
}
div#lady_media{position:relative;}
div#lady_tabellen{height:auto;}
div#lady_stats,div#lady_personal,div#lady_options{display:inline-block;width:49%;padding:1em;}
}

@media only screen and (max-width:480px)
{
div#escort-main-txt{height:auto;}	
div#lady_stats,div#lady_personal,div#lady_options{display:block;width:100%;padding:1em;}
div#escort-main-image{display:none;}
div#escort-main-txt{width:100%;display:block;padding:1em;}
div#escort-tabel-image{display:none;}
}




span.plaats{width:70%;display:inline-block;max-width:280px;}
span.prijs{width:29%;display:inline-block;max-width:100px;}
span.prijs:before{content:"Eur ";}

div#professioneel_escortbureau{
width:100%;
min-height:750px;
position:relative;
height:auto;
display:block;
background-color:#fff;
background:url('professioneel-escortbureau-rotterdam-breda.jpg');
background-size:100% auto;
background-position:center center;
background-repeat;no-repeat;
color:#ccc;

text-align:center;

margin-bottom:-39px;
}

div#professioneel_escortbureau h3{font-size:2em;margin:1em 0 0 0;}
@media only screen and (max-width:481px){
	div#professioneel_escortbureau h3{font-size:1.3em;margin:1em;}
}

div#professioneel_escortbureau .knopLight{margin:0}
div#escortbureau_bullits {
    background-color: rgba(65, 65, 65, 0.9);
    padding: 1em;
   
}
div#escortbureau_bullits li{padding:5px 20px;box-sizing:border-box;font-size:1.1em; list-style-type:none;text-align:center;width:100%;display:inline-block}
div#escortbureau_bullits li:nth-child(even){}
div#escortbureau_bullits ul{margin:1em auto;text-align:center}
div#escortbureau_bullits+svg{fill:rgba(65,65,65,0.9);;height:40px;width:100%;position:relative;}

@media only screen and (max-width:1025px)
	{
	div#professioneel_escortbureau{min-height:550px;}
	}
	
div#canvas_solliciteren{
	position:relative;font-size:1.4em;line-height:180%;
	background-color:#514343;color:#eee;width:100%;height:auto;text-align:center;}
div#canvas_solliciteren a.knop{text-transform:none;}
div#canvas_solliciteren div.full_image{
	width:50%;;display:inline-block;display:table-cell; vertical-align:middle;
position:relative;background:url('escort-worden-werken-als.jpg');background-position:left;
	background-repeat:no-repeat;background-size:cover;  }

div.full_image svg {
	height: 100%;
	width: 10%;
	fill: #514343;
	background-color: transparent;
	/* float: right; */
	/* right: -1px; */
	position: absolute;
	display: table-cell;
	right: -1px;
	top: 0;
}
div#canvas_solliciteren>div{display:table;max-width:none}
div.full_text{width:49.5%;display:inline-block;display:table-cell; vertical-align:middle;
position:relative;padding:2em;text-align:center;}
div#canvas_solliciteren h3{color:#fff;}

div#escortbureau_bullits  ul{margin-left:0;padding-left:0;}
@media only screen and (max-width:801px)
	{
		div#professioneel_escortbureau {	min-height: 350px;}
		div#escortbureau_bullits li,div#escortbureau_bullits li:nth-child(even) {	padding: 5px;	font-size: 1em;}
		div#escortbureau_bullits  ul{margin-left:0;padding-left:0;width:100%;}
		div#canvas_solliciteren div.full_image {	width: 100%;	height: 200px; display:block;}
		div#canvas_solliciteren svg{display:none;}
		div#canvas_solliciteren div.full_text{width:100%;font-size:1em;padding:1em;height:auto; display:block;}
		
	}

@media only screen and (max-width:480px){
	div#escortbureau_bullits  {		font-size: 0.92em;}	
	div#escortbureau_bullits li,div#escortbureau_bullits li:nth-child(even)  {	padding: 5px; width:100%;margin:auto;text-align:center;	}
	div.full_text{width:100%;font-size:.9em;padding:1em;height:auto;}
	div#canvas_solliciteren{font-size:1em;}
	
	}

div#canvas_nieuwsbrief {
    width: 100%;    height: auto;        text-align: center;    color: #888;
    font-style: normal;    background: #fff;    	position:relative;
	font-size:1.2em;padding:3em;
}
div#canvas_nieuwsbrief div.canvas_container{max-width:800px;margin:auto;}
div#canvas_nieuwsbrief input[type=submit]{background-color:#ddd;max-width:250px;margin:0 10px;border-radius:0;}
div#canvas_nieuwsbrief .knop,div#canvas_nieuwsbrief .knopLight{margin:0 10px; cursor:pointer; padding:18px 24px;}
div#canvas_nieuwsbrief .knop{color:#333;border-color:#111; background-color:#eee; border-width:1px;}
div#canvas_nieuwsbrief input{max-width:400px;display:inline-block;padding:15px;}
div#canvas_nieuwsbrief img{max-width:220px;margin:1em auto;}
svg#white_arrow_down{fill:#fff;height:40px;width:100%;position:relative;}

@media only screen and (max-width:480px)
	{
	div#canvas_nieuwsbrief{font-size:1.1em;padding:0.5em}
	div#canvas_nieuwsbrief .knop, div#canvas_nieuwsbrief input{margin:5px auto;width:350px;max-width:95%;display:block;}
	}

a.knop,span.knop,div.knop {	
	width: auto;
	display: inline-block;
	padding: 10px 20px;
	border:1px solid #eee;
	color: #eee;
	background-color:rgba(255,255,255,0.2);
	font-size: 20px;
	font-weight: bold;
	border-radius: 2px;
	line-height: 100%;
	margin: 20px;
	transition:all 0.4s ease-in;
	text-transform:none;
	/* height: 20px; */
}

.intro .knop{background-color:rgba(255,255,255,0.5); text-transform:none; margin:10px;}
@media only screen and (max-width:481px)
	{
	.intro .knop{margin:6px;font-size:0.92em;}	
	}
a.knop.light{background-color:rgba(255,255,255,0);}

.knop:hover{background-color: rgba(255,255,255,0.1);text-decoration:none;}
.knop i{position:absolute;margin-left:10px;margin-top:-4px;font-size:28px;}


.knopLight {
    width: auto;
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid rgba(200, 200, 200, 1);
    color: rgba(200, 200, 200, 1);
    font-size: 1.2em;   
    border-radius: 2px;
    line-height: 100%;
    margin: 20px 20px 20px 0;
    transition: all 0.4s ease-in;
}





// KOLOMMEN
div.kolommen{max-width:1500px;margin:auto;padding:2em;}
div.kolommen.paginabreed{max-width:100%;width:100%;}
div.kolommen.paginabreed div.canvas_container{width:100%;max-width:none}

div.kolom50{max-width:49%;display:inline-block;height:auto;min-height:50px;padding:10px;}
div.kolom50.links{width:50%;margin-left:4%;margin-right:45%;}
div.kolom50.rechts{width:50%;margin-left:45%;margin-right:4%;}

div.kolom25{display:inline-block;width:22.5%; margin:1%; padding:10px;text-align:center;}
div.kolom33{display:inline-block;width:31%;margin:1%; padding:10px;text-align:center;}
div.kolom80{width:80%;max-width: 800px;    margin: auto;    background-color: rgba(255,255,255,0.9);    padding: 2em;    text-align: justify;}

div.blok25{display:inline-block;width:23%;margin-right:1%;margin-bottom:1%;text-align:left;}
div.blok35{display:inline-block;width:30%;margin-right:1%;text-align:left;}
div.blok50{display:inline-block;width:47%;margin-right:1%;margin-bottom:1%;text-align:left;}

div.kolom33.links{margin-right:17%;  }
div.kolom33.rechts{margin-left:17%;  }

@media only screen and (max-width:801px){
h2 {	font-size: 22px;	max-width: 90%;	margin: 0.5em auto 0.5em auto;}	 

div.kolom25,div.kolom33,div.kolom80,div.kolom50{width:auto;max-width:80%;margin:auto;display:inline-block;vertical-align:middle}

}




@media only screen and (max-width:480px)
	{
	div.kolom33{display:inline-block;width:48%;margin:0.5%; padding:10px;text-align:center;}
	div.kolom33.links{margin-right:1%;  }
	div.kolom33.rechts{margin-left:1%;  }
	}
	
@media only screen and (max-width:480px)
	{
	div.kolom25,div.kolom33,div.kolom80,div.kolom50{max-width:none;width:98%;margin:auto;display:block;text-align:center}
	div#adres{text-align:center;}
	}
	
// KNOPPEN



// POPUP
.black_overlay{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80); }

.mobileonly{display:none;!important}
.nomobile{display:inline;!important}

div.tweekoloms div.canvas_container{
	   -webkit-columns: 50px 2; /* Chrome, Safari, Opera */
     -moz-columns: 50px 2; /* Firefox */
    columns: 50px 2;
	text-align:left;
	}
@media only screen and (max-width:480px)	
	{
	div.tweekoloms div.canvas_container{
	   -webkit-columns: none; /* Chrome, Safari, Opera */
     -moz-columns: none; /* Firefox */
    columns: none;
	text-align:justify;
	}	
	}

@media only screen and (max-width:801px)
	{
	a.knop{font-size: 1.0em;margin:8px 0;min-width: none;padding:7px 15px;}
	a.knop:hover{padding:7px 15px;}
	div.blok25{width:45%;margin:1%;}	div.blok35,div.blok50{width:97%;display:block;margin-left:1%;}
	.mobileonly{display:inline;!important}
	.nomobile{display:none;!important}
	}



/* blokken */

div#canvas_top{width:100%;position:relative;height:10px;background:url(bg_top.jpg);background-size:100% auto;}
div#canvas_top.ingeklapt{height:5px;}

div#canvas_website{position:relative;height:100%;width:100%;text-align:center; }


div#canvas_head {
    position: fixed;
    height: auto;
    top: 0px;
    z-index: 1000;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 31px 76px rgba(0,0,0,0.5);

}

@media only screen and (max-width:802px)
	{
	div#canvas_head {
	position: fixed;
	box-shadow: -5px 1px 52px #444;
	
	}
	div#canvas_header{margin-top:0;
	background-position:left 50% !important;
	max-height:600px;
	} 
	div#canvas_logo {
	display: block;
	width: 50%;
	position: relative;
	top: 10px;
	left: 25%;
}
	div#canvas_logo img{max-width:30%;}
	
}

div#canvas_head.ingeklapt {	background: #ddd;	text-align: left; height:58px;}
div#canvas_logo,div#contact_numbers{
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out}

div#canvas_logo{width:25%;display:inline-block;text-align:center;}
div#canvas_logo img{max-width:250px;height:auto;}
div#canvas_logo img.ingeklapt{max-width:150px; margin-top:8px;}
div#canvas_logo.ingeklapt{background:#555; height:100%;}

@media only screen and (max-width:801px)
	{
	div#canvas_logo{width:30%;}
	div#canvas_logo img{max-width:100%}		
	}
	
div#canvas_menu{display:none;}
div#canvas_menu_hr{width:100%;display:inline-block;text-align:center;}

div#canvas_menu_hr.ingeklapt{width:74%;margin:8px 0 0 0;}

@media only screen and (max-width:1100px)
	{
		div#canvas_menu_hr{font-size:0.92em;padding-top:5px;}
		div#canvas_menu_hr.ingeklapt{font-size:0.86em;}
	}
	
div#whatapp_pop, div#whatapp_pop_small {
    width: 100%;
    height: 50px;
    z-index: 10000;
    text-align: center;
    position: fixed;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px;
    margin-bottom: -50px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    color: #fff;
}


div#canvas_slider{position:relative;height:65%;width:100%;margin-top:50px;}
@media only screen and (max-width:801px){div#canvas_slider{max-height:350px;}}

div#canvas_website{padding-top:120px;}

div#canvas_header {	position: relative; 	height: 30%;	width: 100%;	max-height: 450px;	}
div#canvas_header.home{height:80%;height:80vh;max-height:3000px;}


div#contact_numbers{color:#555;display:block;right:0;padding:10px 20px 10px 0;position:absolute;text-align:right;}

@media only screen and (min-width:801px){div#contact_numbers{font-size:1.3em;padding:20px;}	}
#selectLanguage img {
	width: 20px;
	height: auto;
	margin: 5px 0 0 5px;
}
div#contact_numbers span{}
/*span.number{display:block;}*/

div#contact_numbers.ingeklapt{display:none;}

@media only screen and (min-width:801px) and (max-width:1025px){ 
	div#contact_numbers {
	padding: 10px 10px 10px 0;
	padding: 0 10px;
	font-size: 0.8;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #fff;
	text-align: center;
}
	span.number{display:inline-block;padding-right:10px;}
	}

	
div#canvas_content {
    position: relative;
    width: 100%;
    min-height: 200px;
    padding: 0;
    margin-top: -1px;
}
div#canvas_latest_blog{display:none;}


/* bottom */
div#canvas_bottom img{width:30px;height:auto; margin-top:5px;border-radius:15px;}
div#canvas_bottom ul{list-style-type:none;margin-left:0;padding-left:0}
div#canvas_bottom ul li{margin-left:0;padding-left:0}
div#canvas_bottom a{color:#999;text-decoration:none;}
div#canvas_bottom .adres{color:#fff;}
div#canvas_bottom h3{color:#ccc;text-align:inherit;font-size:1.32em;margin:10px auto;}

@media only screen and (max-width:1025px)
	{		
	div#canvas_website{padding-top:15px;}
	}
	
@media only screen and (min-width:801px)
	{
	div#canvas_bottom{display:table;padding:3em;}
	div#canvas_bottom div.canvas_container>div{display:table-cell;vertical-align:middle;margin-top:1em}
	}
	
@media only screen and (max-width:801px)
	{

	div#canvas_bottom div.blok25, div#canvas_bottom div.blok35{width:100%;text-align:center;}
	div.nomobile{display:none;}
	
	div#contact_numbers {
    width: 100%;
    position: fixed;
    left: 0px;
    display: block;
    text-align: center;
    bottom: 0px;
    background-color: rgba(230, 230, 230, 1);
    height: auto;
    padding: 5px;
}
	div#contact_numbers span{display:inline;}
	


	}

@media only screen and (max-width:1024px) {
	div#escort-tabel-image {
		display: none;
	}div#website{padding-top:50px;}
}

div#canvas_bottom{position:relative;width:100%;padding:1em 2em 3em 2em; text-align:center;font-size:0.92em;}
div#canvas_bottom{background-color:#fff;color:#999;}
div#canvas_bottom img{width:80%;max-width:80%;height:auto;margin:auto;}
div#canvas_bottom h4{display:inline-block;margin:5px;}
div#snel_links ul{text-align:left;}
div#snel_links ul li{border-bottom:1px dotted #999;padding:5px;list-style-type:none;max-width:400px;font-weight:bold;color:#999}
div#snel_links ul li:last-child{border-bottom:none;}

@media only screen and (max-width:480px)
	{
	div#canvas_bottom{margin-bottom:50px;}
	div#contact_numbers span.number{display:inline-block}
	div#snel_links{display:none;}
	}
div#createdby{font-size:0.8rem;color:#444;width:100%;text-align:right;padding:5px;margin:0;}
div#createdby a{color:#444;}

div.canvas_container{width:100%;max-width:1600px;margin-left:auto;margin-right:auto;}

	div#broodkruimel,div#broodkruimel a{color:rgb(174, 194, 183)}
	
 	@media only screen and (max-width:1025px){
		div#broodkruimel{display:none;}		
		div#canvas_head{height:60px;}
		}


/* videos */
iframe{width:320px !important; height:240px !important; max-width:100% !important; margin:1em 0 1em 0;}
span.video{padding:20px;}
span.video iframe{width:400px;height:300px;margin:auto;}


/* zelfwaardering quote */
div#canvas_zelfwaardering div{max-width:900px;}


/* VEEL GESTELDE VRAGEN */

h3.vraag{font-size:1em;}
div.antwoord {
    box-sizing: content-box;
    border-bottom: 1px solid #eeeeee;
    padding: 1% 20% 5% 2%
}


/* doelgroepen */
div#canvas_doelgroepen {
	text-align: center;
	background-color: rgba(255, 255, 255, 1);
	color: #063;
	/* background: url(zelfwaardering-waterval.jpg); */
	background-position-y: 100%;
	background-size:cover;
	padding: 0px; /* ivm cover */
	/* IE10+ */ 
background-image: -ms-linear-gradient(top, #E7F1EA 0%, #ffffff 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #E7F1EA 0%, #ffffff 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #E7F1EA 0%, #ffffff 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E7F1EA), color-stop(100, #ffffff));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #E7F1EA 0%, #ffffff 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #E7F1EA 0%, #ffffff 100%);
}

	
	
/* blog */
@media only screen and (min-width:1024px){div#blog_overzicht{width:100%;column-count:1;column-gap:30px;}}

div.blog_feed a.knop{float:right;}
div.blog_item{color:#777;}
div.blog_item h2{color:var(--zwart);}
div.blog_link{text-align:right;}
div.blog_titel a{text-decoration:none;color:rgba(0, 0, 0, 1);}
div.blog_intro{padding:15px;}

div#blog_navigatie {text-align:right;border-bottom:1px dotted #CCC;padding-bottom:5px;margin-top: -33px;}
div#blog_navigatie a{
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #ff0000;
    padding: 0px;
    margin-right: 10px;
    text-align: center;
    color: var(--wit);
    font-weight: bold;
    font-size: 1.1em;
    border-radius: 15px;
}

div#blog_items{text-align:left;display:inline-block;vertical-align:top;width:60%;margin-right:1%;margin-bottom:4px;}
div#blog_items div.blog_feed_datum{display:inline-block;width:150px;color:#C00;font-weight:bold;}
div#blog_items div.blog_feed_title{display:inline-block;width:auto;color:#eee;font-weight:normal;}

div.blog_header {
	background-position: center;
	width: 100%;
	/* margin-bottom: 0; */
	height: 300px;
	overflow: hidden;
	display: inline-block;
	background-size: cover;
	border-radius: 5px 5px 0 0;
}

div.blog_titel,div.blog_datum,div.blog_intro,div.blog_link{padding-left:20px;padding-right:20px;}
div.blog_block {
	border-bottom: 1px dotted #aaa;
	padding: 0;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	color:#555;
}

div#blog_items a.knop{color:#fff;background-color:#555;}

div.blog_block h2{color:var(--kleur2);font-size:1.3em;}

div.blog_header {
	background-position: center;
	width: 100%;
	height: 240px;
	overflow: hidden;
	display: inline-block;
	background-size: cover;
	border-radius: 7px 7px 0 0;
}

div.blog_block {
	border-bottom: 1px dotted #aaa;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	background-color: #fff;
	margin-bottom: 20px;
	border-radius: 10px;
}


main {
	display: inline-block;
	width: calc(95% - 255px);
	max-width: 950px;
	padding: 1em;
	box-sizing: border-box;
	text-align: left;
}

aside{
display:inline-block;
width:250px;
box-sizing:border-box;
vertical-align:top;
padding:1em;

}

article {
	padding: 1em;
	text-align: left;
	margin: auto;
	width: 100%;
	max-width: 1200px;
}

.blog_link .knop {
	color: #fff;
	border-color: #999;
	/* border-radius: 4px; */
	border-width: 2px;
	background: #666;
	/* box-shadow: 2px 2px 6px #bbb; */
	font-size: 18px;
}

@media only screen and (max-width:481px){
main,article,aside{
	display:block;
	width:100%;
	padding:10px;
	text-align:center;
	height:auto;	
}}

/* blog - latest 5 block */
div#canvas_latest_five_blogs{width:100%;background-color:#eee;text-align:left;padding:3em;}
div#canvas_latest_five_blogs a{text-decoration:none;}
div#canvas_latest_five_blogs h2{color:rgba(0, 0, 0, 1)}
span#blog_latest_1{   width: 60%;    height: 400px;    border: 1px dotted #ccc;    display: inline-block;}
span#blog_latest_1 div.blog_image{position:relative;z-index:900; width:100%;height:100%;position:relative;}
span#blog_latest_1 div.blog_info{position:relative;z-index:901;  width:100%;height:100px;margin-top:-100px; padding:10px; background-color:rgba(255,255,255,0.7);text-align:left;
font-size:1.1em;}
span#blog_latest_1 div.blog_info:hover{background-color:rgba(255,255,255,0.9);}
span.blog_recent_list{width:39%;box-sizing:border-box;height:100%;display:inline-block;vertical-align:top;overflow:hidden;}
span.blog_recent_list span {    height: 20%;    width: 100%;    vertical-align: top;    border-bottom: 1px dotted var(--zwart);    padding: 1em 0px 1em 1em;    text-align: left;    display: block;}
span.blog_regel:hover{background-color:var(--wit);}
div.blog_datum{font-size:0.92em;color:rgba(0, 0, 0, 1);display:inline-block;max-width:30%;overflow:hidden;}
div.blog_auteur{font-size:0.92em;color:#111;display:inline-block;max-width:65%;overflow:hidden;}
#canvas_lates_five_blogs .blog_titel{	background-color:inherit;	margin:0;	color:var(--kleur3);	text-align:left;	}	
#canvas_latest_five_blogs .canvas_container {	max-width: 1250px;}
/* nieuwsbrief */

div#abonneer_message {
    padding: 2em;
    max-width: 900px;
    margin: auto;
}
div#nieuwsbrief input{width:49%;margin-right:0.5%;display:inline-block;}

@media only screen and (max-width:480px)
	{
	div#nieuwsbrief
		{
		width:100%;
		left:0;
		top:5px;
		height:auto;
		padding:20px 10px 20px 10px;
		}
		div#nieuwsbrief input{width:98%;margin:1%;display:block;}
	}
span.close_popup {
    color: #888;
    font-size: 1em;
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: -15px;
}

div.close_popup2{
  color: #888;
    font-size: 0.92em;
    display: block;
    width: 100%;
    text-align: center;
	margin-top:20px;
	}


/* logo */
div#canvas_logo img {
	max-width: 340px;
	width: 100%;
	height: auto;
	margin: 5px 0 8px 0;
	transition: all 0.3s ease-in-out;
}

@media only screen and (max-width:1025px){
	div#canvas_logo{display:block;width:150px;position:absolute;top:10px;	
	left:calc(50% - 75px);
	text-align:center}	
	div#canvas_logo img{width:150px;margin:auto;}
	}

/* content */
div#content{margin:auto;}
div#broodkruimel{font-size:0.92em;text-align:left;padding:bottom:10px;border-bottom:1px dotted #eee;margin-top:-20px;}
div#content_2 img,div#content_1 img{max-width:100%;height:auto;padding:5px;border:1px solid #eee;margin:15px;}

/*elements*/
div.element{width:100%;padding:2em 1em 3em 1em;}
div.element.PAGE{text-align: center;}

div.element.GALLERY{background-color:#EEE;padding:0;height:100%;position:relative;}
div.element.GALLERY .canvas_container{padding:0;max-width:1680px;}

div.element.PAGE:first-child, div.element.PAGE{background:#6b6861;color:#fff;} // eerste element sluit aan op header. 

div.element div#gallery{padding:0;margin:0;}
div.fotoGallery div{width:15%;margin:0;padding:0;border:0;padding-top:12%;margin:10px;transition:all .3s ease;display:inline-block;filter:alpha(opacity=100);opacity:1;}

@media only screen and (max-width:801px)
	{
	div.element{width:100%;padding:0 1em;}
	div.fotoGallery div{width:33%;padding-top:33%;}
	}
	
@media only screen and (max-width:480px){div.element{width:100%;padding:0 3px;}}

div#Block_BLOCK29{padding:0 !important;}
	
div.fotoGallery div:hover{opacity:0.8;filter:alpha(opacity=80);}


div.element.BLOCK{padding:2em 1em;}
div.element.FORM{background-color:#8a8685;}
div.element.FIXEDBLOCK{padding:0;}

div.imageonly{padding-top:190px;height:400px;}
div.imageonly h2{color:#fff;margin:0;font-size:2.5em;}

div#content_2,div#content_1{display: inline-block;    text-align: left;    padding: 2em 1.5em;}
div#content_1 {    max-width: 1100px;}


svg.header {
    display: block;
    width: 100%;
    height: 36px;
    background: transparent;
    margin-top: -37px;
    fill: #6b6861;
    position: relative;
}

@media only screen and (max-width:481px){svg.header{height:24px;margin-top:-25px;}	}


div#content_2{width:250px;border-left:1px solid #ddd;color:#333}

div#content_2>p  , div#content_1>p  {width:100%;max-width:1000px;margin-left:auto;margin-right:auto;}
div#content_2>h1 , div#content_1>h1 {width:100%;max-width:1000px;margin-left:auto;margin-right:auto;}
div#content_2>h2 , div#content_1>h2 {width:100%;max-width:1000px;margin-left:auto;margin-right:auto;}
div#content_2>h3 , div#content_1>h3 {width:100%;max-width:1000px;margin-left:auto;margin-right:auto;}
div#content_2>h4 , div#content_1>h4 {width:100%;max-width:1000px;margin-left:auto;margin-right:auto;}
div#content_2>h5 , div#content_1>h5 {width:100%;max-width:1000px;margin-left:auto;margin-right:auto;}
div#content_2>h6 , div#content_1>h6 {width:100%;max-width:1000px;margin-left:auto;margin-right:auto;}
div#content_2>div , div#content_1>div {width:100%;max-width:1000px;margin-left:auto;margin-right:auto;}
div#content_1>ul,div#content_1>ol{width:100%;max-width:1000px;margin-left:auto;margin-right:auto;}

div#content_2 .blok50{background-color:#fff;padding:1em;margin-right:1.5%;text-align:center}
div#content_2 .blok50 ul{text-align:left;}

@media only screen and (max-width:1025px)
	{
	div#content_1,div#content_2{width:100%;display:block;padding:1em;text-align:justify;}
	}
@media only screen and (max-width:801px)
{
div#content img,div#content_1 img{float:none; display:block;max-width:80%;margin:15px auto 15px auto;!important}
div#shop_gadget,div#content_2{max-width:100%;display:inline-block;text-align:left;padding-top:2em;float:none}
div#content_1{padding:2em 0.5em}
}



/* recenties */
div.testimonial {
    width: 40%;
    display: inline-block;
    margin-right: 5%;
    padding: 1em;
    vertical-align: top;
    background-color: #fff;
	color:#555;
    border-radius: 15px;
    margin: 2em;
	position:relative
}

div.testimonial::after {
    content: "";
    position: absolute;
    bottom: -26px;
    left: 70px;
    border-width: 27px 0 0 27px;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0px;
    -webkit-transform: rotate(-8deg);
}


@media only screen and (max-width:801px)
	{
	div.testimonial{width:90%;margin:auto;}
	div.testimonial:last-child{display:none;}
	}





/* Formulieren */

svg.above_form{  display:none;  height: 35px;    width: 50%;    fill: #fff;    margin-bottom: -36px; }
svg.above_form2{    height: 35px;    width: 100%;    fill: #fff;    margin-bottom: 0; }
	
div.FORM{color:#fff;}
div.div_formulier,div#formulier{min-height:300px;max-width:700px;margin:auto;padding:0em 0px 2em 0px;}
div#content_2 div#formulier{max-width:700px;}
div.div_form_message{text-align:left;}
div.div_formulier i{color:#00C;}

input#voorletters{display:none;}
 
div.form_titel{display:none;}
div.form_content{float:left} 
input, textarea, select {	padding: 0.7em;	border: 1px solid #ddd;	color: #333;	width: 100%;	box-sizing: border-box;	font-size: 1em; font-family:palatino;}
input[type=radio],input[type=checkbox]{width:auto;min-width:0;}
textarea{width:100%;}
input.submit{margin-top:0.7em;width:100px;text-transform:uppercase;}

div.form_row{width: 100%; padding: 2px; margin-left:auto;margin-right:auto; }
div.form_row_klein{width:49%;display:inline-block;min-width:200px;}
div.form_field_desc{min-width: 160px; width: 100%; display: block; text-align: left; display:none;}
div.form_field_input{width:100%;display:inline-block;text-align:left;}

div.div_form_desc{text-align:left;}
div.form_field_desc {	position: absolute;	font-size: 0.67em;	padding: 0px;	margin-top: 4px;	margin-left: 9px;}
div.form_field_input input[type="text"], div.form_field_input input[type="password"], div.form_field_input textarea, div.form_field_textarea textarea,div.form_field_input select {	margin-top: 28px;	border: 0px;	border: 1px  solid #ddd; color:#333333; }
input.halvebreedte{width:48%;margin-right:1%;display:inline-block;max-width:300px;}
input[type=submit]{background-color:rgba(0, 245, 115, 1);border-radius:10px;max-width:300px;margin:auto;}
div.form_field_label{text-transform:uppercase;font-weight:bold;margin-top:0.5em;margin-bottom:0.5em;font-size:1.2em;}

div.form_input_comment {	display: inline-block;	max-width: 8%;	position: absolute;	margin-left: -40px; margin-top:30px;}

@media only screen and (max-width:801px)
{
	
div.div_formulier, div#formulier {
    padding: 3em 0px 2em 0px;
}
}

/* form in gadget style */
div#content_2 div#formulier div{padding-bottom: 5px; }
 .form_field_desc{font-size: 0.8em;display:block;}
 .form_field_input,.input_formulier{display:inline-block;}
 .form_name{}
span.foutmerk{color:#eb2126;font-weight:bold;padding-right:1em;}
div#validation{margin:7px;}



/* menu */

div#canvas_menu ul li{display:inline-block;width:auto;margin-right:10px;list-style-type:none;letter-spacing:1px}
div#canvas_menu a{color:#000;cursor:pointer;text-decoration:none;}
div#canvas_menu a:hover{font-weight:bold;}

/* templates CMS */
div#content_1 div.kolommen,div#content_2 div.kolommen{width:100%;max-width:none;padding-top:3em;padding-bottom:3em;}
div#content_1 div.kolom4{width:100%;max-width:none;;text-align:center}
div.kolom4>div{max-width:1500px;margin:auto;padding:1em;}

div.kolommen img{max-width:80%;height:auto;}

div#content_1 div.kolom4 ul {text-align:left;}



div.intro {
	position: absolute;
	padding:1em;
	bottom:100px;
	vertical-align:bottom;
	overflow: hidden;	
	display: block;
	font-weight: bold;
	font-size: 2.1rem;
	line-height: 122%;
	text-align: center;
	color: #fff;
	max-height: 100%;	
	overflow: hidden;
	width: 100%;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.93);
}

@media only screen and (max-width:1025px)
	{
	div.intro{ padding:1em;	}
	}



div.intro h2{text-align:inherit;font-size:1.4em}


div.intro ul {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
	background-color: rgba(0, 235, 102, 0.7);
	color: #eee;
	padding-top: -10px;
	/* padding: -10px calc 0 0 10px; */
	margin: 0px;
	height: 50px;
}

div.intro ul li {
	display: inline-block;
	padding-right:20px;
	font-size: 1.1rem;
	letter-spacing: 1px;
	left: 0px;
	/* padding: -10px 0 0 0; */
	/* padding: -10px 0 10px 0; */
	margin: -10px 0 -10px 0;
}

div.intro ul li:before {
   content:  "\2713 ";
   padding-right:10px;
   color:rgba(0,153,51,1);
   font-weight:bold;
   font-size:1.1em;
}

@media only screen and (max-width:801px)	{	div.intro ul{display:none;}		}

a.download{display:none;}
@media only screen and (max-width:1400px){div.intro{font-size:2.0em;}}
@media only screen and (max-width:1400px){div.intro{font-size:1.8em;}}
@media only screen and (max-width:1025px){div.intro{font-size:1.6em; color:#fff;} }
@media only screen and (max-width:801px){div.intro{bottom:35px;font-size:1.3em;text-align:center;margin:auto;}}


/* menu */
.collapse-button{position:absolute;top:10px;left:10px; border-radius:5px; padding:5px;cursor:pointer;text-align:center;}
.collapse-button:hover, .collapse-button:focus{background-image:none;color:#FFF;}
.collapse-button .icon-bar{background-color:#000;border-radius:1px 1px 1px 1px;display:block;height:2px;width:22px;margin:4px;margin-bottom:6px;}

div#canvas_menu_hr a{transition: all 0.3s ease-in-out;margin:10px;padding-top: 0px; color:#000; text-decoration:none;}
div#canvas_menu_hr.ingeklapt a{margin:5px;font-size:90%}

@media only screen and (max-width:1240px)
	{
	div#canvas_menu_hr a{margin-left:3px;margin-right:3px;}	
	}
@media only screen and (max-width:1050px)
	{
	div#canvas_menu_hr a{margin-left:0px;margin-right:0px;}	
	}
div#canvas_menu_hr a:hover{}

div#canvas_menu_hr ul.sub-menu li a{color:#888;}
div#canvas_menu_hr ul.sub-menu li a:hover{color:#000;}
div#canvas_menu_hr li {
	display: inline-block;
	margin: 0;
	border-right: 1px solid #eee;
}
div#canvas_menu_hr li:last-child{border:none;}
div#canvas_menu_hr span.sub-collapser{display:none;}

ul.slimmenu li {margin-left:-10px;}
ul.slimmenu li:last-child {}
ul.slimmenu li ul li{border:0px;background-color:none;width:150px;text-align:left;}
ul.sub-menu{
background-color:rgba(198, 200, 157, 1);
-webkit-box-shadow: 3px 3px 12px 0px rgba(50, 50, 50, 0.18);
-moz-box-shadow:    3px 3px 12px 0px rgba(50, 50, 50, 0.18);
box-shadow:         3px 3px 12px 0px rgba(50, 50, 50, 0.18);
padding:5px;
}
ul.slimmenu{list-style-type:none;margin:0;padding:0;}
ul.slimmenu li{position:relative;display:inline-block;box-sizing:border-box;}
ul.slimmenu li:last-child{border-right:0xp;}
ul.slimmenu > li{}
ul.slimmenu > li:first-child{border-left:0}
ul.slimmenu > li:last-child{margin-right:0}
ul.slimmenu li a{display:block;padding:5px;
transition:background-color 0.2s ease-out; -o-transition:background-color 0.2s ease-out; -moz-transition:background-color 0.2s ease-out;
-webkit-transition:background-color 0.2s ease-out; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu li a:hover{text-decoration:none;}

ul.slimmenu li .sub-collapser{color:#eee;position:absolute;right:0;top:0;width:30px;height:100%;text-align:center;z-index:999;cursor:pointer;}
ul.slimmenu li .sub-collapser:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
ul.slimmenu li .sub-collapser > i{display:inline-block;vertical-align:middle;}
ul.slimmenu li ul{list-style-type:none;}
ul.collapsed{}
ul.collapsed li{padding-left:10px;padding-right:10px;}

@media only screen and (min-width: 801px)
{
ul.slimmenu li ul a{list-style-type:none;padding:5px;border-bottom:1px dotted #eee;font-weight:normal;}
}

ul.slimmenu li ul li{min-width:240px;}
ul.slimmenu li ul li:last-child{}
ul.slimmenu li ul li:first-child{}
ul.slimmenu li ul li:hover{min-width:240px;}

ul.slimmenu li > ul{display:none;position:absolute;left:0;top:100%;z-index:999;font-weight:400}
ul.slimmenu li > ul > li ul{display:none;position:absolute;left:-100%;top:0;z-index:999;width:100%;}

ul.slimmenu.collapsed li > ul{width:100%;box-sizing:border-box;}
ul.slimmenu.collapsed li{display:block;width:auto;-webkit-box-sizing:border-box;margin:0px;margin-top:5px;margin-bottom:5px;}
ul.slimmenu.collapsed li a{display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#000;}
ul.slimmenu.collapsed li .sub-collapser{height:40px;}
ul.slimmenu.collapsed li > ul{display:none;position:static;}


  p:has(div.youtube-player){display:inline-block;}
  

  div#canvas_website .youtube-player {
        position: relative;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
		width:320px;
		height:273px;		
		display:inline-block;                
        margin: 5px;
    }
    

   
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    
    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    
    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }
    
    .youtube-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url("//i.imgur.com/TxzC70f.png") no-repeat;
        cursor: pointer;
    }


/* blocks /*/

div.videoblok{padding:3em 0;}
div.videoblok strong{display:block;padding:0 0 1em 0;}

div.bullitpoints .canvas_container{max-width:1200px;padding:2em;}
div.bullitpoints ul{max-width:850px;margin:auto;}
div.bullitpoints ul li{
    width: 50%;
    max-width: 390px;
    text-align: left;
    background-color: transparent; 
    padding-left:10px;
	font-size:1.1em;
    padding: 10px;
    margin: 5px;
    list-style-type: none;
	display:inline-block
}

div.bullitpoints ul li::before{ content:"\2713\0020"; color:rgba(0, 235, 102, 1); font-weight:bold;font-size:1.15em; }

@media only screen and (max-width:801px){
	div.bullitpoints ul li{
    width: 95%;
    max-width: 300px;
	display:block;
	}
}

@media only screen and (max-width: 801px){div#canvas_header.home{height:50%;height:50vh;}}

div#canvas_head,div#canvas_logo{max-width:100%;}

#escortplaatsen {
	background: #333;
	color: #fff;
	padding: 2em;
}
#escortplaatsen li {
	text-align: left;
	list-style-type: disclosure-closed;
	color: #6e6767;
}
#escortplaatsen a {
	color: #ccc;
	padding: 5px;
}


.label.meerprijs a, .label.meerprijs i {	color: #f6f4cc;}
.label.inclusief a, .label.inclusief i {	color: #ffffff;}
.label.onmogelijk a, .label.onmogelijk i	{color:#6f6f6f;}

#lady_options .fa {
	width: 13px;
	display: inline-block;
	height: 15px;
	text-align: center;
	float: left;
	position: relative;
	top: -1px;
	left: -3px;
	
}



div#escort-main-txt .knop {
	/* border-color: #000; */
	color: #fff;
	text-transform: none;
	background: #e30946;
	border: none;
	font-size: 1.5em;
	width: 49%;
	display: inline-block;
	width: 100%;
	text-align: left;
	max-width: 180px;
	margin-bottom: 10px;
	font-size: 16px !important;
	font-weight: bold;
	border-radius:20px;
	margin-bottom:10px;
}

div#escort_knoppen .knop {
	/* border-color: #000; */
	color: #fff;
	text-transform: none;
	background: #e30946;
	border: none;
	font-size: 1.5em;
	border-radius: 17px;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px !important;
}

#solliciteerKnop .knop {
	background: #000 !important;
}