﻿/* Basic ____________________________________________________ */
	
	@media all {
	
		body 														{  }
		address														{ font-style: normal; }
		
		div.frame 													{ position: relative; text-align: left; }
		
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent	{ width: <%=pr(1170,1554)%>%; max-width: 1650px; margin-left: auto; margin-right: auto; }
		.centercontent .centercontent								{ width: auto; max-width: none; margin-left: 0px; margin-right: 0px; }
		.centercontent-small										{ width: <%=pr(992,1170)%>%; max-width: 1170px; }
		
		picture,
		picture a													{ display: block; position: relative; }
		picture img													{ -webkit-transition: opacity 500ms; transition: opacity 500ms; opacity: 1; filter: alpha(opacity = 100); }
		picture.picture-loading:before								{ content: ''; border: 5px solid #f3f3f3; border-top: 5px solid #555555; border-radius: 50%; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0px 0px -20px; animation: spin 1.6s linear infinite; -webkit-animation: spin 1.6s linear infinite; -moz-animation: spin 1.6s linear infinite; }
		picture.picture-loading img									{ opacity: 0; filter: alpha(opacity = 0); }
		
		video + .video-controls										{ display: none; }
		video + .video-controls.loaded								{ display: block; }
		video + .video-controls > div								{ position: absolute; left: 50%; top: 50%; z-index: 2; cursor: pointer; }
		video + .video-controls > div:before						{ content: ''; position: absolute; width: 50px; height: 50px; border: 5px solid #FFFFFF; -webkit-border-radius: 50%; border-radius: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; }
		video + .video-controls > div.play							{ width: 0; height: 0; border-top: 16px solid transparent; border-left: 20px solid #FFFFFF; border-bottom: 16px solid transparent; margin: -16px 0px 0px -6px; }
		video + .video-controls > div.play:before					{ left: -44px; top: -30px; }
		video + .video-controls > div.pause							{ width: 8px; height: 26px; border-right: 6px solid #FFFFFF; border-left: 6px solid #FFFFFF; margin: -13px 0px 0px -10px; }
		video + .video-controls > div.pause:before					{ left: -26px; top: -17px; }
		video + .video-controls .play:hover:before,
		video + .video-controls .pause:hover:before					{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
		video + .video-controls > div.pause							{ display: none; }
		video + .video-controls.playing > div.play					{ display: none; }
		video + .video-controls.playing > div.pause					{ display: block; }
		
		.clearbefore:before,
		.clearafter:after,
		.clearbeforeafter:before,
		.clearbeforeafter:after										{ content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; }
		
		.arrow														{ }
		.arrow.arrow1												{ width: 45px; height: 45px; background-repeat: no-repeat; background-position: center; box-sizing: border-box; }
		.arrow.arrow1.prev											{ background-image: url('/images/design/icon-arrow-left.png;'); }
		.arrow.arrow1.next											{ background-image: url('/images/design/icon-arrow-right.png;'); }
		
		.inner-padding												{ padding: 56px; }
		.inner-padding-medium										{ padding: 40px; }
		.inner-padding-small										{ padding: 27px; }
		
		.padding-top												{ padding-top: 110px; }
		.padding-bottom												{ padding-bottom: 110px; }
		
		.padding-top-medium											{ padding-top: 80px; }
		.padding-bottom-medium										{ padding-bottom: 80px; }
		
		.padding-top-small											{ padding-top: 50px; }
		.padding-bottom-small										{ padding-bottom: 50px; }
		
		.padding-top-tiny											{ padding-top: 32px; }
		.padding-bottom-tiny										{ padding-bottom: 32px; }
		
		.margin-top													{ margin-top: 130px; }
		.margin-bottom												{ margin-bottom: 130px; }
		
		.margin-top-medium											{ margin-top: 90px; }
		.margin-bottom-medium										{ margin-bottom: 90px; }
		
		.margin-top-small											{ margin-top: 50px; }
		.margin-bottom-small										{ margin-bottom: 50px; }
		
		.z-index-1													{ position: relative; z-index: 1; }
		.z-index-2													{ position: relative; z-index: 2; }
		.z-index-3													{ position: relative; z-index: 3; }
		
		.vAlignHelper:before										{ content: ''; display: inline-block; vertical-align: middle; height: 100%; }
		.box-resizing.vAlignHelper:before,
		.box-resizing .vAlignHelper:before							{ content: none; }
		.vAlignCenter												{ display: inline-block; vertical-align: middle; }
		.vAlignTop													{ display: inline-block; vertical-align: top; }
		.vAlignBottom												{ display: inline-block; vertical-align: bottom; }
		
		@keyframes imageZoom {
			0%, 100% {
				transform: scale(1)
			}
			50% {
				transform: scale(1.24)
			}
		}
		@-moz-keyframes imageZoom {
			0%, 100% {
				-moz-transform: scale(1)
			}
			50% {
				-moz-transform: scale(1.24)
			}
		}
		@-webkit-keyframes imageZoom {
			0%, 100% {
				-webkit-transform: scale(1)
			}
			50% {
				-webkit-transform: scale(1.24)
			}
		}
		@-ms-keyframes imageZoom {
			.fullscreen-cover 0% {
				-ms-transform: scale(1)
			}
			.fullscreen-cover 50% {
				-ms-transform: scale(1.24)
			}
			.fullscreen-cover 100% {
				-ms-transform: scale(1)
			}
		}
		
		.image-fade picture											{ overflow: hidden; }
		.image-fade picture img										{ -webkit-animation: imageZoom linear 100s !important; -moz-animation: imageZoom linear 100s !important; -ms-animation: imageZoom linear 100s !important; animation: imageZoom linear 100s !important; }
		
		.image-zoom picture											{ overflow: hidden; }
		.image-zoom picture img										{ transition: all 1000ms ease-in-out; transform: scale(1); }
		.image-zoom:hover picture img								{ transform: scale(1.1); }
		
		.box-shadow													{ box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, .5); }
		.box-shadow-light											{ box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .25); }
	}
	
	@media (max-width: 1280px) {
	
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent	{ width: 91%; }
	
	}
	
	@media (max-width: 1023px) {
	
		.inner-padding												{ padding: 45px; }
		.inner-padding-medium										{ padding: 30px; }
		.inner-padding-small										{ padding: 20px; }
		
		.padding-top												{ padding-top: 72px; }
		.padding-bottom												{ padding-bottom: 72px; }
		
		.padding-top-medium											{ padding-top: 56px; }
		.padding-bottom-medium										{ padding-bottom: 56px; }
		
		.padding-top-small											{ padding-top: 36px; }
		.padding-bottom-small										{ padding-bottom: 36px; }
		
		.padding-top-tiny											{ padding-top: 24px; }
		.padding-bottom-tiny										{ padding-bottom: 24px; }
		
		.margin-top													{ margin-top: 100px; }
		.margin-bottom												{ margin-bottom: 100px; }
		
		.margin-top-medium											{ margin-top: 72px; }
		.margin-bottom-medium										{ margin-bottom: 72px; }
		
		.margin-top-small											{ margin-top: 36px; }
		.margin-bottom-small										{ margin-bottom: 36px; }
	
	}
	
	@media (max-width: 799px) {
	
		.no-padding-top-mobile										{ padding-top: 0px; }
		.no-padding-bot-mobile										{ padding-bottom: 0px; }
	
		.no-margin-top-mobile										{ margin-top: 0px; }
		.no-margin-bot-mobile										{ margin-bottom: 0px; }
		
		.no-centercontent-mobile									{ width: auto; }
	
	}
	
	@media (max-width: 480px) {
	
		.inner-padding												{ padding: 30px; }
		.inner-padding-medium										{ padding: 24px; }
		.inner-padding-small										{ padding: 14px; }
		
		.padding-top												{ padding-top: 56px; }
		.padding-bottom												{ padding-bottom: 56px; }
		
		.padding-top-medium											{ padding-top: 45px; }
		.padding-bottom-medium										{ padding-bottom: 45px; }
		
		.padding-top-small											{ padding-top: 30px; }
		.padding-bottom-small										{ padding-bottom: 30px; }
		
		.padding-top-tiny											{ padding-top: 20px; }
		.padding-bottom-tiny										{ padding-bottom: 20px; }
		
		.margin-top													{ margin-top: 72px; }
		.margin-bottom												{ margin-bottom: 72px; }
		
		.margin-top-medium											{ margin-top: 56px; }
		.margin-bottom-medium										{ margin-bottom: 56px; }
		
		.margin-top-small											{ margin-top: 30px; }
		.margin-bottom-small										{ margin-bottom: 30px; }
		
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent	{ width: 90%; }
		
		.no-centercontent-mobile									{ width: auto; }
	
		.no-padding-top-mobile										{ padding-top: 0px; }
		.no-padding-bot-mobile										{ padding-bottom: 0px; }
	
		.no-margin-top-mobile										{ margin-top: 0px; }
		.no-margin-bot-mobile										{ margin-bottom: 0px; }
	
	}
	
	
/* Change following classes and media-queries to your needs ______________ */
	
	@media (max-width: 1023px) {
	
		.aboveTabletBreakpoint										{ display: none !important; }
	
	}
	
	@media (min-width: 1024px) {
	
		.belowTabletBreakpoint										{ display: none !important; }
	
	}
	
	@media (max-width: 739px) {
	
		.aboveMobileBreakpoint										{ display: none !important; }
	
	}
	
	@media (min-width: 740px) {
	
		.belowMobileBreakpoint										{ display: none !important; }
	
	}
	
	
/* Mainmenu _____________________________________________________________ */

	@media all {
	
		nav.mainmenu 												{ display: flex; justify-content: center; }
		nav.mainmenu ul.menu 										{ display: inline-block; vertical-align: top; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Source Sans Pro', sans-serif; }
		nav.mainmenu ul.menu li 									{ float: left; position: relative; padding: 0px 0px 0px 0px;}
		nav.mainmenu ul.menu li + li 								{ margin: 0 0 0 40px; }
		nav.mainmenu ul.menu li a 									{ float: left; padding: 0px 0px 0px 0px; font-size: 19px; line-height: 30px; color: #FFFFFF; }
		nav.mainmenu ul.menu > li:hover > a,
		nav.mainmenu ul.menu > li.aktiv > a							{ color: #BDA597; }
		
		nav.mainmenu ul.menu li ul 									{ display: none; font-weight: normal; list-style-type: none; position: absolute; left: 0px; top: 47px; z-index: 1; }
		nav.mainmenu ul.menu li ul li 								{ display: block; float: none; margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		nav.mainmenu ul.menu li ul li a								{ display: block; float: none; width: 260px; box-sizing: border-box; background: #725D4D; font-size: 16px; line-height: 20px; padding: 12px 16px; color: #FFFFFF; transition: all 300ms; }
		nav.mainmenu ul.menu li ul li a:hover,
		nav.mainmenu ul.menu li ul li.aktiv a						{ 
																		-webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25);
																		-moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25);
																		box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25);
																		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0);
																	}
	
	}
	
	@media (max-width: 1400px) {
	
		nav.mainmenu ul.menu li + li 								{ margin: 0 0 0 20px; }
	
	}
	
	@media (max-width: 1279px) {
	
		nav.mainmenu ul.menu li + li 								{ margin: 0 0 0 16px; }
		nav.mainmenu ul.menu li a 									{ font-size: 18px; }
	
	}
	
	@media all {
	
		div.unitsheader.mobileheader									{ position: relative; }
		div.unitsheader.mobileheader:before								{ content: ''; position: fixed; top: 0px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8xMi8xNSxvwwsAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAADUlEQVQImWNgYGDYDAAAuAC0lXSlKAAAAABJRU5ErkJggg=='); background-repeat: repeat; -webkit-transition: left 400ms, right 400ms; transition: left 400ms, right 400ms; }
		div.unitsheader.mobileheader div.innerMobileHeader:after		{ content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; }
		div.unitsheader.mobileheader div.menuopener						{ margin: 0px 0px 0px 0px; box-sizing: border-box; cursor: pointer; position: relative; z-index: 6; }
		
		div.unitsheader.mobileheader div.menuopener span.bar			{ position: absolute; background-color: #FFFFFF; display: block; -webkit-transition: all 500ms; transition: all 500ms; }
		
		.withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener span.bar1,
		.withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener span.bar2	{ -ms-transform: rotate(45deg) scale(1.25,1.25); -webkit-transform: rotate(45deg) scale(1.25,1.25); transform: rotate(45deg) scale(1.25,1.25); }
		.withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener span.bar3	{ -ms-transform: rotate(-45deg) scale(1.25,1.25); -webkit-transform: rotate(-45deg) scale(1.25,1.25); transform: rotate(-45deg) scale(1.25,1.25); }
		
		.mobilemenuopen													{ overflow: hidden; }
		.mobilemenuopen div.outerFrame									{ overflow: hidden; position: relative; }
		div.unitsheader.mobileheader div.mobilemenu						{
			padding: 20px 0 105px;
			height: 100%;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			position: relative;
			text-align: left;
			font-size: 18px;
			background: rgba(135,160,116,0.6);
			overflow-y: scroll;
			display: flex;
			align-items: flex-start;
		}
		
		div.unitsheader.mobileheader div.mobilemenu ul					{ font-size: 36px; line-height: 72px; font-weight: 500; text-align: center; width: 100%; margin: auto; }
		div.unitsheader.mobileheader div.mobilemenu li					{ height: auto; transition: background-color 400ms; }
		div.unitsheader.mobileheader div.mobilemenu li.language			{ display: inline-block; margin: 0 5px; }
		div.unitsheader.mobileheader div.mobilemenu li a				{ display: block; color: #FFFFFF; position: relative; z-index: 1; }
		/* div.unitsheader.mobileheader div.mobilemenu li.aktiv > a, */
		div.unitsheader.mobileheader div.mobilemenu li > a:hover		{ opacity: 0.3; }
		div.unitsheader.mobileheader div.mobilemenu .hover:hover		{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
		
		div.unitsheader.mobileheader div.mobilemenu li ul				{ padding: 5px 0 10px; position: relative; }
		/* div.unitsheader.mobileheader div.mobilemenu li ul:before		{
			content: '';
			background: rgba(135,160,116,1);
			position: absolute;
			top: -72px;
			left: 0;
			width: 100%;
			height: calc(100% + 72px);
			z-index: 0;
		} */
		div.unitsheader.mobileheader div.mobilemenu li ul li    		{ position: relative; z-index: 1; }
		div.unitsheader.mobileheader div.mobilemenu li ul li a			{ font-size: 22px; line-height: 36px; }
		
		div.unitsheader.mobileheader div.outermobilemenu				{
			overflow: hidden;
		}
		.effect-slideinleft div.unitsheader.mobileheader div.outermobilemenu,
		.effect-slideinright div.unitsheader.mobileheader div.outermobilemenu		{ width: 275px; height: 100%; position: fixed; top: 0px; -webkit-transition: all 400ms; transition: all 400ms; z-index: 5; box-sizing: border-box; }
		.effect-fade-in div.unitsheader.mobileheader div.outermobilemenu			{ width: 100%; height: 100%; position: fixed; top: 0px; -webkit-transition: all 400ms; transition: all 400ms; z-index: 5; box-sizing: border-box; left: 0; }
		
		/* Effect SlideIn from the right side ____________________________ */
		.effect-slideinright div.unitsheader.mobileheader:before					{ right: 0px; }
		.effect-slideinright.mobilemenuopen div.unitsheader.mobileheader:before		{ z-index: 5; right: 275px; width: 100%; height: 100%; }
		.effect-slideinright div.frame												{ -webkit-transition: left 400ms; transition: left 400ms; position: relative; left: 0px; }
		.effect-slideinright.mobilemenuopen div.frame								{ left: -275px; }
		
		.effect-slideinright div.unitsheader.mobileheader div.outermobilemenu					{ margin-right: -275px; right: 0px; }
		.effect-slideinright.mobilemenuopen div.unitsheader.mobileheader div.outermobilemenu	{ margin-right: 0px; }
		
		.effect-fade-in div.unitsheader.mobileheader div.outermobilemenu						{ z-index: -1; opacity: 0; visibility: hidden; }
		.effect-fade-in.mobilemenuopen div.unitsheader.mobileheader div.outermobilemenu			{ z-index: 5; opacity: 1; visibility: visible; }
		
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener							{ position: absolute; width: <%=pr(1,4)%>%; left: 0px; top: 0px; height: 62px; text-align: center; line-height: 62px; color: #FFFFFF; transition: all 400ms; padding: 0; }
		.mobilemenuopen div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener			{ width: 100%; }
		.mobilemenuopen div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener:hover	{ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; filter: none !important; }
		
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.icon				{ position: relative; padding-right: 15px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.text				{ opacity: 1; -webkit-transition: all 500ms; transition: all 500ms; margin-top: 0%; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar				{ left: 0; height: 3px; width: 100%; border-radius: 1px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar1				{ top: -9px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar2				{ top: -4px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar3				{ top: 1px; }
		.withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener span.bar		{ top: -4px !important; }
	
	}
	
	@media (max-width: 739px) {
	
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.icon				{ padding-right: 26px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar				{ height: 5px; border-radius: 3px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar1				{ top: -13px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar2				{ top: -4px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar3				{ top: 5px; }
		.withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener span.bar		{ top: -4px !important; }
	
	}
	
	@media (max-width: 480px) {
	
		div.unitsheader.mobileheader div.mobilemenu ul					{ font-size: 24px; line-height: 52px; }
		div.unitsheader.mobileheader div.mobilemenu li ul li a			{ font-size: 18px; line-height: 32px; }
		div.unitsheader.mobileheader div.mobilemenu						{ padding: 20px 24px 105px; }
	
	}
	
	
/* Header ________________________________________________________________ */
	
	@media all {
	
		header.pageheader											{ position: relative; }
		header.pageheader .inner-header								{ position: absolute; left: 0px; top: 0px; width: 100%; display: flex; }
		header.pageheader.fixed .inner-header						{ align-items: center; }
		header.pageheader .menu-bar									{ flex-grow: 1; padding: 28px 0; }
		header.pageheader.fixed .menu-bar							{ padding: 4px 0 0; }
		
		header.pageheader .logo-wrapper								{ position: relative; height: 100px; }
		header.pageheader a.logo									{ position: absolute; left: 50%; bottom: 0%; padding-bottom: 18px; width: 199px; transform: translate(-50%, 0); z-index: 1; padding: 13px; }
		header.pageheader a.logo img								{ display: block; width: 100%; position: relative; z-index: 2; }
		header.pageheader .side-menu-lang							{ position: absolute; left: 0px; top: 0px; padding: 28px 0; }
		header.pageheader .side-menu-lang .language					{ float: left; margin: 0 0 0 17px; }
		header.pageheader .side-menu-lang .language	a				{ float: left; margin: 0 0 0 8px; color: #B4A69A; }
		header.pageheader .side-menu-lang .language	a:hover,
		header.pageheader .side-menu-lang .language	a.active		{ color: #8D7664; }
		
		header.pageheader .buttons									{ position: absolute; right: 0px; top: 0px; }
	
	}
	
	@media (min-width: 1024px) {
	
		header.pageheader .inner-header								{ z-index: 3; height: 176px; }
		header.pageheader:not(.fixed) .inner-header					{ background: linear-gradient(to bottom, rgba(101,81,67,0.9) 0%,rgba(101,81,67,0) 100%); }
		header.pageheader.fixed .inner-header						{ position: fixed; top: 0; height: 57px; }
		header.pageheader.fixed .side-menu-lang						{ display: none; }
		header.pageheader .buttons .button							{ width: 120px; height: 57px; float: left; padding: 0; display: flex; flex-direction: column; justify-content: center; }
		header.pageheader .buttons .button .icon					{ display: block; margin: 0; }
		header.pageheader .buttons .button .text					{ display: block; margin: 0; }
		header.pageheader .buttons .phone-link						{ float: left; clear: both; min-width: 100%; text-align: center; margin-top: 10px; }
		header.pageheader .buttons .phone-link .link				{ color: #FFFFFF; font-size: 18px; }
		header.pageheader .buttons .phone-link .link .text			{ vertical-align: middle; margin-left: 2px; }
		header.pageheader.fixed .buttons							{ height: 100%; }
		header.pageheader.fixed .button .icon						{ display: none; }
		header.pageheader.fixed .buttons .phone-link				{ display: none; }
	
	}
	
	@media (max-width: 1130px) {
	
		header.pageheader .buttons .button							{ width: 100px; font-size: 18px; }
	
	}
	
	@media (max-width: 1023px) {
	
		header.pageheader											{ top: 0px; z-index: 0; border: 0px; }
		.mobilemenuopen header.pageheader							{ z-index: 3; }
		
		header.pageheader .language-container						{ position: absolute; left: 0; bottom: 0; width: 100%; }
		header.pageheader .lang-buttons								{ width: 100%; position: absolute; right: 0px; top: 0px; }
		header.pageheader .language									{ position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%); }
		header.pageheader .language	a + a							{ margin: 0 0 0 6px; }
		header.pageheader .language	a.active						{ color: #719059; }
	
	}
	
	@media (max-width: 480px) {
	
		header.pageheader .logo-wrapper								{ height: 59px; }
		header.pageheader a.logo									{ width: 100px; }
	
	}
	
	
/* Web Content _________________________________________________________________ */
	
	@media all {
	
		div.pagecontent												{ margin: 0px 0px 0px 0px;  }
		div.pagecontent .breadcrumb-container 						{ position: relative; z-index: 2; }
		div.pagecontent .breadcrumb-container .breadcrumb			{ position: absolute; top: 16px; width: 100%; display: flex; justify-content: center; }
		
		div.pagecontent div.unitsheader.breadcrumb.layout1.cssversion1 span			{ color: #8ba775; }
		div.pagecontent div.unitsheader.breadcrumb.layout1.cssversion1 a:after		{ content: '.'; color: #8ba775; font-size: inherit; line-height: 1.2em; padding: 0 6px; }
	}
	
	@media (max-width: 1023px) {
	
		section.unitcookieonpage.layout1							{ z-index: 10002 !important; bottom: 85px !important; }
		.mobilemenuopen section.unitcookieonpage.layout1			{ z-index: 0 !important; }
	
	}
	
	@media (max-width: 480px) {
	
		section.unitcookieonpage.layout1							{ bottom: 66px !important; }
	
	}
	
	
/* Footer ________________________________________________________________ */
	
	@media all {
	
		footer.pagefooter 											{ position: relative; clear: both; }
		
		footer.pagefooter .link-bar									{ padding: 27px 0px; font-family: 'Source Sans Pro', sans-serif; }
		footer.pagefooter .link-bar a								{ color: #FFFFFF; font-size: 22px; line-height: 30px; margin: 0 15px; }
		footer.pagefooter .link-bar a:first-child					{ margin-left: 0; }
		footer.pagefooter .link-bar a:last-child					{ margin-right: 0; }
		footer.pagefooter .link-bar a:hover							{ color: #BDA597; }
		
		footer.pagefooter address a									{ color: #D7CEC8; }
		footer.pagefooter address a:hover							{ color: #719059; }
		footer.pagefooter address span								{ display: block; }
		footer.pagefooter address span span							{ display: inline; }
		footer.pagefooter address > span > span,
		footer.pagefooter address > span > span > span				{ margin: 0 10px; }
		footer.pagefooter address > span > span:first-child,
		footer.pagefooter address > span > span > span:first-child	{ margin-left: 0; }
		footer.pagefooter address > span > span:last-child,
		footer.pagefooter address > span > span > span:last-child	{ margin-right: 0; }
		
		footer.pagefooter .footernavi a								{ color: #D7CEC8; }
		footer.pagefooter .footernavi a:hover						{ color: #719059; }
		footer.pagefooter .footernavi > *							{ margin: 0 10px; }
		
		footer.pagefooter .logos									{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 35px 0; }
		footer.pagefooter .logos .logo								{ padding: 25px 30px; }
	
	}
	
	@media (max-width: 1279px) {
	
		footer.pagefooter .link-bar a								{ font-size: 20px; line-height: 28px; margin: 0 10px; }
		
		footer.pagefooter address > span > span,
		footer.pagefooter address > span > span > span				{ margin: 0 6px; }
		
		footer.pagefooter .footernavi > *							{ margin: 0 6px; }
	
	}
	
	@media (max-width: 1100px) {
	
		footer.pagefooter address > span > span						{ display: block; margin: 0; }
	
	}
	
	@media (max-width: 1023px) {
	
		footer.pagefooter .link-bar a								{ font-size: 18px; line-height: 26px; margin: 0 6px; }
		
		.bs-quick-enquiry-widget .Bs-QuickEnquiry__Route			{ max-height: calc(100vh - 85px); bottom: 85px; }
		.bs-quick-enquiry-widget .Bs-QuickEnquiry__Route__Inner		{ max-height: calc(100vh - 85px); }
		.bs-quick-enquiry-widget									{ display: none; }
	
	}
	
	@media (max-width: 540px) {
	
		footer.pagefooter .link-bar a								{ display: block; margin: 0; }
	
	}
	
	@media (max-width: 480px) {
	
		footer.pagefooter address > span > span > span				{ display: block; margin: 0; }
		footer.pagefooter .footernavi > span						{ display: block; margin: 0; }
	
	}
	
	
	/* Footer Mobile Menu ________________________________________________________________ */
	
	@media all {
		.mobile-footer-menu 										{ position: relative; z-index: 10001; height: 84px; }
		.mobile-footer-menu .buttons								{ width: 100%; position: fixed; top: auto; right: 0px; bottom: 0px; display: flex; border-top: 1px solid #fff; }
		.mobile-footer-menu .buttons .button						{ padding: 0px; height: 84px; flex: 1 1 25%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
		.mobile-footer-menu .buttons .button .icon					{ height: 31px; display: flex; align-items: center; }
		.mobile-footer-menu .buttons .button .text					{ font-size: 16px; line-height: 28px; text-transform: none; margin-left: 0; }
		
		.mobile-footer-menu .menuopener span.bar					{ position: absolute; background-color: #FFFFFF; display: block; -webkit-transition: all 500ms; transition: all 500ms; }
		
		.withtransform.mobilemenuopen .mobile-footer-menu .menuopener span.bar1,
		.withtransform.mobilemenuopen .mobile-footer-menu .menuopener span.bar2	{ transform: rotate(45deg) scale(1, 1); }
		.withtransform.mobilemenuopen .mobile-footer-menu .menuopener span.bar3	{ transform: rotate(-45deg) scale(1, 1); }
		
		
		.mobile-footer-menu .menuopener								{ transition: all 400ms; padding: 0; }
		
		.mobile-footer-menu .menuopener span.icon					{ position: relative; width: 34px; }
		.mobile-footer-menu .menuopener span.text					{ opacity: 1; -webkit-transition: all 500ms; transition: all 500ms; margin-top: 0%; display: block; }
		.mobile-footer-menu .menuopener span.bar					{ left: 0; height: 2px; width: 100%; border-radius: 1px; }
		.mobile-footer-menu .menuopener span.bar1					{ top: 6px; }
		.mobile-footer-menu .menuopener span.bar2					{ top: 15px; }
		.mobile-footer-menu .menuopener span.bar3					{ top: 24px; }
		.withtransform.mobilemenuopen .mobile-footer-menu .menuopener span.bar	{ top: 15px !important; }
	}
	
	@media (max-width: 480px) {
	
		.mobile-footer-menu 										{ height: 65px; }
		.mobile-footer-menu .buttons .button						{ height: 65px; flex: 1 1 25%; }
		.mobile-footer-menu .buttons .button .text					{ font-size: 14px; line-height: 20px; }
	
	}
/* __________________________________________________________________ End */