/*
 * Copyright (c) 2020 =ontworpen
 * All rights reserved.
 * 
 * Address:
 * Margaret Mitchellstraat 132
 * 3207 MT Spijkenisse
 * The Netherlands
 * 
 * Phone: +31 (0)10 818 59 61
 * Email: post@isontworpen.nl
 * Website: https://www.isontworpen.nl
 */

/*
 * #050FF7; /* BLUE DARK *
 * #27B3DA; /* BLUE LIGHT *
 *
 * #104B2C; /* GREEN DARK *
 * #94C11F; /* GREEN LIGHT *
 *
 * #000; /* BLACK *
 * #83848C; /* GREY *
 * #C0C1C8; /* GREY LIGHT *
 * #E1E3EC; /* GREY LIGHTER *
 * #FFF; /* WHITE *
 */

/*
 * 100	
 *  90	
 *  80	NAV
 *  70	MAIN
 *  60	
 *  50	
 *  40	FOOTER
 *  30	
 *  20	
 *  10	LOGO
 */

/*
v BASICS, ID'S & CLASSES
	v LINK STATES
		v COMBINED CSS; DIVIDED
 */

/*--------------------------------------------------
 * FONT-FACE
 */

@font-face {
	font-family: "Neue Haas Grotesk Regular";
	src: url('/fnt/neue_haas_grotesk_regular.eot');
	src: url('/fnt/neue_haas_grotesk_regular.eot?#iefix') format('embedded-opentype'),
		 url('/fnt/neue_haas_grotesk_regular.woff2') format('woff2'),
		 url('/fnt/neue_haas_grotesk_regular.woff') format('woff'),
		 url('/fnt/neue_haas_grotesk_regular.ttf') format('truetype'),
		 url('/fnt/neue_haas_grotesk_regular.svg#neuehaasgroteskregular') format('svg');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "Neue Haas Grotesk Medium";
	src: url('/fnt/neue_haas_grotesk_medium.eot');
	src: url('/fnt/neue_haas_grotesk_medium.eot?#iefix') format('embedded-opentype'),
		 url('/fnt/neue_haas_grotesk_medium.woff2') format('woff2'),
		 url('/fnt/neue_haas_grotesk_medium.woff') format('woff'),
		 url('/fnt/neue_haas_grotesk_medium.ttf') format('truetype'),
		 url('/fnt/neue_haas_grotesk_medium.svg#neuehaasgroteskmedium') format('svg');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "Neue Haas Grotesk Bold";
	src: url('/fnt/neue_haas_grotesk_bold.eot');
	src: url('/fnt/neue_haas_grotesk_bold.eot?#iefix') format('embedded-opentype'),
		 url('/fnt/neue_haas_grotesk_bold.woff2') format('woff2'),
		 url('/fnt/neue_haas_grotesk_bold.woff') format('woff'),
		 url('/fnt/neue_haas_grotesk_bold.ttf') format('truetype'),
		 url('/fnt/neue_haas_grotesk_bold.svg#neuehaasgroteskbold') format('svg');
	font-style: normal;
	font-weight: normal;
}

/*--------------------------------------------------
 * SELECTION
 */

::-webkit-selection {
	background: #050FF7; /* BLUE DARK */
	color: #FFF;
}

::-moz-selection {
	background: #050FF7; /* BLUE DARK */
	color: #FFF;
}

::selection {
	background: #050FF7; /* BLUE DARK */
	color: #FFF;
}

/*--------------------------------------------------
 * GENERAL
 */

body {
	margin: 0;
	font-family: "Neue Haas Grotesk Regular", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5;
	color: #000;
	
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
}

/*---*/

a {
	color: #83848C; /* GREY */
	border-bottom: 1px solid #C0C1C8; /* GREY LIGHT */
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

a:hover {
	color: #C0C1C8; /* GREY LIGHT */
	border-bottom: 1px solid #C0C1C8; /* GREY LIGHT */
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

/*---*/

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 25px 0;
	padding: 0;
	font-family: "Neue Haas Grotesk Medium", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #050FF7; /* BLUE DARK */
}

		h1 {
			font-size: 300%; /* 60PX */
			line-height: 1.0;
		}

		h2, h3, h4, h5, h6 {
			font-size: 200%; /* 40PX */
			line-height: 1.0;
		}

/*---*/

p {
	margin: 0 0 25px 0;
	padding: 0;
}

img {
	max-width: 100%;
	border: 0;
}

iframe {
	border: 0;
}

ul, ol {
	margin: 0;
	padding: 0 0 25px 25px;
}

ul li, ol li {
	margin: 0;
	padding: 0 0 0 25px;
}

/*--------------------------------------------------
 * STYLES
 */

.bold {
	font-family: "Neue Haas Grotesk Bold", sans-serif;
	/*font-weight: bold;*/
}

.regular {
	font-weight: normal;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.strike_through {
	text-decoration: line-through;
}

/*---*/

.blue_dark {
	color: #050FF7;
}

.blue_light {
	color: #27B3DA;
}

.green_dark {
	color: #104B2C;
}

.green_light {
	color: #94C11F;
}

.black {
	color: #000;
}

.grey {
	color: #83848C;
}

.grey_light {
	color: #C0C1C8;
}

.grey_lighter {
	color: #E1E3EC;
}

.white {
	color: #FFF;
}

/*---*/

.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

.relative {
	position: relative;
}

.break_word {
	word-wrap: break-word;
}

.no_wrap {
	white-space: nowrap;
}

.display_none {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.text_left {
	text-align: left;
}

.text_center {
	text-align: center;
}

.text_right {
	text-align: right;
}

.percent_50 {
	width: 50%;
}

.no_margin {
	margin: 0 !important;
}

.no_margin_bottom {
	margin-bottom: 0 !important;
}

.no_padding_bottom {
	padding-bottom: 0 !important;
}

.margin_bottom_25 {
	margin-bottom: 25px !important;
}

/*--------------------------------------------------
 * CONTAINERS
 */

.container_centered {
	position: relative;
}

/*--------------------------------------------------
 * HEADER
 */

header {
	height: 200px;
	background: #FFF;
	border-bottom: 1px solid #E1E3EC; /* GREY LIGHTER */
}

/*--------------------------------------------------
 * LOGO
 */

#logo {
	width: 250px;
	height: 150px;
	margin-left: -125px;
	position: absolute;
	top: 25px;
	left: 50%;
	z-index: 10;
}

/*---*/

.logo_link {
	width: 150px;
	height: 75px;

}

	a.logo_link {
		border-bottom: 0;
	}
	
	a.logo_link:hover {
		border-bottom: 0;
		
		-moz-opacity: 0.75;
		-khtml-opacity: 0.75;
		opacity: 0.75;
		filter: alpha(opacity=75);
	}

/*--------------------------------------------------
 * NAV
 */

nav {
	position: relative;
}

/*---*/

#nav_img {
}

/*---*/

#nav_list {
}

/*---*/

#nav_list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	

}

#nav_list ul li {
	padding: 0;
}

	#nav_list ul li a, #nav_list ul li a:hover {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

/*---*/

	#nav_list ul li:nth-child(1) a, #nav_list ul li:nth-child(2) a {
		color: #000;
	}

	#nav_list ul li:nth-child(1) a:hover, #nav_list ul li:nth-child(2) a:hover {
		color: #83848C; /* GREY */
	}

	#nav_list ul li:nth-child(3) a, #nav_list ul li:nth-child(4) a {
		color: #83848C; /* GREY */
	}

	#nav_list ul li:nth-child(3) a:hover, #nav_list ul li:nth-child(4) a:hover {
		color: #C0C1C8; /* GREY LIGHT */
	}

	#nav_list ul li:nth-child(5) a, #nav_list ul li:nth-child(6) a {
		color: #C0C1C8; /* GREY LIGHT */
	}

	#nav_list ul li:nth-child(5) a:hover, #nav_list ul li:nth-child(6) a:hover {
		color: #E1E3EC; /* GREY LIGHTER */
	}

/*--------------------------------------------------
 * MAIN
 */

main {
	position: relative;
}

/*---*/

#main_bg {
	width: 100%;
	min-height: 800px;
	max-height: 800px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 70;
	background-color: #27B3DA;
	background-image: linear-gradient(175deg, #94C11F 0%, #27B3DA 30%, #FFFFFF 60%);
}

/*---*/

#main_content {
	min-height: 400px;
	position: relative;
	z-index: 71;
}

/*---*/

.main_1_column {
}

.main_1_column_col {
	margin: 0 auto;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/*---*/

.main_2_columns {
	margin: 25px 0;
}

.main_2_columns_col {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.main_2_columns div:nth-child(1), .main_2_columns div:nth-child(2) {
}

		.main_2_columns div:nth-child(1) {
			background: #27B3DA; /* BLUE LIGHT */
		}

		.main_2_columns div:nth-child(2) {
			background: #94C11F; /* GREEN LIGHT */
			background-image: url('/img/watermarks/eye_green_dark_15percent_800x694.png');
			background-repeat: no-repeat;
			background-position: bottom right;
			background-size: 400px 347px;
		}

/*---*/

.main_intro {
	background-color: #FFF;
	background-image: linear-gradient(180deg, #E1E3EC 0%, #FFFFFF 50%);
	border-radius: 10px;
}

.main_img_full {
	margin-bottom: 25px;
	border-radius: 10px;
}

.main_img_half {
	width: 50%;
	margin-right: 50px;
	margin-bottom: 25px;
	float: left;
	border-radius: 10px;
}

.main_img_quarter {
	width: 25%;
	margin-right: 50px;
	margin-bottom: 25px;
	float: left;
	border-radius: 10px;
}

.main_img_right {
	margin-left: 50px !important;
	float: right !important;
}

.main_img_no_radius {
	border-radius: 0 !important;
}

.main_icon_25 {
	height: 25px;
	width: 25px;
	margin-right: 25px;
	vertical-align: text-bottom;
}

.main_icon_30 {
	height: 30px;
	width: 30px;
	margin-right: 25px;
	vertical-align: text-bottom;
}

.main_icon_in_de_praktijk {
	margin-right: 10px !important;
	margin-left: 10px;
}

.main_icon_contact {
	margin-right: 10px !important;
	margin-left: 0 !important;
}

/*--------------------------------------------------
 * FOOTER
 */

footer {
	padding: 100px 0;
	background-color: #E1E3EC; /* GREY LIGHTER */
	background-image: linear-gradient(95deg, #E1E3EC 0%, #C0C1C8 100%);
}

/*---*/

#footer_content {
	padding: 0 50px;
	position: relative;
}

/*---*/

.footer_2_columns {
	margin-bottom: 50px;
}

	.footer_2_columns a {
		color: #000;
		border-bottom: 0;
	}

	.footer_2_columns a:hover {
		color: #83848C; /* GREY */
		border-bottom: 0;
	}

.footer_2_columns_col {
}

.footer_2_columns div:nth-child(1), .footer_2_columns div:nth-child(2) {
	float: left;
}

		.footer_2_columns div:nth-child(1) {
		}

		.footer_2_columns div:nth-child(2) {
		}

/*---*/

.footer_2_columns ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer_2_columns ul li {
	margin: 0;
	padding: 0;
	display: block;
}

/*---*/

#footer_watermark {
	width: 195px;
	height: 300px;
	position: absolute;
	bottom: -100px;
	z-index: 40;
	
	background-image: url('/img/watermarks/feather_grey_15percent_390x600.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 195px 300px;
}

/*---*/

#footer_legal {
	position: relative;
	z-index: 41;
	font-size: 80%; /* 16PX */
	color: #83848C; /* GREY */
}

	#footer_legal a {
		color: #83848C; /* GREY */
		border-bottom: 0;
	}

	#footer_legal a:hover {
		color: #000;
		border-bottom: 0;
	}

/*---*/

#footer_legal ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer_legal ul li {
	margin: 0 25px 0 0;
	padding: 0;
	display: inline-block;
}

/*---*/

.legal_last {
	margin-right: 0 !important;
}

.legal_copy {
	margin: 0;
}

/*--------------------------------------------------
 * FORM
 */

.form, .form_0 {
}

		.form {
			margin: 0 0 25px 0;
		}

		.form_0 {
			margin: 0;
		}

/*---*/

.form_input_100, .form_textarea_100x100, .form_textarea_100x200, .form_select_100, .form_submit, .form_submit_100 {
	font-family: "Neue Haas Grotesk Regular", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	border-radius: 0;

	-webkit-appearance: none;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

		.form_input_100 {
			width: 100%;
			height: 50px;
			margin: 0 0 10px 0;
			padding: 0 20px;
			color: #000;
			background: #FFF;
			border: 1px solid #C0C1C8; /* GREY LIGHT */
		}

		.form_textarea_100x100, .form_textarea_100x200 {
			margin: 0 0 10px 0;
			padding: 14px 20px 20px 20px;
			color: #000;
			background: #FFF;
			border: 1px solid #C0C1C8; /* GREY LIGHT */
			resize: vertical;
		}

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

				.form_textarea_100x200 {
					width: 100%;
					min-height: 200px;
				}

		.form_select_100 {
			width: 100%;
			height: 50px;
			margin: 0 0 10px 0;
			padding: 0 16px;
			text-indent: 0.01px;
			text-overflow: '';
			color: #000;
			background: #FFF;
			border: 1px solid #C0C1C8; /* GREY LIGHT */
			
			-moz-appearance: none;
		}

		.form_submit, .form_submit_100 {
			height: 50px;
			margin: 0;
			padding: 0 20px;
			color: #FFF;
			background: #94C11F; /* GREEN LIGHT */
			border: 0;
		}

				.form_submit {
				}

				.form_submit_100 {
					width: 100%;
					text-align: center;
				}

/*---*/

.form_readonly {
	background: #F7F7F7;
}

.form_url {
	display: none;
}

/*---*/

.form input:focus, .form textarea:focus {
	background: #FFF;
	border: 1px solid #000;
}

.form_readonly:focus {
	background: #F7F7F7 !important;
	border: 1px solid #000;
}

.form input.form_submit:focus {
	background: #94C11F; /* GREEN LIGHT */
	border: 0;
}

/*---*/

.form_left {
	float: left;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}

.form_right, .form_right_full {
	float: left;
	position: relative;
}

/*---*/

.form_right_left_50, .form_right_right_50 {
	width: -webkit-calc(50% - 5px);
	width: -moz-calc(50% - 5px);
	width: -ms-calc(50% - 5px);
	width: -o-calc(50% - 5px);
	width: calc(50% - 5px);
	float: left;
	position: relative;
}

		.form_right_left_50 {
			margin-right: 5px;
		}

		.form_right_right_50 {
			margin-left: 5px;
		}

.form_left_70, .form_right_30 {
}

		.form_left_70 {
		}

		.form_right_30 {
		}

/*---*/

.form_left_text {
}

	.form_left_text a, .form_left_text a:hover {
		border-bottom: 0;
	}

.form_left_empty {
	min-height: 1px;
}

.form_right_text {
	margin: 14px 0 24px 0;
}

.form_right_input {
}

.form_right_textarea {
}

.form_right_select {
}

.form_right_checkbox {
	margin: 14px 0 24px 0;
}

		.form_right_checkbox input {
			margin: 4px 10px 0 -1px;
			vertical-align: text-top;
		}

.form_right_radio {
	margin: 14px 0 24px 0;
}

		.form_right_radio input {
			margin: 4px 10px 0 0;
			vertical-align: text-top;
		}

/*---*/

.form label.error {
	position: absolute;
	top: 14px;
	right: 20px;
	z-index: 200;
	color: #94C11F; /* GREEN LIGHT */
}

.form_right_checkbox label.error {
	top: 0;
	right: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/*
 * End
 */