/* Basic ____________________________________________________ */
	
	@media all {
	
		body 															{  }
		address															{ font-style: normal; }
		
		::selection														{ background: rgba(190, 132, 88, 0.7); color: #FFFFFF; }
		::-moz-selection												{ background: rgba(190, 132, 88, 0.7); color: #FFFFFF; }
		
		div.frame 														{ position: relative; text-align: left; }
		
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent		{ width: 96%; max-width: 1170px; margin-left: auto; margin-right: auto; }
		.centercontent .centercontent									{ width: auto; max-width: none; margin-left: 0px; margin-right: 0px; }
		.centercontentSmall												{ width: <%=pr(890,1170)%>%; max-width: 890px; margin-left: auto; margin-right: auto; }
		.centercontentLarge												{ width: 96%; margin-left: auto; margin-right: auto; }
		.spaceTopBottom													{ padding-top: <%=pr(120,1170)%>%; padding-bottom: <%=pr(120,1170)%>%; }
		.spaceTopBottomMargin											{ margin-top: <%=pr(120,1920)%>%; margin-bottom: <%=pr(120,1920)%>%; }
		.spaceTop														{ padding-top: <%=pr(120,1170)%>%; }
		.spaceBottom													{ padding-bottom: <%=pr(120,1170)%>%; }
		.spaceBottom .spaceBottom										{ padding-bottom: 0px; }
		
		picture,
		picture a														{ display: block; position: relative; }
		picture img														{ display: block; width: 100%; transition: opacity 500ms; opacity: 1; }
		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; }
		picture.picture-loading img										{ 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; border-radius: 50%; 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); }
		video + .video-controls > div.pause								{ display: none; }
		video + .video-controls.playing > div.play						{ display: none; }
		video + .video-controls.playing > div.pause						{ display: block; }
		
		.lg-outer.videoresize .lg-object 									{ width: 80%; }
		.lg-outer.videoresize .lg-object div								{ width: 100%; position: relative; }
		.lg-outer.videoresize .lg-object iframe								{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
		
		.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; }
		
		.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; }
		
		.owl-item .gallery-slide-bar:before 							{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 4px; background-color: var(--bgweb2-bg-color); z-index: 1; }
		.owl-item + .owl-item.active .gallery-slide-bar:before 			{ -webkit-animation: gallery-slide-bar 8s linear; animation: gallery-slide-bar 8s linear; }
		
		.line-above 													{ position: relative; }
		.line-above:before 												{ content: ''; position: absolute; left: 50%; bottom: 100%; width: 1px; height: 70px; margin-bottom: 40px; background-color: #B7B7B7; }
		
		*[data-link="True"] 											{ cursor: pointer; }
		
		.tac 															{ text-align: center; }
		
		.custom-arrow-prev 												{ position: relative; width: 80px; height: 40px; color: #3E6D5A; }
		.bglistalternate .custom-arrow-prev 							{ color: var(--bglistalternate-link-color); }
		.custom-arrow-prev:before 										{ content: ''; position: absolute; right: 0px; top: 50%; width: 73px; height: 1px; background-color: currentColor; }
		.custom-arrow-prev:after 										{ content: ''; position: absolute; left: 0px; top: 50%; margin-top: -4px; width: 0; height: 0; border-style: solid; border-width: 4.5px 7px 4.5px 0; border-color: transparent currentColor transparent transparent; }
		.custom-arrow-next 												{ position: relative; width: 80px; height: 40px; color: #3E6D5A; }
		.bglistalternate .custom-arrow-next 							{ color: var(--bglistalternate-link-color); }
		.custom-arrow-next:before 										{ content: ''; position: absolute; left: 0px; top: 50%; width: 73px; height: 1px; background-color: currentColor; }
		.custom-arrow-next:after 										{ content: ''; position: absolute; right: 0px; top: 50%; margin-top: -4px; width: 0; height: 0; border-style: solid; border-width: 4.5px 0 4.5px 7px; border-color: transparent transparent transparent currentColor; }
		.custom-arrow-prev:hover,
		.custom-arrow-next:hover 										{ opacity: 0.7; filter: alpha(opacity = 70); }
		
		.standardspace 													{ padding-top: <%=pr(120,1600)%>%; padding-bottom: <%=pr(120,1600)%>%; }
		.standardspacetop 												{ padding-top: <%=pr(120,1600)%>%; }
		.standardspacebottom 											{ padding-bottom: <%=pr(120,1600)%>%; }
		
		div.kalendercontainer														{ position: relative; top: 40px; }
		div.kalendercontainer div.kalender 											{ width: 292px; background-color: var(--bghighlight-button1-bg-color); border: none; border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; }
		div.kalendercontainer div.kalender a.prev,
		div.kalendercontainer div.kalender a.prev:hover								{ left: 12px; top: 10px; width: 10px; height: 10px; border: none; border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; background: url(/images/design/date-prev.png) no-repeat 0px 0px; }
		div.kalendercontainer div.kalender a.next,
		div.kalendercontainer div.kalender a.next:hover								{ right: 12px; top: 10px; width: 10px; height: 10px; border: none; border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; background: url(/images/design/date-next.png) no-repeat 0px 0px; }
		div.kalendercontainer div.kalender a.next:hover,
		div.kalendercontainer div.kalender a.prev:hover								{ opacity: 0.7; filter: alpha(opacity = 70); }
		div.kalendercontainer div.kalender a.calendarclose							{ display: none; }
		div.kalendercontainer div.kalender div.kalenderbox							{ width: 100%; padding: 0px; }
		div.kalendercontainer div.kalender div.kalenderbox b						{ width: calc(100% - 2px); background: transparent; border: 1px solid rgba(255,255,255,0.2); color: #FFFFFF; font-size: 18px; line-height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; }
		div.kalendercontainer div.kalender div.kalenderbox table					{ margin: 0px 0px 0px 0px; width: 100%; float: none; display: block; }
		div.kalendercontainer div.kalender div.kalenderbox table tbody 				{ width: 100%; display: block; }
		div.kalendercontainer div.kalender div.kalenderbox table tr 				{ width: 100%; display: block; display: flex; }
		div.kalendercontainer div.kalender div.kalenderbox table th 				{ width: 41px; height: 45px; line-height: 45px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; }
		div.kalendercontainer div.kalender div.kalenderbox table td 				{ display: block; width: 34px; margin: 4px; padding: 0px; }
		div.kalendercontainer div.kalender div.kalenderbox table td span 			{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: none; margin: 0px; border: 1px solid rgba(255,255,255,0.2); color: #FFFFFF; opacity: 0.5; filter: alpha(opacity=50); width: calc(100% - 2px); font-size: 15px; line-height: 30px; height: auto; }
		div.kalendercontainer div.kalender div.kalenderbox table td a 				{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: none; margin: 0px; border: 1px solid rgba(255,255,255,0.2); color: #FFFFFF; width: calc(100% - 2px); font-size: 15px; line-height: 30px; height: auto; }
		div.kalendercontainer div.kalender div.kalenderbox table td a:hover 		{ background: var(--bghighlight-button1-bg-color); border: 1px solid rgba(255,255,255,0.2); color: #FFFFFF; }
	
	}
	
	@media (max-width: 1500px) {
	
		.line-above:before 												{ margin-bottom: 20px; }
	
	}
	
	@media (max-width: 1024px) {
	
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent		{ width: 92%; }
		
		.line-above:before 												{ height: 50px; margin-bottom: 16px; }
	
	}
	
	@media (max-width: 800px) {
	
		.custom-arrow-prev 												{ width: 40px; }
		.custom-arrow-prev:before 										{ width: 35px; }
		.custom-arrow-prev:after 										{ margin-top: -3px; border-width: 3.5px 5px 3.5px 0; }
		.custom-arrow-next 												{ width: 40px; }
		.custom-arrow-next:before 										{ width: 35px; }
		.custom-arrow-next:after 										{ margin-top: -3px; border-width: 3.5px 0 3.5px 5px; }
	
	}
	
	@media (max-width: 680px) {
	
		div.frame 														{ padding-bottom: 46px; }
		
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent		{ width: 88%; }
		
		.line-above:before 												{ height: 30px; margin-bottom: 16px; }
	
	}
	
	@-webkit-keyframes gallery-slide-bar {
		from { width: 0; }
		to { width: 100%; }
	}
	
	@keyframes gallery-slide-bar {
		from { width: 0; }
		to { width: 100%; }
	}
	
	
/* __________________________________________________________________ End */