/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------
								alle pagina's
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
*										{margin: 0; padding: 0; border: 0; outline: none; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;}

html									{font-size: 16px; width: 100vw; height: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
										 -o-text-size-adjust: 100%;}
body									{overflow-X: hidden; overflow-Y: auto; text-align: center; width: 100vw; height: 100%; line-height: 1.5em; font-family: Barlow, Arial, sans-serif;
										 cursor: default; color: #000000; background-color: #FFFFFF;}
	body.busy *							{cursor: progress !important;}

a										{text-decoration: none; cursor: pointer; color: inherit;}

input, select, textarea					{font-family: inherit; font-size: inherit; font-weight: normal; color: inherit; resize: none;}

h1, h2, h3, h4, h5, h6					{margin: 0; font-size: 1rem; font-weight: normal;}

img										{-webkit-user-drag: none;}

.buttons								{display: block; width: 100vw; padding: 3rem 0 2rem; text-align: center;}
.button									{position: relative; display: inline-block; vertical-align: middle; margin: 0.5rem 1rem; padding: 0.5rem 2rem; background-color: #EB7202;
										 color: #FFFFFF; font-size: 1rem; font-weight: bold; cursor: pointer; -webkit-transition: 0.25s; -o-transition: 0.25s; -moz-transition: 0.25s;
										 transition: 0.25s; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem;
										 -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
	.button:before						{content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);
										 -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
										 width: 100%; height: 100%; border: 1px solid transparent; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
	.button:not(.disabled):hover:before	{width: -webkit-calc(100% - 1rem); width: -moz-calc(100% - 1rem); width: calc(100% - 1rem); height: -webkit-calc(100% - 1rem); height: -moz-calc(100% - 1rem);
										 height: calc(100% - 1rem); border-color: #FFFFFF;}
	.button:active						{background-color: rgb(260, 139, 27);}
	.button.disabled					{background-color: #DDDDDD; cursor: not-allowed; -webkit-filter: blur(1px); filter: blur(1px);}
	.button.hidden						{opacity: 0; cursor: default;}

.top									{position: fixed; left: 0; top: 0; width: 100%; height: 5.75rem; z-index: 1000; background-color: #FFFFFF; -webkit-transition: height 0.5s;
										 -o-transition: height 0.5s; -moz-transition: height 0.5s; transition: height 0.5s;}
	.top .logo							{position: absolute; left: 2rem; top: 0.5rem; max-height: 100%; background-color: #FFFFFF; color: #009534; z-index: 10000; overflow: hidden;
										 -webkit-transition: max-height 0.5s; -o-transition: max-height 0.5s; -moz-transition: max-height 0.5s; transition: max-height 0.5s;}
		.top .logo span:first-of-type	{display: block; margin-bottom: 0.1rem; font-size: 1.1rem;}
		.top .logo img					{float: left; width: 3.5rem; margin-right: 0.4rem;}
		.top .logo span:last-of-type	{display: block; margin-top: 0.4rem; font-size: 1.47rem; line-height: 1.3rem; text-align: left;}
		.top .logo span:last-of-type b	{font-size: 1.2rem; font-weight: 700;}
	.top svg							{position: absolute; display: block; left: 0; top: 100%; width: 100%; color: #FFFFFF;
										 -webkit-filter: drop-shadow(0 10px 5px rgba(0, 0, 0, 0.1)); filter: drop-shadow(0 10px 5px rgba(0, 0, 0, 0.1));}
	.top.small							{height: 1.75rem;}
	.top.small .logo 					{max-height: 1.5rem;}

	.top .mobileMenu					{display: none; position: absolute; left: -webkit-calc(50% + 1rem); left: -moz-calc(50% + 1rem); left: calc(50% + 1rem); top: -webkit-calc(50% + 0.75vw);
										 top: -moz-calc(50% + 0.75vw); top: calc(50% + 0.75vw); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);
										 -o-transform: translateY(-50%); transform: translateY(-50%); width: 1.5rem; height: 1rem; border-top: 1px solid #000000;
										 border-bottom: 1px solid #000000;}
		.top .mobileMenu:after			{content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);
										 -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1px; background-color: #000000;}
	.top .menu							{position: relative; display: inline-block; left: 1.75rem; top: -webkit-calc(50% + 0.75vw); top: -moz-calc(50% + 0.75vw); top: calc(50% + 0.75vw);
										 -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
										 transform: translateY(-50%); z-index: 1000; text-align: left; -webkit-transition: top 0.5s; -o-transition: top 0.5s; -moz-transition: top 0.5s;
										 transition: top 0.5s;}
	.top .menu ul						{list-style-type: none;}
	.top .menu ul li					{position: relative; display: inline-block; vertical-align: top; list-style-type: none; margin: 0;}
	.top .menu li ul					{position: absolute; left: 0; top: 100%; min-width: 100%; background-color: #FFFFFF; -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
										 -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden;
										 -webkit-transition: opacity 0.25s, visibility 0.25s; -o-transition: opacity 0.25s, visibility 0.25s; -moz-transition: opacity 0.25s, visibility 0.25s;
										 transition: opacity 0.25s, visibility 0.25s;}
	.top .menu li li					{display: block;}
	.top .menu ul > li.hasSub > a:after	{content: "▼"; position: relative; display: inline-block; margin-left: 0.5rem; font-size: 0.7em; -webkit-transition: -webkit-transform 0.5s;
										 transition: -webkit-transform 0.5s; -o-transition: -o-transform 0.5s; -moz-transition: transform 0.5s, -moz-transform 0.5s; transition: transform 0.5s;
										 transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; color: #009534;}
	.top .menu ul > li.hasSub:hover > a:after	{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);
												 transform: rotate(180deg);}
	.top .menu li a						{display: block; padding: 0.25rem 1rem; -webkit-transition: color 0.25s; -o-transition: color 0.25s; -moz-transition: color 0.25s; transition: color 0.25s;
										 white-space: nowrap;}
	.top .menu li:hover > a				{color: #009534;}
	.top .menu li:hover ul				{opacity: 1; visibility: visible;}
	.top .menu li a.current				{color: #009534; font-weight: bold;}

	.top .socialMedia					{position: absolute; right: 2rem; top: -webkit-calc(50% + 0.25rem); top: -moz-calc(50% + 0.25rem); top: calc(50% + 0.25rem);
										 -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
										 transform: translateY(-50%); z-index: 1000;}
	.top .socialMedia span				{vertical-align: middle;}
	.top .socialMedia a					{display: inline-block; vertical-align: middle; padding: 0.5rem; font-size: 1.5rem; color: #009534; -webkit-transition: color 0.25s;
										 -o-transition: color 0.25s; -moz-transition: color 0.25s; transition: color 0.25s;}
	.top .socialMedia a:hover			{color: #EB7202;}

.contents								{position: relative; left: 0; top: 0; width: 100%; padding: 12rem 0 -webkit-calc(4rem + 6vw); padding: 12rem 0 -moz-calc(4rem + 6vw);
										 padding: 12rem 0 calc(4rem + 6vw); overflow: hidden;}
	.contents ul						{padding-left: 1rem;}
	.contents .bubble					{position: fixed; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: margin-top 0.25s ease-out;
										 -o-transition: margin-top 0.25s ease-out; -moz-transition: margin-top 0.25s ease-out; transition: margin-top 0.25s ease-out;}
	.contents .bubble.one				{right: -15vw; top: -5vw; width: -webkit-calc(15rem + 40vw); width: -moz-calc(15rem + 40vw); width: calc(15rem + 40vw); height: -webkit-calc(15rem + 40vw);
										 height: -moz-calc(15rem + 40vw); height: calc(15rem + 40vw); opacity: 0.05;
										 background-image: -webkit-gradient(linear, left top, right top, from(rgb(260, 139, 27)), to(#009534));
										 background-image: -webkit-linear-gradient(left, rgb(260, 139, 27), #009534);
										 background-image: -moz-linear-gradient(left, rgb(260, 139, 27), #009534);
										 background-image: -o-linear-gradient(left, rgb(260, 139, 27), #009534);
										 background-image: linear-gradient(to right, rgb(260, 139, 27), #009534);}
	.contents .bubble.two				{right: 15vw; top: -25vw; width: -webkit-calc(10rem + 40vw); width: -moz-calc(10rem + 40vw); width: calc(10rem + 40vw); height: -webkit-calc(10rem + 40vw);
										 height: -moz-calc(10rem + 40vw); height: calc(10rem + 40vw); opacity: 0.05;
										 background-image: -webkit-gradient(linear, left top, right top, from(rgb(260, 139, 27)), to(#009534));
										 background-image: -webkit-linear-gradient(left, rgb(260, 139, 27), #009534);
										 background-image: -moz-linear-gradient(left, rgb(260, 139, 27), #009534);
										 background-image: -o-linear-gradient(left, rgb(260, 139, 27), #009534);
										 background-image: linear-gradient(to right, rgb(260, 139, 27), #009534);}
	.contents .bubble.three				{left: -22vw; top: 40rem; width: -webkit-calc(20rem + 25vw); width: -moz-calc(20rem + 25vw); width: calc(20rem + 25vw); height: -webkit-calc(20rem + 25vw);
										 height: -moz-calc(20rem + 25vw); height: calc(20rem + 25vw); opacity: 0.05;
										 background-image: -webkit-gradient(linear, left top, right top, from(#EB7202), to(#009534));
										 background-image: -webkit-linear-gradient(left, #EB7202, #009534);
										 background-image: -moz-linear-gradient(left, #EB7202, #009534); background-image: -o-linear-gradient(left, #EB7202, #009534);
										 background-image: linear-gradient(to right, #EB7202, #009534);}
	.contents .bubble.four				{right: 15vw; top: 75rem; width: -webkit-calc(15rem + 25vw); width: -moz-calc(15rem + 25vw); width: calc(15rem + 25vw); height: -webkit-calc(15rem + 25vw);
										 height: -moz-calc(15rem + 25vw); height: calc(15rem + 25vw); border: 1px solid rgba(0, 149, 52, 0.25);}
		.contents .bubble.four:after	{content: ""; position: absolute; left: 5vw; top: -1.5rem; width: -webkit-calc(30rem + 30vw); width: -moz-calc(30rem + 30vw); width: calc(30rem + 30vw);
										 height: -webkit-calc(14rem + 15vw); height: -moz-calc(14rem + 15vw); height: calc(14rem + 15vw); -webkit-border-radius: -webkit-calc(10rem + 10vw);
										 -moz-border-radius: -moz-calc(10rem + 10vw); border-radius: calc(10rem + 10vw); opacity: 0.05; -webkit-transform: rotate(-20deg);
										 -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg);
										 background-image: -webkit-gradient(linear, left top, right top, from(#EB7202), to(#009534));
										 background-image: -webkit-linear-gradient(left, #EB7202, #009534); background-image: -moz-linear-gradient(left, #EB7202, #009534);
										 background-image: -o-linear-gradient(left, #EB7202, #009534); background-image: linear-gradient(to right, #EB7202, #009534);
										 z-index: 1;}

.wrapper								{position: relative; display: inline-block; width: 1200px; max-width: -webkit-calc(100vw - 1rem); max-width: -moz-calc(100vw - 1rem);
										 max-width: calc(100vw - 1rem); text-align: left;}
	.wrapper a							{position: relative;}
	.wrapper a:after					{content: ""; position: absolute; left: -1px; bottom: -1px; width: calc(100% + 2px); height: 1px; background-color: #009534;
										 -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s;}
	.wrapper a:hover:after				{left: -5px; bottom: -2px; width: calc(100% + 10px); height: 2px; background-color: #EB7202;}
.threedots								{position: relative; float: right; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%);
										 -o-transform: translateX(50%); transform: translateX(50%); width: 10vw; height: 10vw; z-index: 2;
										 background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.1) 15%, transparent 15%);
										 background-image: -moz-radial-gradient(rgba(0, 0, 0, 0.1) 15%, transparent 15%);
										 background-image: -o-radial-gradient(rgba(0, 0, 0, 0.1) 15%, transparent 15%);
										 background-image: radial-gradient(rgba(0, 0, 0, 0.1) 15%, transparent 15%); -moz-background-size: 20px 20px; background-size: 20px 20px;}

.title									{display: block; line-height: 1; margin-bottom: 1rem; font-size: -webkit-calc(2rem + 1vw); font-size: -moz-calc(2rem + 1vw); font-size: calc(2rem + 1vw);
										 font-weight: bold;}
.subtitle								{display: block; line-height: 1; font-size: -webkit-calc(1.5rem + 0.5vw); font-size: -moz-calc(1.5rem + 0.5vw); font-size: calc(1.5rem + 0.5vw);
										 margin-bottom: 2rem; color: #009534;}
.list									{display: inline-block;}

.seeBG									{position: relative; float: left; left: 2rem; width: -webkit-calc(15rem + 7vw); width: -moz-calc(15rem + 7vw); width: calc(15rem + 7vw);
										 height: -webkit-calc(15rem + 7vw); height: -moz-calc(15rem + 7vw); height: calc(15rem + 7vw); margin: 2.5rem 6rem 3rem 0; -webkit-border-radius: 50%;
										 -moz-border-radius: 50%; border-radius: 50%; background: left top / auto 100% no-repeat fixed;
										 -webkit-box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.25);
										 box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.25); z-index: 1;}
	.seeBG:before						{content: ""; position: absolute; right: 30%; top: -webkit-calc(100% - 0.3rem); top: -moz-calc(100% - 0.3rem); top: calc(100% - 0.3rem); width: 22vw;
										 height: 22vw; background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.075) 15%, transparent 15%);
										 background-image: -moz-radial-gradient(rgba(0, 0, 0, 0.075) 15%, transparent 15%);
										 background-image: -o-radial-gradient(rgba(0, 0, 0, 0.075) 15%, transparent 15%);
										 background-image: radial-gradient(rgba(0, 0, 0, 0.075) 15%, transparent 15%); -moz-background-size: 40px 40px; background-size: 40px 40px;}
	.seeBG:after						{content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);
										 -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 120%;
										 height: 120%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(0, 149, 52, 0.25);
										 -webkit-transition: border-color 1s; -o-transition: border-color 1s; -moz-transition: border-color 1s; transition: border-color 1s;}
	.seeBG:hover:after					{border-color: #EB7202;}

.footer									{position: relative; left: 0; top: 0; width: 100%; background-color: #FFFFFF; z-index: 100;}
	.footer svg							{position: absolute; left: 0; bottom: 100%; width: 100%; color: #FFFFFF; -webkit-filter: drop-shadow(0 -10px 5px rgba(0, 0, 0, 0.1));
										 filter: drop-shadow(0 -10px 5px rgba(0, 0, 0, 0.1));}
	.footer .block						{display: inline-block; vertical-align: top; margin: 0 5vw 2.5rem; text-align: left;}
	.xfooter .block:first-child			{margin-left: 0;}
	.xfooter .block:last-child			{margin-right: 0;}
	.footer .logo						{vertical-align: middle; width: 1rem; margin-right: 0.25rem;}
	.footer i							{width: 1rem; margin-right: 0.25rem; text-align: center; color: #009534;}
.ED										{position: relative; left: 0; top: 0; width: 100%; padding-bottom: 1.5rem; color: #009534; background-color: #FFFFFF; font-size: 0.9rem;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
								home
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.slider									{position: relative; float: right; width: -webkit-calc(10rem + 15vw); width: -moz-calc(10rem + 15vw); width: calc(10rem + 15vw);
										 height: -webkit-calc(10rem + 15vw); height: -moz-calc(10rem + 15vw); height: calc(10rem + 15vw); margin: -1.5rem 0 2rem 2rem;
										 -webkit-border-radius: 0 50% 50% 50%; -moz-border-radius: 0 50% 50% 50%; border-radius: 0 50% 50% 50%; -webkit-transform: translateZ(0);
										 -moz-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25);
										 -moz-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25); box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25); overflow: hidden; z-index: 1;}
	.slider .image						{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center / cover; -webkit-transform: scale(1.5);
										 -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); -webkit-transition: -webkit-transform 8s;
										 transition: -webkit-transform 8s; -o-transition: -o-transform 8s; -moz-transition: transform 8s, -moz-transform 8s; transition: transform 8s;
										 transition: transform 8s, -webkit-transform 8s, -moz-transform 8s, -o-transform 8s;}
	.slider .image.zoomOut				{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.person									{float: right; width: 10rem; height: 10rem; margin: -4vw 0 0 2rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
										 border: 1px solid #009534; background: #FFFFFF no-repeat center top / cover; -webkit-transition: border-color 1s; -o-transition: border-color 1s;
										 -moz-transition: border-color 1s; transition: border-color 1s;}
	.person:hover						{border-color: #EB7202;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
								zorginstelling
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.businessSupporterWWF					{position: relative; float: left; width: 11rem; margin-right: 1rem; z-index: 1;}
.video									{float: right; width: 25rem; max-width: -webkit-calc(100vw - 1rem); max-width: -moz-calc(100vw - 1rem); max-width: calc(100vw - 1rem); height: 25rem;
										 max-height: -webkit-calc(100vw - 1rem); max-height: -moz-calc(100vw - 1rem); max-height: calc(100vw - 1rem); margin: 0 0 2rem -webkit-calc(2rem + 4vw);
										 margin: 0 0 2rem -moz-calc(2rem + 4vw); margin: 0 0 2rem calc(2rem + 4vw); -webkit-border-radius: 0 50% 50% 50%; -moz-border-radius: 0 50% 50% 50%;
										 border-radius: 0 50% 50% 50%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); overflow: hidden;
										 -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25);
										 box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25);}
.videoContainer							{position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);
										 -o-transform: translateX(-50%); transform: translateX(-50%); height: 100%; overflow: hidden;}
	.videoContainer #videoSRC			{position: relative; left: 50%; top: 50%; width: -webkit-calc(100% + 2px); width: -moz-calc(100% + 2px); width: calc(100% + 2px);
										 height: -webkit-calc(100% + 2px); height: -moz-calc(100% + 2px); height: calc(100% + 2px); -webkit-transform: translateX(-50%) translateY(-50%);
										 -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%);
										 transform: translateX(-50%) translateY(-50%); -webkit-transition: -webkit-filter 0.25s; transition: -webkit-filter 0.25s; -o-transition: filter 0.25s;
										 transition: filter 0.5s, -webkit-filter 0.5s;}
	.videoContainer .videoCover			{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	.videoContainer .videoStill			{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center / cover;}
	.videoContainer .playBtn			{position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);
										 -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
										 font-size: 4rem; color: #FFFFFF; cursor: pointer; text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
										 -webkit-transition: font-size 0.25s, opacity 0.25s, visibility 0.25s; -o-transition: font-size 0.25s, opacity 0.25s, visibility 0.25s;
										 -moz-transition: font-size 0.25s, opacity 0.25s, visibility 0.25s; transition: font-size 0.25s, opacity 0.25s, visibility 0.25s;}
		.videoContainer:hover .playBtn	{font-size: 5rem;}
		.videoContainer.playing .playBtn{font-size: 10rem; opacity: 0; visibility: hidden;}
		.videoContainer.paused #videoSRC{-webkit-filter: blur(8px); filter: blur(8px); -webkit-transition: -webkit-filter 1s; transition: -webkit-filter 1s; -o-transition: filter 1s;
										 transition: filter 1s, -webkit-filter 1s;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
								contact
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.location								{display: block; margin-bottom: 1.5rem;}
	.location i							{display: inline-block; width: 1rem; margin: 0 0.5rem 0.5rem 0; color: #009534; text-align: center;}
	.location .days						{display: inline-block; width: 10rem;}

#GoogleMaps								{display: block; width: 100%; height: 100%;}
.xone		{overflow: hidden;}
.xvideo		{width: 31vw; height: 31vw; background-color: rgba(0, 149, 52, 0.15);}

form									{display: inline-block; width: 43rem; max-width: 100%;}
	form .input							{position: relative; display: inline-block; vertical-align: top; width: 20rem; margin: 0 1rem 2rem 0; padding-top: 2rem;}
	form .input input, form .input textarea	{position: relative; width: 100%; height: 1.5rem; line-height: 1.5rem; background-color: transparent; -webkit-box-shadow: 0 1px 0 #000000;
											 -moz-box-shadow: 0 1px 0 #000000; box-shadow: 0 1px 0 #000000; z-index: 1; -webkit-transition: -webkit-box-shadow 0.25s;
											 transition: -webkit-box-shadow 0.25s; -o-transition: box-shadow 0.25s; -moz-transition: box-shadow 0.25s, -moz-box-shadow 0.25s;
											 transition: box-shadow 0.25s; transition: box-shadow 0.25s, -webkit-box-shadow 0.25s, -moz-box-shadow 0.25s; -webkit-appearance: none;}
	form .input textarea				{width: 42rem; height: 5rem;}
	form .input span					{position: absolute; left: 0; top: -webkit-calc(100% - 2rem); top: -moz-calc(100% - 2rem); top: calc(100% - 2rem); font-size: 1rem; color: #000000;
										 -webkit-transition: top 0.25s, font-size 0.25s, color 0.25s; -o-transition: top 0.25s, font-size 0.25s, color 0.25s;
										 -moz-transition: top 0.25s, font-size 0.25s, color 0.25s; transition: top 0.25s, font-size 0.25s, color 0.25s;}
	form .input.focus input, form .input.focus textarea	{-webkit-box-shadow: 0 3px 0 #009534; -moz-box-shadow: 0 3px 0 #009534; box-shadow: 0 3px 0 #009534;}
	form .input.focus span				{top: 0; font-size: 0.8rem; color: #009534;}
	form .input.value span				{top: 0; font-size: 0.8rem;}
	form .thankYou						{display: none; margin-top: 2rem; color: #009534; font-weight: bold;}
	form .sendForm.button				{float: right;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
								blogs
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.block.blogs							{padding: 7rem 0;}
	.col1, .col2, .col3					{display: inline-block; vertical-align: top; width: 33%;}
	.newsItems							{display: block; width: 100%; font-size: 0;}
		.blogItem						{position: relative; display: inline-block; vertical-align: top; width: calc((100% - 4rem) / 3); padding: 1rem 1rem 3rem; margin: 1rem 0; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem;
										 border-radius: 0.5rem; overflow: hidden; -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
										 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); background-color: #FFFFFF; -webkit-transition: -webkit-transform 0.5s, -webkit-box-shadow 0.5s;
										 transition: -webkit-transform 0.5s, -webkit-box-shadow 0.5s; -o-transition: box-shadow 0.5s, -o-transform 0.5s;
										 -moz-transition: transform 0.5s, box-shadow 0.5s, -moz-transform 0.5s, -moz-box-shadow 0.5s; transition: transform 0.5s, box-shadow 0.5s;
										 transition: transform 0.5s, box-shadow 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s, -webkit-box-shadow 0.5s, -moz-box-shadow 0.5s;}
		.blogItem:nth-child(2n)			{margin-left: 2rem; margin-right: 2rem; xborder: 10px solid red;}
			.blogItem .subject			{font-weight: bold; font-size: 1.25rem; margin: 0.5rem 0;}
			.blogItem .image			{display: block; width: 100%; height: 15rem; background: no-repeat center / cover;}
			.blogItem .blogtext			{text-align: left; font-size: 1rem;}
			.xblogItem .blogtext .readOn{float: right; padding: 0.5rem 1rem; margin-top: 0.5rem;}
	.blogItem .readOn					{position: absolute; right: 0; bottom: 0; background-color: #009534; color: #FFFFFF; padding: 0.5rem 1rem; -webkit-border-radius: 1rem 0 0 0;
										 -moz-border-radius: 1rem 0 0 0; border-radius: 1rem 0 0 0; text-transform: uppercase; font-weight: bold;
										 -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
										 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); -webkit-transition: background-color 0.25s; -o-transition: background-color 0.25s;
										 -moz-transition: background-color 0.25s; transition: background-color 0.25s;}
		.blogItem .readOn i				{vertical-align: middle; height: 0.7rem; margin-left: 1rem; font-size: 0.5rem;}
		.blogItem:hover .readOn			{background-color: #EB7202;}
	.blogItem:hover						{-webkit-transform: scale(1.025); -moz-transform: scale(1.025); -ms-transform: scale(1.025); -o-transform: scale(1.025); transform: scale(1.025);
										 -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
										 box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);}

.block.blog								{padding: 0 0 3rem; text-align: left;}
	.block.blog .image					{display: block; margin: auto; width: 32vw; height: 24vw; background: no-repeat center / cover; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem;
										 border-radius: 0.5rem;}
	.block.blog h1						{display: block; font-weight: bold; font-size: 2rem; margin: 1.5rem 0; text-align: center; color: #009534;}
	.block.blog h2, .block.blog .title	{display: block; font-weight: bold; font-size: 1.25rem; margin: 1.5rem 0 0.5rem 0; color: #009534;}
	.block.blog ol, .block.blog ul		{padding-left: 1.5rem;}
	.block.blog li						{padding-left: 0.5rem;}
	.block.blog li ol					{padding-left: 1rem;}
	.block.blog li li					{list-style-type: lower-alpha;}
	.block.blog a						{border-bottom: 1px solid #009534;}

.block.readOn							{margin-bottom: 7rem;}
	.block.readOn .alsoRead				{margin-bottom: 1rem; font-weight: bold; color: #009534;}
	.block.readOn .otherBlog			{display: inline-block; vertical-align: top; width: 20rem; margin: 0 2rem 2rem 0; padding: 1rem; font-size: 0.8rem;
										 -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
										 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25); -webkit-transition: -webkit-transform 0.5s, -webkit-box-shadow 0.5s, -webkit-filter 0.5s;
										 transition: -webkit-transform 0.5s, -webkit-box-shadow 0.5s, -webkit-filter 0.5s; -o-transition: box-shadow 0.5s, filter 0.5s, -o-transform 0.5s;
										 -moz-transition: transform 0.5s, box-shadow 0.5s, filter 0.5s, -moz-transform 0.5s, -moz-box-shadow 0.5s;
										 transition: transform 0.5s, box-shadow 0.5s, filter 0.5s;
										 transition: transform 0.5s, box-shadow 0.5s, filter 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s, -webkit-box-shadow 0.5s, -moz-box-shadow 0.5s, -webkit-filter 0.5s;
										 -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}
	.block.readOn .otherBlog:hover		{-webkit-transform: scale(1.025); -moz-transform: scale(1.025); -ms-transform: scale(1.025); -o-transform: scale(1.025); transform: scale(1.025);
										 -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
										 box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);}
	.block.readOn .image				{display: inline-block; width: 100%; height: -webkit-calc(20rem / 16 * 9); height: -moz-calc(20rem / 16 * 9); height: calc(20rem / 16 * 9);
										 background: no-repeat center / cover;}
	.block.readOn .link					{border-bottom: 1px solid #009534;}
	.block.readOn a i					{margin: 0 0.25rem 0 0.5rem; color: #009534;}



/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
								media queries
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1200px){
	.top .logo							{left: 0.5rem;}
	.top .socialMedia					{right: 0.5rem;}
	.contents							{padding-top: 8rem;}
}

@media screen and (max-width: 900px){
	.blogItem							{width: calc((100% - 4rem) / 2);}
	.blogItem:nth-child(2n)				{margin-left: auto; margin-right: auto;}
	.blogItem:nth-child(2n + 1)			{margin-left: 0; margin-right: 3rem;}
}

@media screen and (max-width: 800px){
	.top .mobileMenu					{display: block;}
	.top .menu							{display: none; left: 0; top: 5.75rem; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%;
										 text-align: center; background-color: #FFFFFF;}
		.top .menu ul li				{display: block; height: 3rem; line-height: 3rem;}
	.top.small .menu					{top: 1.75rem;}
	.top svg							{position: relative;}

	.seeBG								{float: none; display: block; left: 0; width: 75vw; height: 75vw; margin: 0 auto 2rem; background: center / cover;}

}

@media screen and (max-width: 600px){
	.slider								{float: none; width: 75vw; height: 75vw; margin: 0 auto 2rem;}
	.person								{float: none; display: inline-block;}

	form .input							{width: 100%; margin: 0 0 2rem 0;}

	.blogItem							{width: 100%;}
}