@font-face { font-display: swap; font-family: 'DM Serif Display'; font-style: normal; font-weight: 400; src: url('_fonts/dm-serif-display-v15-latin-regular.woff2') format('woff2'), url('_fonts/dm-serif-display-v15-latin-regular.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'DM Serif Display'; font-style: italic; font-weight: 400; src: url('_fonts/dm-serif-display-v15-latin-italic.woff2') format('woff2'), url('_fonts/dm-serif-display-v15-latin-italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 200; src: url('_fonts/manrope-v15-latin-200.woff2') format('woff2'), url('_fonts/manrope-v15-latin-200.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 300; src: url('_fonts/manrope-v15-latin-300.woff2') format('woff2'), url('_fonts/manrope-v15-latin-300.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 400; src: url('_fonts/manrope-v15-latin-regular.woff2') format('woff2'), url('_fonts/manrope-v15-latin-regular.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 500; src: url('_fonts/manrope-v15-latin-500.woff2') format('woff2'), url('_fonts/manrope-v15-latin-500.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Manrope'; font-style: normal; font-weight: 600; src: url('_fonts/manrope-v15-latin-600.woff2') format('woff2'), url('_fonts/manrope-v15-latin-600.ttf') format('truetype'); }

html, body { margin: 0; height: 100%; width: 100%; text-align: left; }
BODY {
	height: 100%;
	FONT-SIZE: 18px; 
	font-family: 'Manrope', sans-serif;
	background-color: #ffffff;
	color: #000000;
   font-weight: 300; 
	font-style: normal;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
	top: 0px;
}
h1, h2, h3, h4, h5, h6 		{ text-align: left; margin: 0px; top: 0px; padding: 0px; font-weight: normal; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }
H1 								{ FONT-SIZE: calc(1.2em + 2.5vw); color: #000000; font-family: 'DM Serif Display', sans-serif; padding-top: 25px; padding-bottom: 25px; font-weight: 700;}
H2 								{ FONT-SIZE: calc(1.2em + 1.5vw); color: #0199c0; font-family: 'DM Serif Display', sans-serif; padding-top: 10px; padding-bottom: 10px; }
H3 								{ FONT-SIZE: calc(1.2em + 1.5vw); color: #0199c0; margin-bottom: 25px;}
H4 								{ FONT-SIZE: calc(1.2em + 1.1vw); color: #000000; }
H5 								{ FONT-SIZE: calc(1.2em + 1.0vw); color: #000000; }
H6 								{ FONT-SIZE: calc(1.2em + 0.9vw); color: #000000; }

A 								   { FONT-SIZE: 18px; color: #0199c0; text-decoration: none; }
A:link 							{ FONT-SIZE: 18px; color: #0199c0; text-decoration: underline; }
A:active 						{ FONT-SIZE: 18px; color: #0199c0; text-decoration: underline; }
A:visited 						{ FONT-SIZE: 18px; color: #0199c0; text-decoration: underline; }
A:hover 						   { FONT-SIZE: 18px; color: #0199c0; text-decoration: underline; }

img { max-width: 100%; width: auto; -ms-interpolation-mode: bicubic; }
.btn { white-space: normal !important; word-wrap: break-word; }
img, embed, object, video { max-width: 100%; }
.flexslider { border: 0px; margin: 0px 0px 0px 0px;}
.flexslider .slides li { position:relative; }
.flex-caption { font-family: 'Manrope', sans-serif; width: 100%; top: 10px; padding-top:10%; bottom: auto; background: none; color: #FFFFFF; font-size: 20px; line-height: 35px; left:0; position: absolute; text-align: center; z-index: 1; text-shadow: 2px 2px 0 rgba(0,0,0,.5); font-size: 5em; }
.flex-direction-nav .flex-prev { left: 10px; }
.flex-direction-nav .flex-next { right: 10px; }
@media only screen and (max-width: 500px) { 
	.flex-caption { top: 10px; padding-top: 1%; font-size: 2em; } 
}

.container-fluid { padding-left:0; padding-right:0; }
.btn-primary, .btn-danger, .btn-success { color: #ffffff; background-color: #583919; border-color: #583919; }
.btn-primary:hover, .btn-danger:hover, .btn-success:hover { color: #ffffff; background-color: #0199c0; border-color: #ffffff; }
.btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.1rem #000000; }
.btn-success.disabled, .btn-success:disabled { color: #ffffff; background-color: #583919; border-color: #583919; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #ffffff; background-color: #583919; border-color: #583919; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.1rem #583919; }
.color-blauw { color: #0199c0; }

.overlay { height: 100%; width: 0; position: fixed; z-index: 100; left: 0; top: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-x: hidden; transition: 0.5s; }
.overlay-menu-content { position: relative; width: 100%; text-align: left; margin-top: 100px; padding-left: 25px;}
.overlay-menu-content ul { list-style-image: none !important; }
.overlay a { padding: 2px; text-decoration: none; font-size: 18px; color: #FFFFFF; transition: 0.3s; }
.overlay a:hover, .overlay a:focus { color: #cecece; }
.overlay .closebtn { position: absolute; top: 0px; right: 30px; font-size: 45px; color: #ffffff; }

.header_logo      { position: absolute; top: 0; left: 0; z-index: 99; }

.header_top			{ background-color: #0199c0; height: auto; }
A.header_top_link, A.header_top_link:link, A.header_top_link:active, A.header_top_link:visited { color: #ffffff; text-decoration: none; font-style: normal; font-weight: normal; }

.header			{ background-color: #ffffff; height: auto; }
.menu-area		{ clear: both; margin: 0 auto; height: auto; }
.dropdown-menu	{ padding:0; margin:0px; border:0; border:0 solid rgba(0,0,0,.15); border-radius:0; -webkit-box-shadow:none!important; box-shadow:none!important; }
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link	{ color: #000000; font-size: 18px;  padding: 0px 15px 0px 15px; line-height: 50px; font-family:'Manrope', sans-serif; display: block !important; }
.mainmenu a:hover { color: #0199c0 !important; }
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu .active a:active,.mainmenu li a:hover,.mainmenu li a:focus,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover { text-decoration: none; color: #0199c0; }

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a { color: #000000; }
.mainmenu .collapse ul ul > li > a { color: #ffffff; padding: 5px 10px 5px 10px; font-size: 18px; line-height: 25px; }
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover	{ color: #ffffff; }
.mainmenu .collapse ul ul ul > li:hover > a	{ }

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu	{ background-color: #000000; color: #ffffff; width: 200px; padding: 5px 5px 5px 5px;}
.mainmenu .collapse ul ul.dropdown-menu:after { content:''; position: absolute; left: 30px; top: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #000000 transparent; }

.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu	{  }
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu	{ }
/******************************Drop-down menu work on hover**********************************/
.mainmenu { background: none; border: 0 solid; margin: 0; padding: 0; min-height: 30px; width: 100%; }
.navbar-toggler { padding: 5px 10px 5px 10px; font-size: 1.25rem; line-height: 1; margin-right: 10px; background-color: transparent; border: 1px solid #0199c0 !important; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(4, 153, 191, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important; }

@media only screen and (min-width: 767px) {
	.mainmenu .collapse ul li:hover> ul{display:block}
	.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
	/*******/
	.mainmenu .collapse ul ul li{position:relative}
	.mainmenu .collapse ul ul li:hover> ul{display:block}
	.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
	/*******/
	.mainmenu .collapse ul ul ul li{position:relative}
	.mainmenu .collapse ul ul ul li:hover ul{display:block}
}
@media only screen and (max-width: 767px) {
	.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
	.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}

@media (min-width: 1000px) {
	.navbar-expand-custom { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; }
	.navbar-expand-custom .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
	.navbar-expand-custom .navbar-nav .dropdown-menu { position: absolute; }
	.navbar-expand-custom .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
	.navbar-expand-custom > .container, .navbar-expand-custom > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
	.navbar-expand-custom .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
	.navbar-expand-custom .navbar-toggler { display: none; }
}

.home_donkerblauw { background-color: #0499bf; }
.home_blauw       { background-color: #0ba9d1; }

.width_90 { width: 90%; margin: 0 auto; }

.footer 		   { padding-top: 50px; padding-bottom: 50px; }
.footer1 		{ background-color: #014253;}
.footer1_blauw	{ background-color: #0499bf;}
.footer_inner 	{ width: 90%; margin: 0 auto; }
.footer h2     { color: #261a0f; FONT-SIZE: calc(1.2em + 1.2vw); }
A.footer_contact, A.footer_contact:link, A.footer_contact:active, A.footer_contact:visited, .footer_contact { color: #261a0f; text-decoration: none; font-style: normal; font-weight: normal; font-size: 16px; }
A.footer1_contact, A.footer1_contact:link, A.footer1_contact:active, A.footer1_contact:visited, .footer1_contact { color: #ffffff; text-decoration: none; font-style: normal; font-weight: normal; font-size: 16px; }

.clearfix { clear: both; }