@keyframes readMore{
	0%		{bottom: 2rem; opacity: 1;}
	40%		{opacity: 1;}
	90%		{opacity: 0;}
	99%		{bottom: 0.75rem; opacity: 0;}
	100%	{bottom: 2rem; opacity: 0;}
}
@-webkit-keyframes readMore{
	0%		{bottom: 2rem; opacity: 1;}
	40%		{opacity: 1;}
	90%		{opacity: 0;}
	99%		{bottom: 0.75rem; opacity: 0;}
	100%	{bottom: 2rem; opacity: 0;}
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
							algemeen voor hele site
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
*														{margin: 0; padding: 0; border: 0; outline: none; box-sizing: border-box;}

.mobile													{display: none;}

html													{font-size: 19px; width: 100vw; height: 100vh; -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: hidden; text-align: center; font-family: Lato, Arial, sans-serif; font-weight: 300; cursor: default;
														 background-color: #4B4B4B; color: #FFFFFF; text-shadow: 2px 2px 0.1em rgba(0, 0, 0, 0.5);}

.scrollBar												{display: none; margin-top: 7rem; width: 100vw; height: calc(100vh - 7rem); overflow-X: hidden; overflow-Y: auto;}
	.scrollBar.withBG									{background: url("../IMG/watermark.png") no-repeat fixed center / auto 110vh;}
	.block.otherNews.minHeight							{height: calc(100vh - 10.7rem);}
	.block.blogs.minHeight								{height: calc(100vh - 8.7rem);}

a														{text-decoration: none; outline: none; border: none;}
a:link													{color: inherit;}
a:visited												{color: inherit;}
a:hover													{color: inherit;}
a:active												{color: inherit;}

h1, h2, h3												{font-size: 1.5em; margin-bottom: 1rem; color: #AF9B64;}
input, select, textarea									{font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit;}

.vertCenter												{height: 100%; display: inline-block; vertical-align: middle; width: 0;}

.block													{position: relative; display: block; left: 0; top: 0; width: 100%; font-size: 0; z-index: 1;}

.button													{position: relative; display: inline-block; vertical-align: middle; border-radius: 0.25rem; cursor: pointer; height: 2rem; line-height: 1.75rem;
														 border: 2px solid #AF9B64; padding: 0 1rem 0 1rem; font-size: 0.8rem; transition: 0.1s; -wekbit-transition: 0.1s; o-transition: 0.1s;
														 box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5), 0 0 0.5rem rgba(0, 0, 0, 0.5);
														 -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5), 0 0 0.5rem rgba(0, 0, 0, 0.5);
														 background: radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #646464) no-repeat center -0.9rem,
														 radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #646464) no-repeat center 0.9rem;
														 background: -webkit-radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #646464) no-repeat center -0.9rem,
														 -webkit-radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #646464) no-repeat center 0.9rem;
														 background: o-radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #646464) no-repeat center -0.9rem,
														 o-radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #646464) no-repeat center 0.9rem;
														 background: radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #646464) no-repeat center -0.9rem,
														 radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #646464) no-repeat center 0.9rem; transition: 0.1s;}
	.button:active										{transform: scale(0.95); -webkit-transform: scale(0.95); -ms-transform: scale(0.95);}
	.button.disabled									{opacity: 0.5; pointer-events: none;}
	.button img											{display: inline-block; vertical-align: middle; height: 1.5rem; margin-right: 0.25rem;}

.ED														{height: 2rem; line-height: 2rem; background-color: #000000; color: #7D7D7D; font-size: 0.85rem; font-weight: 400; text-shadow: none;}

.readMore												{position: fixed; left: calc(50% - 1.35rem); bottom: 0.75rem; width: 2rem; height: 1rem; z-index: 1000;
														 animation: readMore 2s infinite; -webkit-animation: readMore 2s infinite;}
	.readMore:before									{content: ""; position: absolute; left: -0.1rem; top: 0.2rem; width: 75%; height: 0.5rem; border-radius: 1rem; background-color: #FFFFFF;
														 transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);}
	.readMore:after										{content: ""; position: absolute; right: -0.1rem; top: 0.2rem; width: 75%; height: 0.5rem; border-radius: 1rem; background: #FFFFFF;
														 transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
							call me back
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.overlay.callMeBack										{display: none; position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.75); z-index: 9999; font-size: 1rem;}
	.overlay.callMeBack .form							{position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);
														 -ms-transform: translateX(-50%) translateY(-50%); padding: 3rem 3rem 1.5rem 3rem;
														 background: url("../IMG/watermark.png") no-repeat fixed center / auto 110vh; background-color: #646464; color: #FFFFFF; width: 50%;
														 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);}
		.overlay.callMeBack .form:before				{content: ""; position: fixed; left: 0; top: -2px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
		.overlay.callMeBack .form:after					{content: ""; position: fixed; left: 0; top: calc(100% + 1px); width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
	.overlay.callMeBack label							{}
	.overlay.callMeBack span							{display: inline-block; width: 8rem; text-align: left;}
			.overlay.callMeBack span.required:after		{content: " *";}
	.overlay.callMeBack input							{display: inline-block; width: calc(90% - 8rem); min-width: 20rem; height: 2rem; line-height: 2rem; background-color: rgba(255, 255, 255, 0.25); color: #000000;
														 padding: 0 0.25rem 0 0.25rem; margin-bottom: 1px;}
	.overlay.callMeBack .button							{margin-top: 1.5rem;}
	.overlay.callMeBack .thankYou						{display: none; padding-top: 1rem; font-weight: 700;}
	.close												{position: absolute; right: -0.75rem; top: -0.75rem; width: 1.5rem; height: 1.5rem; border-radius: 0.25rem; cursor: pointer;
														 transition: 0.1s; -webkit-transition: 0.1s; o-transition: 0.1s; font-size: 1rem;
														 background: -webkit-radial-gradient(closest-side, #FF0000, #AA0000) no-repeat center -0.75rem,
														 -webkit-radial-gradient(closest-side, #FF0000, #AA0000) no-repeat center 0.75rem;
														 background: -o-radial-gradient(closest-side, #FF0000, #AA0000) no-repeat center -0.75rem,
														 -o-radial-gradient(closest-side, #FF0000, #AA0000) no-repeat center 0.75rem,
														 radial-gradient(closest-side, #FF0000, #AA0000) no-repeat center -0.75rem,
														 radial-gradient(closest-side, #FF0000, #AA0000) no-repeat center 0.75rem;
														 box-shadow: 0 0 0.5rem #FFFFFF; -webkit-box-shadow: 0 0 0.5rem #FFFFFF;}
		.close:before									{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow: 0 0 1rem #000000; -webkit-box-shadow: 0 0 1rem #000000;}
		.close:after									{content: "\f00d"; font-family: "Font Awesome 6 Free"; font-weight: bold; color: #FFFFFF; line-height: 1.5rem; font-weight: 700;}
		.close:active									{transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9);}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
							catering / partservice conversion form
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.catering.form										{position: fixed; right: 1.5rem; bottom: 1.5rem; width: 32rem; max-width: calc(100% - 3rem);
														 padding: 1rem 0 1rem 1rem; z-index: 100; background-image: linear-gradient(to right bottom, rgb(100, 80, 25), #AF9B64);
														 box-shadow: 0 0 2rem rgba(0, 0, 0, 1); -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 1);
														 transition: width 0.2s ease-out, height 0.35s ease-out, line-height 0.35s ease-out, padding 0.35s ease-out, font-size 0.35s ease-out;}
		.catering.form.small							{width: 0; height: 0; padding: 0; font-size: 0;}
		.catering.form.small .close						{right: -1rem; top: -2rem; padding: 1.5rem;}				
		.catering.form.small .close:after				{content: "\f077"; font-family: "Font Awesome 6 Free"; font-weight: bold; position: absolute; left: 50%; top: 50%;
														 transform: translateX(-50%) translateY(-50%);}				
		.catering.form.small input						{width: 0; min-width: 0; height: 0; line-height: 0;}
		.catering.form.small .button					{width: 0; font-size: 0; opacity: 0;}
		.catering.form:before							{content: ""; position: fixed; left: 0; top: -2px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
		.catering.form:after							{content: ""; position: fixed; left: 0; top: calc(100% + 1px); width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
	.catering.form .close:after							{content: "\f078";}
	.catering.form label								{}
	.catering.form span									{display: inline-block; vertical-align: top; width: 10rem; text-align: left;}
	.catering.form input								{display: inline-block; width: calc(90% - 8rem); min-width: 20rem; height: 2rem; line-height: 2rem; background-color: rgba(255, 255, 255, 0.25); color: #000000;
														 padding: 0 0.25rem 0 0.25rem; margin-bottom: 1px;}
	.catering.form textarea								{display: inline-block; width: calc(90% - 8rem); min-width: 20rem; height: 5rem; background-color: rgba(255, 255, 255, 0.25); color: #000000;
														 padding: 0 0.25rem 0 0.25rem; margin-bottom: 1px;}
	.catering.form .button								{margin-top: 1.5rem; margin-bottom: 0.25rem;
														 background: radial-gradient(#7D7D7D, #646464) no-repeat center;}
	.catering.form .thankYou							{display: none; padding-top: 1rem; font-weight: 700;}

	.partyservice.form									{position: fixed; right: 1.5rem; bottom: 1.5rem; width: 32rem; max-width: calc(100% - 3rem);
														 padding: 1rem 0 1rem 1rem; z-index: 100; background-image: linear-gradient(to right bottom, rgb(100, 80, 25), #AF9B64);
														 box-shadow: 0 0 2rem rgba(0, 0, 0, 1); -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 1);
														 transition: width 0.2s ease-out, height 0.35s ease-out, line-height 0.35s ease-out, padding 0.35s ease-out, font-size 0.35s ease-out;}
		.partyservice.form.small						{width: 0; height: 0; padding: 0; font-size: 0;}
		.partyservice.form.small .close					{right: -1rem; top: -2rem; padding: 1.5rem;}				
		.partyservice.form.small .close:after			{content: "\f077"; font-family: "Font Awesome 6 Free"; font-weight: bold; position: absolute; left: 50%; top: 50%;
														 transform: translateX(-50%) translateY(-50%);}				
		.partyservice.form.small input					{width: 0; min-width: 0; height: 0; line-height: 0;}
		.partyservice.form.small .button				{width: 0; font-size: 0; opacity: 0;}
		.partyservice.form:before						{content: ""; position: fixed; left: 0; top: -2px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
		.partyservice.form:after						{content: ""; position: fixed; left: 0; top: calc(100% + 1px); width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
	.partyservice.form .close:after						{content: "\f078";}
	.partyservice.form label							{}
	.partyservice.form span								{display: inline-block; vertical-align: top; width: 10rem; text-align: left;}
	.partyservice.form input							{display: inline-block; width: calc(90% - 8rem); min-width: 20rem; height: 2rem; line-height: 2rem; background-color: rgba(255, 255, 255, 0.25); color: #000000;
														 padding: 0 0.25rem 0 0.25rem; margin-bottom: 1px;}
	.partyservice.form textarea							{display: inline-block; width: calc(90% - 8rem); min-width: 20rem; height: 5rem; background-color: rgba(255, 255, 255, 0.25); color: #000000;
														 padding: 0 0.25rem 0 0.25rem; margin-bottom: 1px;}
	.partyservice.form .button							{margin-top: 1.5rem; margin-bottom: 0.25rem;
														 background: radial-gradient(#7D7D7D, #646464) no-repeat center;}
	.partyservice.form .thankYou						{display: none; padding-top: 1rem; font-weight: 700;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
							top & menu
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.top													{position: fixed; left: 0; top: 0; width: 100%; z-index: 100; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
														 color: #FFFFFF;}
	.logo												{position: absolute; left: 1rem; top: 0; z-index: 1;}
	.social												{position: relative; display: block; background: url("../IMG/watermark.png") no-repeat fixed center / auto 110vh; background-color: #4B4B4B; text-align: right;
														 padding-right: 1rem;}
		.top .callMeBack								{margin: 0.75rem 0.4rem 0.75rem 0;}
		.YouTube, .Facebook, .LinkedIn					{display: inline-block; vertical-align: middle; height: 2.5rem; margin-top: 0.3rem; transition: 0.1s; -webkit-transition: 0.1s; -o-transition: 0.1s;}
			.YouTube img, .Facebook img, .LinkedIn img	{height: 100%;}
			.YouTube:active, .Facebook:active, .LinkedIn:active	{transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9);}
	.menu												{position: relative; display: block; background: url("../IMG/watermark.png") no-repeat fixed center / auto 110vh; background-color: #646464;}
		.menu:before									{content: ""; position: absolute; left: 0; top: -1px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
		.menu:after										{content: ""; position: absolute; left: 0; top: calc(100% + 1px); width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
		.menuItems										{position: relative; display: inline-block;}
			.menuItem									{position: relative; display: inline-block; vertical-align: middle; text-align: left;}
				.menuItem a								{display: inline-block; padding: 0.5rem 1rem; margin: 0.5rem 1.5vw 0.5rem 0;}
				.menuItem:hover a, .menuItem.current a	{background-color: rgba(255, 255, 255, 0.25);}
				.subMenu								{display: none; position: absolute; left: 0; top: 100%; line-height: 2rem; border-top: 3px solid transparent; z-index: 1;
														 box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.5), 5px 5px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.5), 5px 5px 10px rgba(0, 0, 0, 0.5);}
					.subMenu a							{display: block; padding: 0rem 3rem 0rem 1rem; margin: 0; white-space: nowrap; background: url("../IMG/watermark.png") no-repeat fixed center / auto 110vh;
														 background-color: #646464 !important;}
					.subMenu a:hover, .subMenu a.current{background-color: #7D7D7D !important;}
					.subMenu a.current:hover			{background-color: #888888 !important;}
			.menuItem.withSub:hover .subMenu			{display: block;}
		.language										{position: absolute; right: 1.5rem; top: 3.5rem; bottom: 0; height: 1.25rem; line-height: normal; margin: auto; cursor: pointer;
														 transition: 0.1s; -webkit-transition: 0.1s; -o-transition: 0.1s; padding: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.25);}
			.language:active							{transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9);}
			.language img								{position: relative; height: 100%; margin: 0;}
			.language:after								{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow: 0 0 3px rgba(255, 255, 255, 0.5), 0 0 0.5rem rgba(0, 0, 0, 0.5);
														 -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.5), 0 0 0.5rem rgba(0, 0, 0, 0.5);}
			
.placeholder											{}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
							home
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.BG .image												{position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: no-repeat center / cover; display: none; z-index: -1;}
	.BG .image:after									{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65);}

.block.inspiration										{height: calc(60vh - 7rem);}
	.block.inspiration .textContainer					{position: relative; display: inline-block; vertical-align: middle; z-index: 10; font-family: "Quattrocento";}
		.block.inspiration .mainText					{font-size: calc(1rem + 1vw); font-weight: 900; z-index: 10; text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.75);}

.block.main												{height: 40vh; background: url("../IMG/watermark.png") no-repeat fixed center / auto 110vh; background-color: #4B4B4B; z-index: 2;}
	.block.main:before									{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; z-index: 1;
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);}
	.block.main:after									{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
	.mainBlock											{position: relative; display: inline-block; vertical-align: top; width: 50%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;
														 transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; padding-top: 2rem;}
		.mainBlock:first-of-type:after					{content: ""; position: absolute; left: 100%; top: 0; height: 100%; width: 1px; z-index: 100;
														 background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(top, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(top, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to bottom, transparent, #FFFFFF, transparent);}
	.mainBlock:hover 									{background: #646464;}
	.mainBlock .subject									{position: relative; display: inline-block; vertical-align: middle; width: 70%; height: calc(100% - 4rem); box-sizing: border-box; -webkit-box-sizing: border-box;}
		.mainBlock .subject:before						{content: ""; position: absolute; left: 0; top: -5px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
		.mainBlock .subject:after						{content: ""; position: absolute; left: 0; top: calc(100% + 5px); width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
		.mainBlock .subject .image						{width: 100%; height: 100%; background: center / cover;}
		.mainBlock .subject .image:after				{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25);}
		.mainBlock .subject .title						{position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 1.5rem;
														 width: 100%; text-transform: uppercase; font-weight: 700; padding: 1rem; text-shadow: 0 0 0.5rem rgba(0, 0, 0, 1);}
	.mainBlock .text									{position: absolute; left: 0; bottom: 0; width: 100%; height: 3rem; font-size: 1rem; padding: 0 1rem;}

.block.hospitality										{padding: 5rem 0; background: url("../IMG/watermark.png") no-repeat fixed center / auto 110vh; background-color: #4B4B4B; line-height: 1.5rem;}
	.block.hospitality .text							{display: block; font-size: 1rem; width: 75%; margin: auto;}

.block.icons											{padding: 4rem 0;}
		.block.icons:before								{content: ""; position: absolute; left: 0; top: 1px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
		.block.icons:after								{content: ""; position: absolute; left: 0; bottom: 1px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
	.iconBlock											{position: relative; display: inline-block; vertical-align: top; width: 24%; padding: 1rem; box-sizing: border-box; -webkit-box-sizing: border-box;}
		.iconBlock .icon								{position: relative; display: block; width: 10rem; height: 10rem; margin: 0.5rem auto; border-radius: 50%;
														 box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5), 0 0 0.5rem rgba(0, 0, 0, 0.5);
														 -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5), 0 0 0.5rem rgba(0, 0, 0, 0.5);
														 background: -webkit-radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #4B4B4B) no-repeat center 5rem,
														 -webkit-radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #4B4B4B) no-repeat center -5rem;
														 background: -o-radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #4B4B4B) no-repeat center -5rem,
														 -o-radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #4B4B4B) no-repeat center 5rem;
														 background: radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #4B4B4B) no-repeat center -5rem,
														 radial-gradient(closest-side, rgba(255, 255, 255, 0.5), #4B4B4B) no-repeat center 5rem;}
			.iconBlock .icon:after						{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid #AF9B64; border-radius: 50%; box-sizing: border-box;}
			.iconBlock .icon img						{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);
														 -ms-transform: translateX(-50%) translateY(-50%); width: 70%;}
		.iconBlock .text								{position: relative; display: block; height: calc(5 * (0.75rem + 0.5vw)); font-size: calc(0.75rem + 0.5vw); width: 95%; margin: auto;}

.block.testimonials										{padding: 3rem 0; background-color: #646464; overflow: hidden;}
	.block.testimonials .heading						{display: block; font-size: 1.25rem; font-weight: bold; color: #AF9B64; margin-bottom: 0.5rem;}
	.block.testimonials .outerContainer					{position: relative; display: block; left: 0; top: 0; width: 1000vw; text-align: left;}
		.testimonial									{position: relative; display: inline-block; vertical-align: middle; width: 100vw; box-sizing: border-box; -webkit-box-sizing: border-box;
														 font-size: 1rem; line-height: 1.5rem; text-align: center;}
		.testimonial .monogram							{display: inline-block; vertical-align: middle; width: 5rem;}
		.testimonial .text								{position: relative; display: inline-block; vertical-align: middle; max-width: calc(90% - 20rem); text-align: justify; padding: 0 2.0rem 0 2.5rem; margin: 0 2.5%;}
			.testimonial .text:before					{content: ",,"; position: absolute; left: 0; top: -2rem; color: #AF9B64; font-size: 5rem; font-family: times; text-shadow: none; letter-spacing: -0.3rem;}
			.testimonial .text:after					{content: ",,"; position: absolute; right: 0; bottom: 2.5rem; color: #AF9B64; font-size: 5rem; line-height: 0; font-family: times; text-shadow: none;
														 letter-spacing: -0.3rem;}
		.testimonial .image								{position: relative; display: inline-block; vertical-align: middle; width: 15rem;}
			.testimonial .image:before					{content: ""; position: absolute; left: 0; top: -4px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
			.testimonial .image:after					{content: ""; position: absolute; left: 0; top: calc(100% + 3px); width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
			.testimonial .image img						{display: block; width: 100%;}
		.testimonial .title								{display: block; text-align: center; font-weight: 400; margin-top: 1rem;}
	.testimonialsNav									{display: block; margin-top: 1rem;}
		.testimonials i									{display: inline-block; width: 1rem; height: 1rem; margin: 0 0.25rem; font-size: 1.5rem; cursor: pointer;}
		.testimonials i:after							{content: "○";}
		.testimonials i.current							{cursor: default;}
		.testimonials i.current:after					{content: "●";}
		
.block.quickContact										{font-size: 1rem; line-height: 1.5rem; background: url("../IMG/watermark.png") no-repeat fixed center / auto 110vh; background-color: #4B4B4B;}
	.block.quickContact:before							{content: ""; position: absolute; left: 0; top: 1px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
	.block.quickContact:after							{content: ""; position: absolute; left: 0; bottom: 2px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
	.quickContactBlock									{display: inline-block; vertical-align: middle; max-width: 25%; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: left; padding: 3rem 0;}
	.quickContactBlock:nth-child(2)						{margin: 0 8vw;}
	.quickContactBlock .marker							{display: inline-block; vertical-align: middle; height: 4rem; margin-right: 1rem;}
	.quickContactBlock span								{display: inline-block; vertical-align: middle;}
	.quickContactBlock .email							{background: url("../IMG/mailW.png") no-repeat left center / auto 1rem; padding-left: 1.5rem;}
	.quickContactBlock .phone							{background: url("../IMG/phoneW.png") no-repeat left center / auto 1rem; padding-left: 1.5rem;}

.block.slogan											{overflow: hidden;}
	.block.slogan video									{position: absolute; left: 0; top: 0; width: 100%; z-index: 0;}
	.block.slogan .diner								{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background: url("../IMG/diner.gif") no-repeat center / cover;}
	.block.slogan .text									{position: relative; font-size: 1rem; padding: 4rem 0; font-size: 2rem; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
							beurscatering & partyservice
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.block.text												{min-height: 40vh; z-index: 2; text-align: left;}
	.block.text:before									{content: ""; position: absolute; left: 0; top: -3px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
	.block.text:after									{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
														 background: -webkit-gradient(linear, left top, right top, color-stop(65%, #4B4B4B), color-stop(80%, transparent)) no-repeat center / cover;
														 background: -webkit-linear-gradient(left, #4B4B4B 65%, transparent 80%) no-repeat center / cover;
														 background: -o-linear-gradient(left, #4B4B4B 65%, transparent 80%) no-repeat center / cover;
														 background: linear-gradient(to right, #4B4B4B 65%, transparent 80%) no-repeat center / cover;}
		.block.text .image								{position: absolute; right: 0; top: 0; width: 35%; height: 100%; background: no-repeat center / cover;}
		.block.text .text								{position: relative; display: inline-block; vertical-align: middle; font-size: 1rem; line-height: 1.5rem; text-align: justify; width: 65%; padding: 1rem 0 1rem 3rem;
														 z-index: 1;}
		.block.text .text ul							{padding-left: 1rem;}

.icons.withLink .iconBlock								{transition: 0.25s; cursor: pointer;}
		.icons.withLink .iconBlock:hover 				{background: #4B4B4B;}
		.icons.withLink .iconBlock .button				{margin-top: 1.5rem;}

.block.needHelp											{padding: 3rem 0; background: url("../IMG/watermark.png") no-repeat fixed center / auto 110vh; background-color: #646464; font-size: 1rem;}
	.block.needHelp .monogram							{position: absolute; left: 3rem; top: 0; bottom: 0; margin: auto; width: 5rem;}
	.block.needHelp .text								{display: inline-block; vertical-align: middle; max-width: calc(100% - 20rem);}
	.block.needHelp .button								{margin-top: 1.5rem;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
							beurscatering & partyservice - subpages
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.block.subPage											{background: center / cover;}
	.block.subPage:after								{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75);}
	.block.subPage .textBlock							{position: relative; display: inline-block; vertical-align: middle; width: 100%; padding: 4rem 4vw; z-index: 1; background: fixed 50vw center / cover;}
		.block.subPage .textBlock:after					{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
														 background-image: -webkit-gradient(linear, left top, right top, color-stop(65%, #4B4B4B), color-stop(80%, transparent));
														 background-image: -webkit-linear-gradient(left, #4B4B4B 65%, transparent 80%);
														 background-image: -o-linear-gradient(left, #4B4B4B 65%, transparent 80%);
														 background-image: linear-gradient(to right, #4B4B4B 65%, transparent 80%);}
		.block.subPage .textBlock .text					{position: relative; font-size: 1rem; line-height: 1.5rem; text-align: justify; width: 65%; z-index: 1;}
		.block.subPage .textBlock .text	ul				{margin-left: 1rem;}
		.block.subPage .textBlock .text	a				{color: #AF9B64; font-weight: bold; xtext-decoration: underline;}
		.block.subPage .textBlock .image				{position: absolute; right: 0; top: 0; width: 35%; height: 100%; background: no-repeat center right / cover;}
	.block.subPage.minHeight							{height: calc(100vh - 8.7rem);}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
							nieuws
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.block.mainNews											{padding-top: 2rem; font-size: 1rem;}
	.newsBlock											{position: relative; display: inline-block; vertical-align: top; width: 30%; text-align: center; margin-bottom: 4rem;}
	.newsBlock:nth-child(2)								{margin: 0 3%;}
	.newsBlock .text									{position: relative; display: inline-block; width: 100%; background-color: #646464; margin-top: -1rem; padding: 1rem 1rem 0 1rem;
														 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); overflow: hidden;}
		.newsBlock .text .subject						{height: 2.5rem; display: block; color: #AF9B64; font-weight: 400; overflow: hidden;}
		.newsBlock .image								{position: relative; font-size: 0; width: 100%; height: 15.5vw; background: center / cover; margin-top: 0.5rem;}
			.newsBlock .image:before					{content: ""; position: absolute; left: 0; top: -4px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
			.newsBlock .image:after						{content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
		.newsBlock .text .shortText						{height: 3.8rem; display: block; text-align: left; margin-top: 1rem;}
		.newsBlock .text .buttonBG						{position: relative; margin-top: -1px; padding: 0.5rem 0 1rem 0; background-color: inherit;}

.block.otherNews										{padding-top: 2rem; font-size: 1rem;}
	.otherNewsItems										{display: block; margin-bottom: 3rem; text-decoration: underline;}
	.block.otherNews .newsBlock							{width: 20%; margin: 0 2rem 4rem 2rem;}
		.block.otherNews .newsBlock .image				{position: relative; font-size: 0; width: 100%; height: 5.5vw; background: center / cover; margin-top: 0.5rem;}
		.block.otherNews .newsBlock .text .shortText	{height: 7.5rem;}
	
.block.newsItem											{padding: 2rem 0 4rem 0; font-size: 1rem;}
	.block.newsItem.minHeight							{height: calc(100vh - 8.7rem);}
	.block.newsItem .textBlock							{display: inline-block; width: 75%; text-align: left; background-color: rgba(100, 100, 100, 0.75); line-height: 1.5rem; padding: 2rem; margin-top: 1rem;
														 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);}
		.block.newsItem .textBlock .subject				{display: block; color: #AF9B64; font-weight: 400; text-align: center; margin-bottom: 1rem;}
		.block.newsItem .textBlock h1					{text-align: center;}
		.block.newsItem .textBlock .image				{position: relative; display: block; width: 40%; height: 15.5vw; margin: 0 auto 1rem auto; background: no-repeat center / cover;}
			.block.newsItem .textBlock .image:before	{content: ""; position: absolute; left: 0; top: -4px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
			.block.newsItem .textBlock .image:after		{content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
		.block.newsItem .textBlock img					{max-width: 100%; height: auto;}
		.block.newsItem .textBlock ul					{margin: 0 0 1rem 1rem;}
		.block.newsItem .textBlock a					{color: #AF9B64; font-weight: bold; xtext-decoration: underline;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
							blogs
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.block.blogs											{padding: 2rem; font-size: 1rem;}
	.blogItem											{position: relative; display: inline-block; margin-bottom: 3rem; width: 100%;}
	.blogItem .image									{position: absolute; left: 0; top: 0; bottom: 0; font-size: 0; width: 30%; background: center / cover;}
		.blogItem .image:before							{content: ""; position: absolute; left: 0; top: -4px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
		.blogItem .image:after							{content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
	.blogItem .text										{position: relative; left: 30%; top: 0; width: 70%; background-color: #646464; overflow: hidden; text-align: left; padding: 1rem;}
		.blogItem .text .subject						{display: block; color: #AF9B64; font-weight: 400;}
		.blogItem .text .fullText						{display: block; margin: 1rem 0;}
		.blogItem .text .fullText h1					{font-size: inherit; color: inherit; margin: 0;}
		.blogItem .text .fullText h2					{font-size: inherit; color: inherit; margin: 0;}
		.blogItem .text .fullText h3					{font-size: inherit; color: inherit; margin: 0;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
							contact
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.contactPage											{padding-top: 2rem; font-size: 1rem;}
	.contactPage .subject								{font-weight: 400; color: #AF9B64; text-transform: uppercase; margin-bottom: 0.5rem;}
	.contact.form										{display: inline-block; vertical-align: top; width: 60%; text-align: left; margin-right: 5%;}
		.contact.form .generalText						{display: block; margin-bottom: 2rem;}
		.contact.form label								{display: block;}
			.contact.form label span					{display: inline-block; width: 10rem;}
			.contact.form label span.required:after		{content: " *";}
			.contact.form label input					{display: inline-block; width: calc(100% - 10rem); background-color: rgba(100, 100, 100, 0.75); line-height: 1.5rem; padding-left: 0.25rem; margin-bottom: 1px;}
			.contact.form label textarea				{display: block; width: 100%; height: 10rem; background-color: rgba(100, 100, 100, 0.75); padding: 0.25rem;}
		.contact.form .reqFields						{display: block; margin-top: 0.5rem;}
		.contact.form .alignRight						{display: block; text-align: right;}
			.contact.form .copySender					{display: inline-block; vertical-align: middle; margin-right: 2rem; cursor: pointer;}
				.contact.form .copySender input			{display: inline-block; width: 1rem;}
				.contact.form .copySender span			{display: inline-block; width: auto;}
			.contact.form .button						{display: inline-block; vertical-align: middle;}
			.contact.form .thankYou						{display: none; padding-top: 1rem; font-weight: 700;}

	.contactInfo										{display: inline-block; vertical-align: top; width: 20%; text-align: left;}
		.contactInfo .HQ								{position: relative; font-size: 0;}
			.contactInfo .HQ:before						{content: ""; position: absolute; left: 0; top: -4px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
			.contactInfo .HQ:after						{content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 1px;
														 background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFFFFF), to(transparent));
														 background-image: -webkit-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: -o-linear-gradient(left, transparent, #FFFFFF, transparent);
														 background-image: linear-gradient(to right, transparent, #FFFFFF, transparent);}
			.contactInfo .HQ img						{width: 100%;}
			.contactInfo .infoBlock						{}
		.contactInfo div								{display: block; margin-bottom: 2rem;}
		.contactMail									{display: block; margin-bottom: 2rem; background: url("../IMG/mailW.png") no-repeat left center / auto 1rem; padding-left: 1.5rem;}
		.contactPhone									{display: block; margin-bottom: 2rem; background: url("../IMG/phoneW.png") no-repeat left center / auto 1rem; padding-left: 1.5rem;}
	#GoogleMaps											{position: relative; left: 0; top: 0; width: 100%; height: 20rem; margin-top: 3rem;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
							Fruit Logistica
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.FLpage													{height: calc(100vh - 8.67rem);}
	.FLlogin											{display: inline-block; vertical-align: middle;}
		.FLlogin img									{display: inline-block; vertical-align: middle;}
		.FLlogin input									{color: #000000;}
		.FLlogin .button								{margin-left: 1rem;}










/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
							media queries
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1250px){
body													{overflow-Y: auto;}
.scrollBar												{height: auto; overflow-X: hidden; overflow-Y: auto; margin-top: 3rem;}
.readMore												{display: none;}

.mobile													{display: block; position: fixed; right: 0; top: 0; width: 3rem; height: 3.25rem; margin: auto; color: #FFFFFF; font-size: 0.8rem; cursor: pointer; z-index: 1001;}
	.mobile span										{position: absolute; left: 25%; width: 50%; height: 0.2rem; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.5);
														 -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out;}
	.mobile span:nth-child(1)							{top: 35%;}
	.mobile span:nth-child(2)							{top: 50%;}
	.mobile span:nth-child(3)							{top: 65%;}
	.mobile div											{display: none; position: absolute; bottom: -5px; width: 100%;}

	.mobile.open span									{box-shadow: none; border: 0;}
	.mobile.open span:nth-child(1)						{top: 50%; transform: translateY(-50%); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
	.mobile.open span:nth-child(2)						{opacity: 0;}
	.mobile.open span:nth-child(3)						{top: 50%; transform: translateY(-50%); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}

.overlay.callMeBack										{position: absolute; height: 1000vh;}
	.overlay.callMeBack .form							{position: absolute; left: 5%; top: 1rem; transform: none; -webkit-transform: none; -ms-transform: none; padding: 3rem 0 1.5rem 0; width: 90%;}
	.overlay.callMeBack span							{width: 100%; text-align: center;}
	.overlay.callMeBack input							{width: 95%; min-width: 0;}

.logo													{left: 0; width: 100%; background-color: #4B4B4B;}
	.logo img											{height: 3rem;}

.menu													{position: fixed; display: none; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); padding-top: 3rem;}
	.social												{text-align: center; padding: 0;}
				.menuItem a								{display: block; width: 100vw; padding: 0.5rem 0; margin: 0; text-align: center;}
		.language										{position: relative; top: 0; right: auto; bottom: auto; margin: 0.75rem 0;}

.block.inspiration										{height: auto; padding: 5rem 0;}
.block.main												{height: auto;}
	.mainBlock .subject									{width: 80%; height: auto; margin-bottom: 1rem;}
		.mainBlock .subject .image						{height: 10rem;}
	.mainBlock .text									{position: relative; bottom: auto; height: auto; margin-bottom: 0.5rem;}

	.block.slogan video									{display: none; border: 10px solid green;}
	.block.slogan .diner								{display: block;}

.block.otherNews .newsBlock								{width: 45%; margin: 0 1rem 3rem 1rem;}
		.block.otherNews .newsBlock .image				{height: 20vw;}
		.block.otherNews .newsBlock .text .shortText	{height: auto;}

.contactPage											{padding-top: 0;}
	.contact.form										{width: 90%; margin-right: 0;}
			.contact.form label span					{display: block; width: auto;}
			.contact.form label input					{display: block; width: 100%; padding-left: 0;}
	.contactInfo										{display: inline-block; vertical-align: top; width: 100%; text-align: center; margin-top: 5rem;}
			.contactInfo .HQ							{width: 50%; margin: auto auto 2rem auto;}
			.contactInfo .infoBlock						{display: inline-block; vertical-align: top; margin: 0 3rem;}

	.FLlogin											{display: block; vertical-align: middle;}
		.FLlogin img									{display: block; vertical-align: middle;}
}

@media screen and (max-width: 1150px){
	.iconBlock											{width: 50%;}
		.iconBlock .text								{font-size: 1rem;}
}

@media screen and (max-width: 1000px){
	.mainBlock .subject									{width: 90%;}
		.block.icons:after								{display: none;}
.block.testimonials										{}
		.testimonial .monogram							{display: none;}
		.testimonial .text								{max-width: 95%; text-align: left; padding: 0; margin: 0 0 1rem 0;}
			.testimonial .text:before					{display: none; top: -3.5rem;}
			.testimonial .text:after					{display: none; bottom: 0.5rem;}
	.testimonialsNav									{display: none;}


	.block.needHelp .monogram							{left: 1rem;}
	.block.needHelp .text								{max-width: calc(100% - 15rem);}

.block.text												{text-align: center;}
	.block.text:after									{background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15rem, transparent), color-stop(19rem, #4B4B4B)) no-repeat center / cover;
														 background: -webkit-linear-gradient(top, transparent 0%, transparent 15rem, #4B4B4B 19rem) no-repeat center / cover;
														 background: -o-linear-gradient(top, transparent 0%, transparent 15rem, #4B4B4B 19rem) no-repeat center / cover;
														 background: linear-gradient(to bottom, transparent 0%, transparent 15rem, #4B4B4B 19rem) no-repeat center / cover;}
		.block.text .text								{width: 95%; padding: 20rem 0 1rem 0; text-align: left;}
	.block.text .image									{width: 100%; background: no-repeat top center / auto 20rem;}
		
.block.subPage .textBlock								{xpadding: 10rem 4vw;}
		.block.subPage .textBlock:after					{background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15rem, transparent), color-stop(19rem, #4B4B4B)) no-repeat center / cover;
														 background: -webkit-linear-gradient(top, transparent 0%, transparent 15rem, #4B4B4B 19rem) no-repeat center / cover;
														 background: -o-linear-gradient(top, transparent 0%, transparent 15rem, #4B4B4B 19rem) no-repeat center / cover;
														 background: linear-gradient(to bottom, transparent 0%, transparent 15rem, #4B4B4B 19rem) no-repeat center / cover;}
		.block.subPage .textBlock .text					{width: 100%; padding-top: 20rem; text-align: left;}
		.block.subPage .textBlock .image				{left: 0; top: 2rem; margin: auto; width: 75%; height: 20rem; background: no-repeat top center / cover;}
	.block.subPage.minHeight							{height: auto;}

.newsBlock												{width: 95%;}
	.newsBlock:nth-child(2)								{margin: 0 0 4rem 0;}
		.newsBlock .text .subject						{height: auto; margin-bottom: 1rem;}
		.newsBlock .image								{margin: auto; width: 75%; height: 25vw;}
		.newsBlock .text .shortText						{height: auto;}

	.block.newsItem .textBlock							{width: 95%;}
		.block.newsItem .textBlock .image				{position: relative; display: block; width: 75%; height: 25vw; margin: 0 auto 1rem auto; background: center / cover;}

.block.blogs											{padding: 1rem;}
	.blogItem .image									{position: relative; left: 0; top: 0; bottom: auto; width: 100%; height: 30vw;}
	.blogItem .text										{left: 0; width: 100%; overflow: auto;}
}

@media screen and (max-width: 850px){
	.mainBlock											{width: 100%; height: 100%; padding-top: 2rem;}
	.block.hospitality									{padding: 3rem 0;}
	.block.hospitality .text							{width: 95%;}
	.quickContactBlock									{width: 100%; max-width: 100%; text-align: center; padding: 2rem 0;}
	.quickContactBlock:nth-child(2)						{margin: 0; padding: 0;}

.block.otherNews .newsBlock								{width: 95%; margin: 0 0 3rem 0;}
		.block.otherNews .newsBlock .image				{height: 25vw;}
}

@media screen and (max-width: 700px){
	.catering.form span									{width: 100%; text-align: center;}
	.catering.form input								{width: 100%;}
	.partyservice.form span								{width: 100%; text-align: center;}
	.partyservice.form input							{width: 100%;}
}

@media screen and (max-width: 600px){
	.iconBlock											{width: 100%;}
	.block.needHelp .monogram							{display: none;}
	.block.needHelp .text								{max-width: 100%;}

.block.newsItem .textBlock								{padding: 2rem 1rem;}
}

@media screen and (max-width: 500px){
	.form span											{width: auto !important;}
	.form input, .form textarea							{width: 100% !important; min-width: 0 !important;}
}