/*
Theme Name: Myerle Theme
Version: 1.0
Author: Fanatiek media
Author URI: https://fanatiekmedia.nl/
*/

/***************************
          COLORS
***************************/

:root {
	--white: #fff;
	--xlightorange: #FFF0E5;
	--lightorange: #f6e0d0;
	--orange: #D27B09;
	--orange-dark: #bc6b00;
	--xlightgreen: #def4ea;
	--darkgreen: #00512E;
	--darkgreen-dark: #00361f;
}


/***************************
          FONTS
***************************/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

/***************************
          GENERAL
***************************/

body {
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	background-color: var(--white);
	color: var(--darkgreen);
	font-size: 17px;
	position: relative;
}

body.show-nav {
	overflow: hidden;
	height: 100%;
}

.page-wrapper {
	width: 100%;
	max-width: 2200px;
	margin: 0 auto;
}

html {
	font-size: 100%;
	width: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--orange);
	text-decoration: underline;
}

a:hover {
	color: var(--orange);
	text-decoration: none;
}

p {
	margin: 0 0 15px;
	line-height: 150%;
}

ul,ol {
	margin: 0 0 15px;
	line-height: 150%;	
}

ul ul {
	margin: 0;
}

table {
	line-height: 150%;
	border-spacing: 0px;
	margin: 0 0 15px;
}

table td {
	padding: 5px 5px 5px 0px;
	
}

blockquote {
    text-align: center;
    font-size: 1.2em;
    color: var(--orange);
	margin: 0 0 30px;
}

hr {
	border: 0px;
	width: 100%;
	height: 1px;
	background-color: #EBEBEB;
	margin: 30px 0;
}

input, textarea {
    padding: 10px 15px;	
    width: 100%;
	font-family: inherit;
	border: 1px solid #fff;
	background-color: #fff;
	color: #7C9FA2;
	line-height: 120%;
	border-radius: 5px;
	font-size: 16px;
	outline: none;
	margin: 0 0 10px;
	box-shadow: none;
}

input:focus,
textarea:focus {
	border: 1px solid #72A0A3;
}

select {
	border: 1px solid #e9e9e9;
	background-color: #fff;	
	line-height: 120%;
	border-radius: 5px;
    padding: 5px 10px;	
	line-height: 120%;
}

[type="checkbox"], [type="radio"] {
	width: auto;
}

.inline-btn {
	margin-top: 25px;
}

.btn,
.button,
.inline-btn a,
.menu-btn a {
	background-color: var(--orange);
	color: #fff;
	display: inline-block;
	padding: 12px 30px;
	border-radius: 50px;
	position: relative;
	border: 0px solid;
	cursor: pointer;
	line-height: 120%;
	margin: 0 0 0 5px;
	transition: all 0.3s ease;
	text-decoration: none;
	width: auto;
	font-weight: 400;
}

.btn:hover,
.btn:focus,
.button:hover,
.button:focus,
.inline-btn a:hover,
.inline-btn a:focus,
.menu-btn a:hover,
.menu-btn a:focus {
	background-color: var(--orange-dark);
	color: #fff;
	border: 0px;
}

.btn.alt {
	background-color: var(--darkgreen);
}

.btn.alt:hover,
.btn.alt:focus {
	background-color: var(--darkgreen-dark);	
}

.container {
	max-width: 1240px;
	margin: 0 auto;
    padding: 0 15px;
}

.container.medium {
	max-width: 1040px;
}

.container.small {
	max-width: 940px;
}

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

	body {
		font-size: 18px;
	}
	
	.container {
		padding: 0 30px;
	}
	
	
	.alignleft {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.alignright {
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
	}

}

@media only screen and (min-width:1100px) {
	
	body.show-nav {
		overflow: auto;
	}
	
}


/* stop stacking issues */
.clearfix::after {
  content: " ";
  display: table;
}
.clearfix::after {
  clear: both;
}

/* use box-sizing: border-box */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/***************************
          COLUMNS
***************************/

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.row.small-padding {
	margin-left: -8px;
	margin-right: -8px;
}

.column {
	display: block;
	width: 100%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.row.small-padding .column {
	padding-left: 8px;
	padding-right: 8px;
}

.small-1-2 {
	width: 50%;
}

.justify-center {
	justify-content: center;
}

@media only screen and (min-width:768px) {
	
	.row.large-padding {
		margin-left: -25px;
		margin-right: -25px;
	}
	
	.row.large-padding .column {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.row.medium-reverse {
		flex-direction: row-reverse;
	}
	
	.medium-1-5 {
		width: 20%;
	}

	.medium-1-4 {
		width: 25%;
	}
	
	.medium-1-3 {
		width: 33.33334%;
	}
	
	.medium-2-5 {
		width: 40%;
	}
	
	.medium-1-2 {
		width: 50%;
	}
	
	.medium-3-5 {
		width: 60%;
	}
	
	.medium-2-3 {
		width: 66.66666%;
	}
	
	.medium-3-4 {
		width: 75%;
	}
	
	.medium-4-5 {
		width: 80%;
	}

}

@media only screen and (min-width:1024px) { 
	
	.row.l-large-padding {
		margin-left: -30px;
		margin-right: -30px;
	}
	
	.row.l-large-padding .column {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.large-1-6 {
		width: 16.6666666667%;
	}
	
	.large-1-5 {
		width: 20%;
	}
	
	.large-1-4 {
		width: 25%;
	}
	
	.large-3-10 {
		width: 30%;
	}

	.large-1-3 {
		width: 33.33334%;
	}
	
	.large-35 {
		width: 35%;
	}
	
	.large-2-5 {
		width: 40%;
	}
	
	.large-45 {
		width: 45%;
	}
	
	.large-1-2 {
		width: 50%;
	}
	
	.large-3-5 {
		width: 60%;
	}
	
	.large-2-3 {
		width: 66.66666%;
	}
	
	.large-3-4 {
		width: 75%;
	}	
	
	.large-4-5 {
		width: 80%;
	}

}

@media only screen and (min-width:1280px) {
	
	.row.xl-large-padding {
		margin-left: -30px;
		margin-right: -30px;
	}
	
	.row.xl-large-padding .column {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	
}


/***************************
		   HEADINGS
***************************/

h1, h2, h3, h4, h5 {
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: 400;
	line-height: 120%;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 17px;
	text-transform: uppercase;
	color: var(--orange);
}

h4 {
	font-size: 20px;
}

@media only screen and (min-width:768px) {
	
	h1 {
		font-size: 34px;
	}
	
	h2 {
		font-size: 30px;
	}

	h3 {
		font-size: 18px;
	}

}


/***************************
    HEADER & NAVIGATION
***************************/

.header {
	position: relative;
	background: #fff;
	height: 150px;
}

.header-main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	transition: all 0.3s linear;
	z-index: 999;
}

.show-nav .header-main {
	top: 0;
}

.header-main .container {
	padding: 0;
}

.header-logo {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	transition: all 0.3s linear;
	z-index: 99;
	padding: 10px 20px 15px 20px;
	height: 150px;
	background: transparent;
}

.show-nav .header-logo {
	background-color: var(--white);
}

.header-logo a {
	display: inline-block;
	width: 175px;
	max-width: 175px;
	transition: all 0.3s linear;
}

.header-logo a img {
	display: block;
    width: 100%;
}

.show-nav .header-main {
	height: 100vh;
}

.header-nav {
	padding: 0;
	display: block;
	position: static;
}

.header-nav .toggle-nav {
    background-image: url('./assets/images/icon-menu.svg');
    background-size: 30px 21px;
    background-position: center top 20px;
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    position: absolute;
    border: 0px;
    top: 15px;
    right: 5px;
    color: var(--darkgreen);
    font-size: 12px;
    width: 75px;
    height: 75px;
    outline: 0;
    margin: 0;
    padding: 32px 0 0;
    text-align: center;
    z-index: 999;
    transition: all 0.3s linear;
}

.header-nav .toggle-nav:focus {
	outline: none;
}


.show-nav .header-nav .toggle-nav {
	background-image: url('./assets/images/icon-menu-close.svg');
	background-size: 21px 21px;	
	color: var(--darkgreen);
}

.header-nav .site-menu {
	display: flex;
	justify-content: center;
	justify-items: center;
	align-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: transparent;
	margin: 0;
    padding: 90px 15px 170px;
	list-style-type: none;
    transition: all 0.3s linear;
    z-index: 99;    
    text-align: center;
    background: var(--lightorange);
	overflow-y: auto;
	visibility: visible;
	opacity: 1;
	transform: translate(0, -100%);
}

.show-nav .header-nav .site-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

.header-nav .site-menu .menu {
	margin: 0;
	padding: 0;
    list-style-type: none;
}

.header-nav .site-menu .menu li {
	line-height: 100%;
}

.header-nav .site-menu .menu li a {
	color: var(--darkgreen);
	display: block;
	font-weight: normal;
	padding: 9px 0;
	font-weight: 700;
	line-height: 110%;
	font-size: 22px;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	text-align: center;
	font-weight: 400;
	margin: 4px 0;
	transition: all 0.3s linear;
}

.header-nav .site-menu .menu li.menu-btn {
	margin: 30px 0 0;
}

.header-nav .site-menu .menu li.menu-btn a {
	padding: 9px 30px;
	color: var(--white);
}

.header-nav .site-menu .menu .current-menu-item > a,
.header-nav .site-menu .menu .current-page-parent > a,
.header-nav .site-menu .menu li.menu-active > a {
	color: var(--orange);
	text-decoration: none;
}

.header-nav .site-menu .menu li a:hover, 
.header-nav .site-menu .menu li a:focus {
	color: var(--orange);
	text-decoration: none;
}

.header-nav .site-menu .sub-menu {
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
}

.header-nav .site-menu .sub-menu li a {
	font-weight: normal;
	padding: 4px 0;
	font-size: 16px;
}

.scroll .header-main {
	top: 0;
}

.scroll .header-main {
	background-color: var(--white);
}

@media only screen and (min-width:768px) {
	
	.header {
		height: 190px;
	}
	
	.show-nav .header-main {
		top: 0;
	}
	
	.header-logo {
		height: 190px;
		padding: 15px 30px;
	}
	
	.header-logo a {
		width: 200px;
		max-width: 200px;
	}
	
	.header-nav .toggle-nav {
		top: 40px;
		right: 15px;
	}
	
	.header-nav .site-menu {
		padding: 110px 30px 170px;
	}

}

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

	.header {
		height: 260px;
	}
	
	.header .container {
		padding: 0 30px;
		position: relative;
	}
	
	.header-main,
	.show-nav .header-main {
		top: 0;
		height: 260px;
		background: transparent;
	}
	
	.header-main .container {
		height: 260px;
		transition: all 0.3s linear;
	}
	
	.header-main .container:after {
		width: 2000px;
		left: 100%;
	}

	.header-logo {
		-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.16);
   	 	box-shadow: 0 0 0 0 rgba(0,0,0,0.16);
   	 	text-align: left;
   	 	float: left;
   	 	width: auto;
   	 	padding: 35px 0;
   	 	height: 200px;
   	 	background-color: transparent;
   	 	border: 0px;
		position: absolute;
		left: calc(50% - 120px);
	}
	
	.show-nav .header-logo {
		background-color: transparent;
	}
	
	.header-logo a,
	.show-nav .header-logo a {
	    max-width: 240px;
	    width: 240px;
	    margin: 0;
	}
	
	.header-nav {
		width: 100%;
		padding: 0;
		transition: ease 0.3s all;
	}
	
	.header-nav .site-menu,
	.show-nav .header-nav .site-menu { 
	    position: relative;
	    width: 100%;
	    height: auto;
	    max-width: 100%;
	    display: inline-block;
	    top: auto;
	    left: auto;
	    z-index: 1;
	    padding: 100px 20px 85px 0;
	    visibility: visible;
	    opacity: 1;
	    transition: ease 0.3s all;
	    background-color: transparent;
	    right: 0;
	    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.16);
   	 	box-shadow: 0 0 0 0 rgba(0,0,0,0.16);
   	 	text-align: left;
	    filter: none;
	    text-align: center;
	    overflow: visible;
	    transform: none;
	}
	
	.header-nav .site-menu .menu {
		list-style: none;
		margin: 0;
		padding: 0;
	    display: inline-block;
	}
	
	.header-nav .site-menu .menu li {
		display: inline-block;
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
	}
	
	.header-nav .site-menu .menu li:nth-child(4) {
		margin-right: 240px;
	}
	
	.header-nav .site-menu .menu li a {
		display: inline-block;
		font-size: 17px;
		margin: 0 0 0 25px;
		padding: 16px 0;
		position: relative;
		color: var(--darkgreen);
	}
	
	.header-nav .site-menu .menu li:nth-child(1) a {
		margin: 0;
	}
	
	.header-nav .site-menu .menu li a:hover, 
	.header-nav .site-menu .menu li a:focus {
	    color: var(--orange);
	    background-color: transparent;
	}
	
	.header-nav .site-menu .menu .current-menu-item > a, 
	.header-nav .site-menu .menu .current-page-parent > a, 
	.header-nav .site-menu .menu .current-menu-parent > a {
	    color: var(--orange);
	    background-color: transparent;
	}
	
	.header-nav .site-menu .menu li.menu-btn {
		margin: 3px 0 0;
	}
	
	.header-nav .site-menu .menu li.menu-btn a {
		padding: 12px 20px;
		color: var(--white);
	}
	
	.header-nav .site-menu .menu li.menu-btn a:focus,
	.header-nav .site-menu .menu li.menu-btn a:hover {
		color: var(--white);
		background-color: var(--orange-dark);
	}
	
	.header-nav .site-menu .sub-menu {
	    display: none;
	    position: absolute;
	    background: var(--darkgreen);
	    -webkit-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	    left: calc(50% + 17px);
		transform: translate(-50%,0%);
	    z-index: 999;
	    padding: 20px 15px;
	    width: 220px;
	    margin: 0px;
		text-align: center;
		border-radius: 20px;
	}
	
	.header-nav .site-menu .menu li:nth-child(1) .sub-menu {
		left: -15px;
	}
	
	.header-nav .site-menu ul li:hover .sub-menu li {
		display: block;
		padding: 0;
	}
	
	.header-nav .site-menu ul li .sub-menu li {
		display: block;
	    margin: 0;
	    width: 100%;
	}
	
	.header-nav .site-menu ul li .sub-menu li:before {
		display: none;
	}
	
	.header-nav .site-menu ul li .sub-menu li a {
		font-size: 16px;
		width: 100%;
		padding: 5px 10px;
		color: var(--xlightgreen);
		display: block;
		text-decoration: none;
		margin: 0;
		text-align: center;
		background-color: transparent;
		line-height: 125%;
		text-transform: none;
	}
	
	.header-nav .site-menu ul li .sub-menu li a:before,
	.header-nav .site-menu ul li .sub-menu li a:after {
		display: none;
	}
	
	.header-nav .site-menu ul li .sub-menu li:hover a {
	    color: var(--white);
	}
	
	.header-nav .site-menu .menu .sub-menu .current-menu-item > a, 
	.header-nav .site-menu .menu .sub-menu .current-page-parent > a, 
	.header-nav .site-menu .menu .sub-menu .current-menu-parent > a {
		color: var(--white);
	}
	
	.header-nav .site-menu ul li .sub-menu li:after {
		display: none;
	}
	
	
	.header-nav .site-menu ul li:hover .sub-menu {
		display: block;
	}
	
	.header-nav .toggle-nav {
		display: none;
	}
	
	.scroll .header-top {
		top: -46px;
	}

	.admin-bar .scroll .header-top {
		top: -16px;
	}
	
	.scroll .header-main {
		top: 0;
		height: 80px;
	}
	
	.scroll .header-main .container {
		height: 80px;
	}
	
	.scroll .header-main .container:before,
	.scroll .header-main .container:after {
		height: 0px;
	}

	.admin-bar .scroll .header-main {
		top: 32px;
	}
	
	.scroll .header-logo,
	.show-nav .scroll .header-logo {
		padding: 18px 0;
	}
	
	.scroll .header-logo a {
	    max-width: 200px;
	    width: 200px;
	}
	
	.scroll .header-nav .site-menu {
		padding: 15px 0;
	}

}

@media only screen and (min-width:1280px) { 
	
	.header-nav .site-menu, 
	.show-nav .header-nav .site-menu {
		padding: 100px 0 85px 0;
	}
	
	.header-nav .site-menu .menu li:nth-child(4) {
		margin-right: 270px;
	}
	
	.header-nav .site-menu .menu li a {
		margin: 0 0 0 35px;
	}
	
	.header-nav .site-menu .menu li.menu-btn a {
		padding: 12px 30px;
	}

}


/***************************
       PAGE CONTENT
***************************/

.main {
	min-height: calc(100vh - 700px);
}

.page-inner {
	border-radius: 400px 400px 0 0;	
	background-color: var(--xlightorange);
	min-height: 800px;
	padding: 0 0 20px;
}

.page-top {
	padding: 70px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}

.page-top .inner {
	position: relative;
	z-index: 2;
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
}

@media only screen and (min-width:768px) {
	
	.page-inner {
		border-radius: 500px 500px 0 0;
	}
	
	.page-top {
		padding: 90px 0 0;
		min-height: 400px;
	}
	
	.page-top .inner {
		max-width: 600px;
	}
	
}

@media only screen and (min-width:1024px) {
	
	.page-inner {
		border-radius: 650px 650px 0 0;
		min-height: 1300px;
		padding: 0 0 50px;
	}	
	
	.page-top {
		min-height: 300px;
	}
	
}

@media only screen and (min-width:1280px) {
	
	.page-inner {
		border-radius: 800px 800px 0 0;
		min-height: 800px;
		padding: 0 0 80px;
	}	
	
	.page-top {
		padding: 150px 0 0;
	}
	
	.page-top .inner {
		max-width: 800px;
	}
	
}


@media only screen and (min-width:1600px) {
	
	.page-inner {
		border-radius: 1000px 1000px 0 0;
		min-height: 1000px;
	}	
	
}


@media only screen and (min-width:2400px) {
	
	.page-inner {
		border-radius: 1200px 1200px 0 0;
		min-height: 1200px;
	}	
	
}



/***************************
       BLOCKS
***************************/

.block-item {
	padding: 35px 0 20px;
	text-align: center;
}

.block-item ul {
	list-style-type: none;
}

.block-item ul li:before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--orange);
	display: inline-block;
	margin: 0 7px 3px 0;
}

.home-top + .block-item {
	padding-top: 0;
}

.block-item .intro {
	font-size: 1.1em;
	margin: 0 0 30px;
}

.block-item.text-center {
	text-align: center;
}

.bg-white {
	background-color: #fff;
}

.bg-standard + .bg-standard {
	padding-top: 0;
}

.bg-white + .bg-white {
	padding-top: 0;
}

.block-image-text .image {
	margin: 0 auto 50px;
	width: 100%;
	max-width: 200px;
	position: relative;
}

.block-image-text .image .symbol {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70px;
	height: 70px;
	background-image: url('./assets/images/symbol.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;		
}

.block-image-text .image img {
	width: 100%;
	display: block;
	border-radius: 50%;
}

.block-image-text .image.not-round img {
	border-radius: 0;
}

.block-image-text .image.not-round {
	max-width: 350px;
}

.block-image-text .image.no-bird:before {
	display: none;
}

.block-image-text .image:before {
	content: '';
	width: 120px;
	height: 164px;
	background-image: url('./assets/images/bird.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;	
	position: absolute;
	bottom: -50px;
	left: -20px;
}

.block-image-text .image.no-bird:before {
	display: none;
}



.block-image-text .column {
	align-self: center;
}

.block-frame .frame {
	background-color: var(--lightorange);
	padding: 30px 30px 15px;
	border-radius: 50px 20px 50px 20px;
	margin: 0 0 30px;
}

.block-linkblocks .row {
	margin-top: 50px;
}

.block-linkblocks .column {
	padding-bottom: 30px;
}

.block-linkblocks .item {
	text-decoration: none;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 320px;
	color: #7C9FA2;
}

.block-linkblocks .item .image {
	width: 100%;
	display: block;
	margin: 0 0 30px;
	position: relative;
}

.block-linkblocks .item .image img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 2;
	transition: all 0.3s ease;
}

.block-linkblocks .item h3 {
	color: var(--darkgreen);
	font-size: 22px;
	text-transform: none;
	margin: 0 0 5px;
}

.block-linkblocks .item:hover .image img {
	transform: scale(1.1);
}

.block-frame-blocks .column {
	padding-bottom: 30px;
}

.block-frame-blocks .item {
    background-color: var(--lightorange);
    padding: 20px 20px 5px;
	height: 100%;
    border-radius: 40px 20px 40px 20px;
}

.block-reviews .reviews .item {
	text-align: center;
	margin: 0 0 30px;
	position: relative;
}

.block-reviews .reviews .item:before {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	background-image: url('./assets/images/quote.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	top: -10px;
	left: -10px;
	z-index: 1;
	font-size: 50px;
	color: var(--orange);
	transform: rotate(-10deg);
}

.block-reviews .reviews .item:nth-child(even):before {
	left: auto;
	right: -10px;
	transform: rotate(10deg);
}

.block-reviews .reviews .item p,
.block-reviews .reviews .item h3 {
	position: relative;
	z-index: 2;
}

.block-steps-slider h2 {
	margin: 0 0 30px;
}

.block-steps-slider .item img {
	width: 100%;
	display: block;
	border: 5px solid var(--white);
}

.block-steps-slider .steps-swiper {
	padding: 0 50px;
}

.block-steps-slider .swiper-button-next, 
.block-steps-slider .swiper-button-prev {
	color: var(--orange);
}

.block-quote {
	padding: 5px 0;
}

.block-quote .quote {
	text-align: center;
    font-size: 1.2em;
    color: var(--orange);
    margin: 0 0 30px;
	position: relative;
}

.block-quote .quote:before,
.block-quote .quote:after {
	content: '';
	width: 97px;
	height: 48px;
	display: block;
	position: absolute;
	background-image: url('./assets/images/sterren.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	top: -70px;
	left: 0;
}

.block-quote .quote:after {
	top: auto;
	bottom: -50px;
	left: auto;
	right: 0;
}

.block-quote .quote.size-standard {
	font-size: 1em;
}

.block-quote .quote.size-extra-large {
	font-size: 2em;
}

.block-item .maps-outer {
	width: 100%;
	max-width: 500px;
	height: 300px;
	border: 0px;
	margin: 150px auto 30px;
	position: relative;
}

.block-item .maps-outer .maps {
	width: 100%;
	height: 100%;
	border: 0px;
	border-radius: 20px;
	overflow: hidden;
}

.block-agenda .agenda {
	position: relative;
}

.block-agenda .agenda:before,
.block-agenda .agenda:after {
	content: '';
	width: 97px;
	height: 48px;
	display: block;
	position: absolute;
	background-image: url('./assets/images/sterren.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	top: -70px;
	left: 0;
}

.block-agenda .agenda:after {
	top: auto;
	bottom: -50px;
	left: auto;
	right: 0;
}


.block-agenda .agenda li a {
	display: inline-block;
	margin: 0 0 0 10px;
}

@media only screen and (min-width:768px) {
	
	.block-item {
		padding: 55px 0 40px;
	}
	
	.block-image-text .image {
		max-width: 250px;
	}
	
	.block-image-text .image:before {
		width: 154px;
		height: 210px;		
	}
	
	.block-image-text.image-right .row {
		flex-direction: row-reverse;
	}
	
	.block-frame .frame {
		padding: 50px 50px 35px;
		border-radius: 60px 30px 60px 30px;
	}
	
	.block-frame-blocks .item {
		padding: 30px 30px 15px;
	}
	
	.block-reviews .reviews .item {
		margin: 0 0 70px;
	}
	
	.block-reviews .reviews .item:before {
		width: 70px;
		height: 70px;
	}

	.block-quote {
		padding: 0;
	}
	
	.block-item .maps-outer {
		height: 400px;
		min-height: 100%;
		margin: 0 auto;
	}
	
	.block-item .maps-outer:before {
		width: 154px;
		height: 210px;	
		top: -180px;
	}
	
}

@media only screen and (min-width:1024px) {
	
	.block-item {
		padding: 75px 0 60px;
	}
	
	.block-image-text .image {
		max-width: 300px;
	}
	
	.block-image-text .image .symbol {
		width: 100px;
		height: 100px;
	}
	
	.block-frame .frame {
		padding: 70px 70px 55px;
		border-radius: 100px 50px 100px 50px;
	}
	
	.block-quote {
		padding: 0;
	}
	
	.block-item .maps-outer {
		height: 500px;
	}
	
		
}

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



}

/***************************
       HOME
***************************/

.home-top {
	position: relative;
	padding: 70px 0 35px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	text-align: center;
	height: auto;
}

.home-top .inner {
	position: relative;
	z-index: 3;
	width: 100%;
}

.home-top .content {
	width: 100%;
	max-width: 340px;
	margin: 0 auto;
}

.home-top .inner h1 {
	margin: 0 0 25px;
}

.home-top .inner h3 {
	margin: 0 0 25px;
}

@media only screen and (min-width:768px) {
	
	.home-top {
		padding: 70px 0 35px;
	}
	
	.home-top .content {
		max-width: 600px;
	}
	
	
}

@media only screen and (min-width:1024px) {
	
	.home-top {
		padding: 70px 0 35px;
	}
	
}

@media only screen and (min-width:1280px) {
	
	.home-top {
		padding: 150px 0 80px;
	}
	
	
}

/***************************
		   QDNA
***************************/

 .qdna-widget {
	 margin: 0 auto;
	 display: block;
 }

/***************************
		   FORMS
***************************/

.gform_wrapper:before,
.gform_wrapper:after {
	content: '';
	width: 97px;
	height: 48px;
	display: block;
	position: absolute;
	background-image: url('./assets/images/sterren.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	top: -70px;
	left: 0;
}

.gform_wrapper:after {
	top: auto;
	bottom: -50px;
	left: auto;
	right: 0;
}

.gform_wrapper {
	margin: 0 0 15px 0;
	position: relative;
	text-align: left;
}

.gform_title {
	margin: 20px 0 0;
	font-size: 22px;
}

.gform_fields {
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0;
}

.gfield {
	margin: 0 0 10px 0;
	display: block;
	width: 100%;
	padding: 0px;
	border: 0px;
}

.gfield.small-textarea textarea {
	height: 100px;
}

.gfield_label {
    font-weight: bold;
    padding: 0 0 7px;
    display: block;
    line-height: 120%;
}

.gfield_checkbox, 
.gfield_radio {
	margin: 0;
	list-style-type: none;
	padding: 0;
	position: relative;
	padding: 0;
}

.gfield_checkbox .gchoice,
.gfield_radio .gchoice,
.ginput_container_consent{
	line-height: 120%;
	position: relative;
	padding: 0px 0 10px 25px;
}

.ginput_container_consent [type="checkbox"],
.gfield_checkbox [type="checkbox"],
.gfield_radio [type="radio"] {
	position: absolute;
	top: 0px;
	left: 0;
}

.gform_body .gfield:before, .gform_body .gfield_checkbox li:before {
	display: none;
}

.gfield_description {
	color: #646a6f;
	font-size: 15px;
	margin: 0 0 10px;
}

.gform_required_legend {
	display: none;
}

.validation_error,
.validation_message {
	font-size: 14px;
	font-weight: bold;
	color: #CB2323;
	padding: 0;
	margin: 0 0 10px;
    display: block;
    width: 100%;
}

.gform_validation_errors h2.gform_submission_error {
	font-size: 16px;
	color: #CB2323;
}

.gform_confirmation_message {
    background: #00be4b;
    color: #fff;
    padding: 10px;
    margin: 0.5em 0 25px;
}

.gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
    display: none!important;
    position: absolute!important;
    left: -9000px;
}

.gfield:after {
	content: " ";
	display: table;
	clear: both;	
}

.gfield_price input {
	width: 100px;
}

.gsection_title {
	font-size: 18px;
	margin: 20px 0 0;
}

.gform_wrapper .gfield_visibility_hidden,
.gform_wrapper .gf_invisible {
    visibility: hidden;
    position: absolute;
    left: -9999px;
}

.gf_readonly input {
	border: 0px;
	font-size: 17px;
	padding: 0;
	cursor: default;
}

.screen-reader-text {
	display: none;
}

.labels_left .gfield {
	display: flex;
	flex-wrap: wrap;	
}

.labels_left .gfield_label {
	float: left;
	width: 140px;
	flex: 1 0 140px;
	max-width: 140px;
	padding: 5px 10px 5px 0;
}

.labels_left .gfield_checkbox {
	padding: 5px 0;
}

.labels_left .ginput_container {
 	flex: 1 0 240px;
}

@media only screen and (min-width:768px) {
	
	.form-block {
		padding: 30px;
	}

	.labels_left .gfield_label {
		float: left;
		width: 200px;
		flex: 1 0 200px;
		max-width: 200px;
		padding: 5px 10px 5px 0;
	}
	
	.labels_left .ginput_container {
	 	flex: 1 0 300px;
	}

}

@media only screen and (min-width:1024px) {
	
	.form-block {
		padding: 40px;
	}

}

/***************************
      Video Container
***************************/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0 0 25px 0;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***************************
          FOOTER
***************************/

.footer {
	background-color: var(--darkgreen);
	color: var(--white);
	text-align: center;
}

.footer-main {
	padding: 40px 0 25px;
}

.footer-main a {
	color: var(--white);
	text-decoration: none;
}

.footer-main a:hover {
	color: var(--white);
	text-decoration: underline;
}

.footer-main .logo {
	width: 100%;
	max-width: 250px;
	display: inline-block;
	margin: 0 0 40px;
}

.footer-main .logo img {
	width: 100%;
	display: block;
}

.footer-main .social {
	display: flex;
	justify-content: center;
}

.footer-main .social a {
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50% 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px;
	transition: all 0.3s ease;
}

.footer-main .social a svg {
	width: 22px;
	height: 22px;
	fill: var(--darkgreen);
}

.footer-main .social a:hover {
	transform: scale(1.1);
}

.footer-bottom {
	font-size: 14px;
	padding: 0 0 25px;
	color: var(--xlightgreen);
}

.footer-bottom span {
	display: block;
	line-height: 150%;
}

.footer-bottom a {
	color: var(--xlightgreen);
	text-decoration: none;
}

.footer-bottom a:hover {
	text-decoration: none;
	color: var(--white);
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; transform: scale(0,0); } to { opacity:1; transform: scale(1,1); } }
@-moz-keyframes fadeIn { from { opacity:0; transform: scale(0,0); } to { opacity:1; transform: scale(1,1); } }
@keyframes fadeIn { from { opacity:0; transform: scale(0,0); } to { opacity:1; transform: scale(1,1); } }

.footer-whatsapp {
	opacity: 0;
	transform: scale(0,0);
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.footer-whatsapp,
.footer-whatsapp:focus {
	position: fixed;
	z-index: 999;
	bottom: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	background-image: url('./assets/images/whatsapp.svg');
	background-size: 100%;
    -webkit-box-shadow: 0 0px 7px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
    border-radius: 100%;	
}

.footer-whatsapp span,
.footer-whatsapp:focus span {
	position: absolute;
	bottom: 50%;
	right: 70px;
	transform: translate(0,50%) scale(0,0);
	font-size: 12px;
	transition: all 0.3s ease;
	background: #fff;
	color: #72A0A3;
	width: 90px;
	padding: 4px 5px;
	text-align: center;
	border-radius: 4px;
	line-height: 100%;
	display: block;
	opacity: 0;
}

.footer-whatsapp span:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;	
}

.footer-whatsapp:hover {
    -webkit-box-shadow: 0 0px 7px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
}

.footer-whatsapp:hover span {
	display: block;
	transform: translate(0,50%) scale(1,1);
	opacity: 1;
}

@media only screen and (min-width:768px) {
	
	.footer-main {
		padding: 60px 0 60px;
		position: relative;
	}
	
	/* .footer-main:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		width: 175px;
		height: 150px;
		background-image: url('./assets/images/flower-white.svg');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
		transform: translate(0,-50%);
	} */
	
	.footer-bottom {
		padding: 0 0 60px;
	}
	
	.footer-bottom span {
		display: inline-block;
	}
	
	.footer-bottom span:before {
		content: '|';
		display: inline-block;
		margin: 0 10px 0 5px;
	}
	
	.footer-bottom span:first-child:before {
		display: none;
	}
	
}

@media only screen and (min-width:1024px) {
	
	.footer-main:before {
		width: 270px;
		height: 232px;		
	}
	
	.footer-bottom {
		padding: 0 0 80px;
	}
	
	.footer-bottom span:before {
		margin: 0 15px 0 10px;
	}
	
	.footer-whatsapp span {
		font-size: 14px;
		padding: 7px;
		width: 110px;
	}
	
}