@charset "utf-8";
/* CSS RESET ++ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

th {
	font-weight:normal;
}

input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: transparent;
}

/* CSS RESET -- */
/* FONTS ++ */


@font-face {
	font-family:"DonegalOne";
	font-style:normal;
	font-weight:400;
	src:url('/assets/vendor/fonts/DonegalOne-Regular.ttf') format('truetype');
}

@font-face {
	font-family:"Barlow-Regular";
	font-style:normal;
	font-weight:400;
	src:url('/assets/vendor/fonts/Barlow-Regular.ttf') format('truetype');
}

@font-face {
	font-family:"Barlow-Bold";
	font-style:normal;
	font-weight:400;
	src:url('/assets/vendor/fonts/Barlow-Bold.ttf') format('truetype');
}

/* FONTS -- */
/* ACCESSIBILITY ++ */

:root {
  font-size:100%; 
}

:root.size125 {
  font-size:125%; 
}

:root.size150 {
  font-size:150%; 
}

header div.accessibility {
    background-image: url(/assets/img/icon-accessibility.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    position: relative;
    transition-duration: 0.3s;
    cursor: pointer;
    border: 1px solid var(--white);
	margin-right:20px; 
}

header div.accessibility-controls {
    position: absolute;
    right: 0px;
    top: 4.125rem;
    z-index: 100;
    background-color:#fff;
    border-radius: 4px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 20px;
    display: none;
    text-align: left;
}

header div.accessibility-controls p {
    font-size: 0.75rem;
    text-transform: uppercase;
   
}

header div.accessibility-controls ul {
    margin: 5px 0;
    list-style: none;
    white-space: nowrap;
    border: 1px solid #000;
    border-radius: 4px;
    line-height: 0;
    overflow: hidden;
    display: table;
    width: 100%;
	
}

header div.accessibility-controls ul.font-size {
    margin-bottom: 15px;
    border: 1px solid #000;
}

header div.accessibility-controls ul.font-size li {
    display: inline-table;
    width: 33.33%;
}

header div.accessibility-controls ul.font-size li a {
    padding: 0px 0.625rem;
    display: table;
    line-height: 2.188rem;
    transition-duration: 0.3s;
    font-size: 0.875rem;
    width: 100%;
    box-sizing: border-box;
    color: #000;
    text-align: center;
}

header div.accessibility-controls ul.font-size li a.active {
    background-color: #000;
    color: #fff;
}

header div.accessibility-controls ul.font-size li:first-child {
    border-right: 1px solid #000;
}

header div.accessibility-controls ul.font-size li:last-child {
    border-left: 1px solid #000;
}

header div.accessibility-controls ul.contrast li {
    display: inline-table;
    width: 25.5%;
}

header div.accessibility-controls ul.contrast li a {
    width: 100%;
    height: 2.188rem;
    display: table;
    color: #919397;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/assets/img/icon-eye-black.svg);
    background-size: 1.2rem;
    background-color:#fff;
}

header div.accessibility-controls ul.contrast li a.active {
    background-position: center top 0.688rem;
    background-size: 1.2rem;
}

header div.accessibility-controls ul.contrast li a.white-black.active, header div.accessibility-controls ul.contrast li a.yellow-black.active {
    background-image: url(/assets/img/icon-eye-reverse-black.svg);
}


header div.accessibility-controls ul.contrast li a.black-white {
    background-image: url(/assets/img/icon-eye-white.svg);
    background-color: #000;
}



header div.accessibility-controls ul.contrast li a.yellow-black {
    background-color: #F9EF6D;
}

header div.accessibility-controls ul.contrast li a.black-yellow {
    background-color: #000;
    background-image: url(/assets/img/icon-eye-yellow.svg);
}

header div.accessibility-controls ul.contrast li a.black-white.active {
    background-image: url(/assets/img/icon-eye-reverse-white.svg);
}




header div.accessibility-controls ul.contrast li a.active {
    background-position: center top 0.688rem;
    background-size: 1.2rem;
}


header div.accessibility-controls ul.contrast li a.black-yellow.active {
    background-image: url(/assets/img/icon-eye-reverse-yellow.svg);
}





/* ACCESSIBILITY -- */
/* OVERAL STYLE ++ */

:root {
  --black:#000;
  --white:#FFF;
  --brown:#985634;
  --grey:#94948A;
  --green:#00B38E;
}

.red {
	color:var(--red);	
}

html,body {
	width:100%;
	height:100%;
	min-height:100%;
}

body {
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-family:"Barlow-Regular";
}

body.open {
	overflow-y:scroll;
}

.global-wrapper {
	display:table;
	width:100%;
	height:100%;
	min-height:100%;
}

.width-wrapper {
	padding-left:40px;
	padding-right:40px;
	box-sizing:border-box;
}

.height-wrapper {
	padding-top:40px;
	padding-bottom:40px;
	box-sizing:border-box;
}

.content-wrapper {
	display:table;
	width:100%;
	max-width:1100px;
	margin:0 auto;
}

.table {
	display:table;
}

.table-row {
	display:table-row;
}

.table-cell {
	display:table-cell;
}

a {
	color:var(--black);
	text-decoration:none;
	transition-duration:0.3s;
}

h1,
h2.h1 {
	font-size: 3.75rem;
	line-height: 4.375rem;
	margin-top:30px;
	margin-bottom:30px;
	font-family:"DonegalOne";
	font-weight:400;
}

h2 {
	font-size: 2.625rem;
	line-height: 3.125rem;
	margin-bottom:30px;
	font-family:"DonegalOne";
	font-weight:400;
}

h2.center {	
	margin:20px auto;
	display:table;
}

h3 {
	font-size: 1.375rem;
	line-height: 1.875rem;
	margin-bottom:30px;
	font-family:"DonegalOne";
	font-weight:400;
}

h3.center {	
	margin:20px auto;
	display:table;
	text-align:center;
}

section {
	width:100%;
	height:100%;
	min-height:100%;
	display:table;
}

b,strong {
	font-weight:normal;
	font-family:"Barlow-Bold";
}

p.title {
	font-family:"Barlow-Bold";
	margin-bottom:10px;
}


div.paragraphs p {
	font-size: 1.125rem;
	line-height: 1.75rem;
	margin:20px 0;
}

div.paragraphs ul {
	margin-left:20px;
	font-size: 1.125rem;
	line-height: 1.75rem;
	margin-bottom:40px;
	display:table;
}

	div.paragraphs ul li {
		margin:10px 0;
	}
	
div.paragraphs a {
	border-bottom:1px solid var(--black);
	transition-duration:0.3s;
}

div.paragraphs a:hover {
	border-color:transparent;
}

@media screen and (max-width:800px) {
	.width-wrapper {
		padding-left:20px;
		padding-right:20px;
	}
	
	h1,
	h2.h1 {
		font-size: 2.8125rem;
		line-height: 3.125rem;
	}
	
	h2 {
		font-size: 1.875rem;
		line-height: 2.5rem;
		margin-bottom:20px;
	}
/*
	
	h3 {
		font-size: 0.875rem;
		line-height: 1.125rem;
		margin-bottom:20px;
	}
*/
	
}	

@media screen and (max-width:800px) {
	
	.height-wrapper.top {
		/* padding-top:0px; */
		padding-bottom:0px;
	}
	
	.height-wrapper.bottom {
		padding-top:20px;
	}

}

/* breadcrumbs ++ */

div.breadcrumbs a, 
div.breadcrumbs p, 
div.breadcrumbs span {
    display:inline-table;
    margin:3px 10px 3px 0;
    vertical-align:middle;
}

div.breadcrumbs a, 
div.breadcrumbs p {
    text-decoration:none;
    font-size: 0.75rem;
    line-height: 0.875rem;
    text-transform:uppercase;
    border-bottom:1px solid transparent;
	padding-bottom:1px;
	transition-duration:0.3s;
}

div.breadcrumbs a {
	border-color:var(--black);
}

div.breadcrumbs a:hover {
	border-color:transparent;
}

div.breadcrumbs span.bullet {
	width:10px;
	height:10px;
	/* border:1px solid red; */
	background-image:url('/assets/img/icon-bullet-breadcrumbs.svg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:6px;
}


/* breadcrumbs -- */
/* parameters ++ */

p.parameter {
	font-size: 1rem;
	line-height: 1.375rem;
	background-repeat:no-repeat;
	background-position:left top 0.4rem;
	padding-left:30px;
	margin:0.438rem 0;
	background-size:20px;
}

p.parameter.person {
	background-image:url('/assets/img/icon-parameter-person.svg');
	background-size:15px;
	background-position:left 2.5px top;
}

p.parameter.bed {
	background-image:url('/assets/img/icon-parameter-bed.svg');
}

p.parameter.food {
	background-image:url('/assets/img/icon-parameter-food.svg');
}

p.parameter.location {
	background-image:url('/assets/img/icon-parameter-location.svg');
	background-size:14px;
}

p.parameter.phone {
	background-image:url('/assets/img/icon-parameter-phone.svg');
	background-size:18px;
}

p.parameter.clock {
	background-image:url('/assets/img/icon-parameter-clock.svg');
	background-size:18px;
}

p.parameter.web {
	background-image:url('/assets/img/icon-parameter-web.svg');
	background-size:18px;
}

	p.parameter a {
		border-bottom:1px solid var(--black);
		font-family:"Barlow-Bold";
	}
	
	p.parameter a:hover {
		border-color:transparent;
	}
			
/* parameters -- */
/* slideshow buttons ++ */

div.slideshow-buttons {
	float:left;
	margin-top:10px;
}
	
	div.slideshow-buttons a {
		width:12px;
		height:12px;
		border-radius:50%;
		background-color:var(--white);
		margin-right:20px;
		display:inline-table;
		transition-duration:0.3s;
	}
	
	div.slideshow-buttons a.active,
	div.slideshow-buttons a:hover {
		background-color:var(--brown);
	}

/* slideshow buttons -- */
/* overall contacts ++ */


div.overall-contacts {
	text-align:left;
	font-size: 0.875rem;
	line-height: 1.125rem;
}


div.overall-contacts,
div.overall-contacts a {
	color:var(--brown);
}
		
	div.overall-contacts a.contacts {
		font-size: 2rem;
		line-height: 2.5rem;
		font-family:"DonegalOne";
		margin-top:10px;
		margin-bottom:30px;
		display:table;
	}
	
		div.overall-contacts a.contacts span {
			opacity:0.6;
		}
	
	div.overall-contacts a.policy {
		border-bottom:1px solid var(--brown);
		display:inline-table;
		padding-bottom:0;
		transition-duration:0.3s;
		margin-right:20px;
		margin-bottom:10px;
	}
	
	div.overall-contacts a.policy:hover {
		border-color:transparent;
	}
	
	div.overall-contacts p.copyright {
		display:inline-table;
		margin-right:20px;
		margin-bottom:10px;
	}

	
	div.overall-contacts p.title {
		color:var(--white);
		font-family: "Barlow-Regular";
		text-transform:uppercase;
		font-size: 0.75rem;
		line-height: 1rem;
		margin-bottom:5px;
		margin-top:10px;
	}	
	
	div.overall-contacts ul.socials {
		list-style:none;
	}
	
		div.overall-contacts ul.socials li {
			display:inline-block;
			margin:0 10px;
			margin-bottom:10px;
		}
		
			div.overall-contacts ul.socials li a {
				width:5.625rem;
				height:5.625rem;
				line-height: 5.625rem;
				border-radius:50%;
				display:table;
				background-position:center center;
				background-repeat:no-repeat;
				transition-duration:0.3s;
				border:1px solid rgba(152, 86, 52, 1);
			}
			
			div.overall-contacts ul.socials li a:hover {
				border:1px solid rgba(152, 86, 52, 0.6);
			}
			
			div.overall-contacts ul.socials li a.fb {
				background-image:url('/assets/img/icon-socials-fb.svg');
				background-size: 0.5rem
			}
			
			div.overall-contacts ul.socials li a.ig {
				background-image:url('/assets/img/icon-socials-ig.svg');
				background-size: 1rem;
			}

			div.overall-contacts ul.socials li a.yt {
				background-image:url('/assets/img/icon-socials-yt.svg');
				background-size: 2.313rem;
			}
	
@media screen and (max-width:800px) {
	div.overall-contacts {
		font-size: 0.8125rem;
		line-height: 0.9375rem;
	}
}	

/* overall contacts -- */
/* OVERAL STYLE -- */
/* HEADER ++ */

header {
	padding:10px 0;
	background-color:var(--black);
	text-align:center;
	/* position:absolute; */
	top:0;
	width:100%;
	box-sizing:border-box;
	z-index:100;
}

body.about header,
body.castle header,
body.home header {
	position:absolute;
}

body.open header {
	height:100%;
	position:relative;
}

	header div.inline {
		display:inline-table;
		vertical-align:middle;
		width:40%;
		box-sizing:border-box;
	}
	
	header div.inline.middle {
		width:20%;
	}
	
	header div.inline.right {
		text-align:right;
		white-space:nowrap;
	}
	
		header a.logo {
			transition-duration:0s;
			width:100%;
			max-width:6rem;
			display:table;
			margin: 0 auto;
			transition-duration:0.3s;	
		}
		header a.logo img {
			width:100%;

		}
		header a.toggle-menu {
			width:30px;
			height:21px;
			display:inline-table;
			margin-left:auto;
			vertical-align:middle;
			margin-top:-3px;
		}
		
		header a.toggle-menu div.icon-container span.line-top, 
		header a.toggle-menu div.icon-container span.line-middle, 
		header a.toggle-menu div.icon-container span.line-bottom {
			display:block;
			height:1px;
			background-color:var(--white);
			transition:all .2s ease-in-out;
			-moz-transition:all .2s ease-in-out;
			-webkit-transition:all .2s ease-in-out;
		}
		
		header a.toggle-menu div.icon-container span.line-top {
			margin-top:3px;
		}

		header a.toggle-menu div.icon-container span.line-middle, 
		header a.toggle-menu div.icon-container span.line-bottom {
			margin-top:6px;
		}
		
		header a.toggle-menu.open div.icon-container span.line-top {
			transform:translateY(7px) rotate(135deg);
		}

		header a.toggle-menu.open div.icon-container span.line-middle {
			-webkit-transform:scale(0);
			transform:scale(0);
		}

		header a.toggle-menu.open div.icon-container span.line-bottom {
			transform:translateY(-7px) rotate(-135deg);
		}
		
		header div.menu-lang {
			display:inline-table;
			vertical-align:middle;
			margin-right:30px;
			font-family:"DonegalOne";
			position:relative;
			transition-duration: 0.3s;
		}
		
			header div.menu-lang a, 
			header div.menu-lang p {
				color:var(--white);
				font-size: 0.875rem;
				position:relative;
				white-space:nowrap;
			}
			
			header div.menu-lang p.lang {
				padding-right:1.25rem;
			}

				header div.menu-lang p span.bullet {
					background-image:url('/assets/img/icon-bullet-down.svg');
					background-repeat:no-repeat;
					background-position:center center;
					background-size:0.75rem;
					width:0.75rem;
					height:0.375rem;
					display:table;
					position:absolute;
					right:0;
					top:0.7rem;
				}
		
			header div.menu-lang ul {
				position:absolute;
				list-style:none;
				background-color:var(--brown);
				padding:10px;
				text-align:left;
				display:none;
			}
		
			header div.menu-lang:hover ul {
				display:block;
			}
			
				header div.menu-lang ul a {
					color:var(--black);
				}
				
				header div.menu-lang ul a:hover {
					color:var(--white);	
				}
			
				
				
	body.home header {
		background-color:transparent;
	}
	
	body.home.open header {
		background-color:var(--black);
	}
		body.home header a.logo {
			visibility:hidden;
		}

/* menu main ++ */

div.menu-container {
	display:none;
	text-align:left;
	padding-top:120px;
	padding-bottom:60px;
}

	div.menu-container div.table {
		width:100%;
		height:100%;
	}
	
	div.menu-container div.table-cell {
		box-sizing:border-box;
		width:50%;
		vertical-align:top;
		height:100%;
	}
	
		div.menu-container div.table-cell div.table {
			height:100%;
			padding-left:40px;
			box-sizing:border-box;
		}
		
			div.menu-container div.table-cell div.table div.table-cell.top {
				height:100%;
			}
	
		ul.menu-main {
			list-style:none;
			max-width:700px;
			width:100%;
		}

			ul.menu-main li {
				margin-bottom:25px;	
			}
			
			ul.menu-main a {
				border-bottom:1px solid transparent;
				transition-duration:0.3s;
				color:var(--brown);
				/* font-size: 3.625rem; */
				font-size: 2.5rem;
				line-height: 3rem;
				font-family:"DonegalOne";
				text-transform:uppercase;
			}
			
			ul.menu-main a.active,
			ul.menu-main a:hover {
				border-color:var(--black);
			}


@media screen and (max-width:1000px) {
	div.menu-container div.table-cell {
		width:100%;
		height:auto;
		display:block;
	}
	
		div.menu-container div.table-cell div.table {
			padding-left:0px;
			margin-top:60px;
		}
		
	
}


@media screen and (max-width:800px) {
	
	
	body.open header div.inline.left {
		display:none;
		border:1px solid red;
	}
	
	body.open header div.inline.middle {
		width:30%;
	}
	
	body.open header div.inline.right {
		width:70%;
	}

	
	
	
	div.menu-container {
		padding-top:60px;
	}
	
		ul.menu-main li {
			margin-bottom:10px;
		}
		
			ul.menu-main a {		
				font-size: 1.875rem;
				line-height: 2.125rem;
				max-width:400px;
				display:table;
			}
			
	header div.menu-lang.desktop {
		display:none;
	}
	
	body.open header div.menu-lang.desktop {
		display:inline-table;
	}
	
	body.open header a.logo {
		visibility:hidden;
	}
	
	div.overall-contacts a.contacts {
		/* font-size: 1.5625rem; */
		font-size: 1.25rem;
		line-height: 1.625rem;
		margin-top:5px;
		margin-bottom:20px;
	}
	
	div.overall-contacts ul.socials {
		margin-top:30px;
		display:table;
	}
	
	div.overall-contacts ul.socials li {
		margin-left:0;
		margin-right:10px;
		margin-bottom:30px;
	}
	
	div.overall-contacts ul.socials li a {
		width:60px;
		height:60px;
		line-height: 3.75rem;
	}
	
}


/* menu main -- */
/* HEADER -- */
/* MENU SUB ++ */

div.menu-sub {
	border-bottom:1px solid rgba(0, 0, 0, 0.2);
	padding-bottom:10px;
}

	div.menu-sub a {
		font-family:"Barlow-Bold";
		margin-right:20px;
		color:var(--black);
		opacity:0.3;
		transition-duration:0.3s;
	}
	
		div.menu-sub a span {
			font-family:"Barlow-Regular";
			font-size: 0.75rem;
			transition-duration:0.3s;
			margin-top:1px;
			margin-left:1px;
			display:inline-table;
			vertical-align:top;
			line-height: 0.75rem;
		}
		
	div.menu-sub a.active,
	div.menu-sub a:hover {
		opacity:1;
	}
	
	div.menu-sub a.active:hover {
		cursor:default;
	}
				
		div.menu-sub.green a.active span,
		div.menu-sub.green a:hover span {
			color:var(--green);
		}
		
		div.menu-sub.grey a.active span,
		div.menu-sub.grey a:hover span {
			color:var(--grey);
		}
		
		div.menu-sub.brown a.active span,
		div.menu-sub.brown a:hover span {
			color:var(--brown);
		}

/* MENU SUB -- */
/* ACCOMMODATIONS ++ */

div.accommodations {
}

	div.accommodations div.top {
		display:table;
		width:100%;
		height:100%;
		min-height:400px;
	}
	
		div.accommodations div.top div.inline {
			display:table-cell;
			vertical-align:top;
			width:40%;
			box-sizing:border-box;
		}
		
		div.accommodations div.top div.inline.left {
			min-width:500px;
		}
		
		div.accommodations div.top.grey div.inline {
			background-color:var(--grey);
		}
		
		div.accommodations div.top.green div.inline {
			background-color:var(--green);
		}
		
		div.accommodations div.top.brown div.inline {
			background-color:var(--brown);
		}
		
		div.accommodations div.top div.inline.right {
			width:60%;
			background-size:cover;
			background-position:center center;
			background-repeat:no-repeat;
		}
		
			
		
			div.accommodations div.top div.inline div.inner-wrapper {
				padding:80px 60px;
				box-sizing:border-box;
				width:100%;
				height:100%;
				display:table;
			}
			
				div.accommodations div.top div.inline div.inner-wrapper div.table {
					width:100%;
					height:100%;
				}
				
					div.accommodations div.top div.inline div.inner-wrapper div.table div.table-row.top {
						height:100%;
					}
			
				div.accommodations div.top h1 {
					max-width:500px;
				}
				
				div.accommodations div.slideshow-buttons {
					margin-left:30px;	
				}
					
				div.accommodations a.show-gallery {
					padding:13px 25px 15px 55px;
					background-color:var(--black);
					color:var(--white);
					border-radius:30px;
					float:right;
					background-image:url('/assets/img/icon-gallery.svg');
					background-position:left 20px center;
					background-repeat:no-repeat;
					transition-duration:0.3s;
				}
				
				div.accommodations a.show-gallery:hover {
					background-color:var(--brown);
				}
	
	div.accommodations div.section {
		padding:100px 0;
	}
	
		div.accommodations div.section div.inline {
			display:inline-table;
			width:60%;
			box-sizing:border-box;
			vertical-align:top;
		}
		
		div.accommodations div.section div.inline.left {
			padding-right:50px;
		}
		
		div.accommodations div.section div.inline.right {
			padding-left:50px;
			width:40%;
			
		}
		
@media screen and (max-width:1000px) {
	
	
	div.accommodations div.top div.inline.left,
	div.accommodations div.top div.inline.right {
		min-width:auto;
		display:table;
		width:100%;
	}
	
	div.accommodations div.top div.inline div.inner-wrapper {
		padding:40px 40px;
	}
	
	div.accommodations div.top div.inline.right {
		/* min-height:500px; */
	}
	
	div.accommodations div.top {
		/* min-height:300px; */
	}
	
	div.accommodations div.top.title {
		min-height:auto;
	}
	
	div.accommodations div.section div.inline.left,
	div.accommodations div.section div.inline.right {
		display:table;
		width:100%;
		padding:0;
	}
	
	div.accommodations div.section {
		padding:60px 0;
	}
	
	div.accommodations div.section div.inline.right {
		padding-left:0;
		margin-top:30px;
	}
		


}

@media screen and (max-width:800px) {
	div.accommodations div.top div.inline div.inner-wrapper {
		padding:40px 20px;
	}
	
	div.accommodations div.top div.inline.right {
		position:relative;
		vertical-align:bottom;
	}
	
	div.accommodations div.top div.inline.right img.layout-wrapper {
		width:100%;
		opacity:0;
	}
	
		div.accommodations div.top div.inline.right div.inner-wrapper {
			position:absolute;
			top:0;
			bottom:0;
			height:100%;
			box-sizing:border-box;	
			padding:0;
		}
		
			div.accommodations div.top div.inline.right div.inner-wrapper div.table div.table-row.top {
				display:none;
			}
			
			div.accommodations div.top div.inline.right div.inner-wrapper div.table div.table-cell {
				padding:40px 20px;
				vertical-align:bottom;
				box-sizing:border-box;
			}
	
	
}


/* ACCOMMODATIONS -- */
/* ARTICLES LIST ++ */

ul.articles {
	list-style:none;
	width:calc(100% + 20px);
	margin-left:-10px;
}

	ul.articles li {
		width:25%;
		display:inline-table;
		box-sizing:border-box;
	}
	
		ul.articles li div.inner-wrapper {
			padding:10px;
			padding-bottom:20px;
		}
		
			ul.articles li div.inner-wrapper div.image-container {
				line-height:0;
				background-position:center center;
				background-size:cover;
				background-repeat:no-repeat;
				border-radius:10px;
				margin-bottom:15px;
			}
			
			ul.articles.green li div.inner-wrapper div.image-container {
				background-color:var(--green);	
			}
			
			ul.articles.grey li div.inner-wrapper div.image-container {
				background-color:var(--grey);	
			}
			
			ul.articles.brown li div.inner-wrapper div.image-container {
				background-color:var(--brown);	
			}
			
				ul.articles li div.inner-wrapper div.image-container img {
					width:100%;
					opacity:0;
				}
				
			ul.articles li div.inner-wrapper p.category {
				color:var(--brown);
				font-family:"Barlow-Bold";
				letter-spacing:0.1em;
				text-transform:uppercase;
				font-size: 0.6875rem;
				/* margin-top:15px; */
			}
			
			ul.articles li div.inner-wrapper p.title {
				font-family:"DonegalOne";
				font-size: 1.375rem;
				line-height: 1.75rem;
				padding-right:20px;
				box-sizing:border-box;
				/* margin-top:10px; */
			}
			
@media screen and (max-width:1400px) {
	ul.articles li {
		width:33.33%;
	}
}	

@media screen and (max-width:1100px) {
	ul.articles li {
		width:50%;
	}
}

@media screen and (max-width:800px) {
	ul.articles li {
		width:100%;
	}
}		


/* ARTICLES LIST -- */
/* FULLSCREEN HEAD ++ */

div.head {
	display:table;
	min-height:100%;
	height:100vh;
	width:100%;
	box-sizing:border-box;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:var(--brown);
	background-blend-mode:multiply;
}

	div.head div.width-wrapper {
		height:100vh;
	}
	
		div.head div.table {
			width:100%;
			height:100%;
			text-align:center;
		}
		
			div.head div.table-cell {
				vertical-align:bottom;
			}
			
				div.head div.table-cell img.logo {
					margin-top:-60px;
				}
			
				div.head div.table-cell h1 {
					color:var(--white);
					max-width:800px;
					margin:0 auto;
				}
				
				
				div.head div.table-cell div.scroll-down {
					display:table;
					margin:0 auto;
					text-align:center;
					color:var(--white);
					margin-bottom:30px;
					font-size: 0.8125rem;
					letter-spacing:0.03em;
					transition-duration:0.3s;
				}
				
					div.head div.table-cell div.scroll-down img {
						display:table;
						margin:0 auto;
						margin-bottom:10px;
					}
					
/* FULLSCREEN HEAD -- */
/* SLOGAN ++ */

div.slogan {
	padding:100px 0;
	background-color:var(--brown);
}

	div.slogan div.inner-wrapper {
		max-width:800px;
		margin:0 auto;
		text-align:center;
	}


/* SLOGAN -- */
/* SLIDESHOW ++ */

div.slideshow {
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	color:var(--white);
	font-size: 1rem;
	line-height: 1.5rem;
	font-family:"DonegalOne";
	overflow:hidden;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode: multiply;
	transition: background 0.3s linear;
	/* min-height:600px; */
}

div.slideshow.no-multiply {
	background-color:rgba(0,0,0,0);
	background-blend-mode: multiply;
}

	div.slideshow div.preload {
		visibility:hidden;
		border:1px solid red;
		position:absolute;
		left:-9999px;
		top:-9999px;
	}

	div.slideshow img.layout-wrapper {
		width:100%;
		opacity:0;
	}	
	
		div.slideshow div.table {
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			right:0;
			z-index:100;
		}
		
			div.slideshow div.table div.table-row div.table-cell {
				width:60%;
				vertical-align:bottom;
			}
			
			div.slideshow div.table div.table-row div.table-cell.right {
				width:40%;
				vertical-align:bottom;
				padding:60px 40px;
				box-sizing:border-box;
			}
			
				div.slideshow div.table div.table-row div.table-cell.right div.paragraph-wrapper {
					max-width:400px;
					padding-top:0px;
				}
				
				div.slideshow div.table div.table-row div.table-cell.right div.paragraph-wrapper p {
					margin-bottom:20px;
				}
				

@media screen and (max-width:1100px) {
	div.slideshow img.layout-wrapper {
		display:none;
	}
	
	div.slideshow div.table {
		position:relative;
	}
}

@media screen and (max-width:900px) {
	
	
	
	div.slideshow div.table div.table-row div.table-cell.left {
		display:none;
	}
	
	div.slideshow div.table div.table-row div.table-cell.right {
		width:100%;
	}
	
}

@media screen and (max-width:800px) {
	
	div.slideshow img.layout-wrapper {
		display:table;
	}
	
	div.slideshow div.table {
		position:absolute;
	}
	
	
	div.slideshow div.table div.table-row div.table-cell.left, 
	div.slideshow div.table div.table-row div.table-cell.right {
		padding-left:20px;
		padding-right:20px;
	}
	
	div.slideshow div.table div.table-row div.table-cell.right {
		padding-bottom:40px;
	}

	
	div.slideshow {
		min-height:0;
	}
	
	div.slideshow img.layout-wrapper {
		content:url('/assets/img/layout-1x1.jpg');
	}	
	
}

/* SLIDESHOW -- */
/* EVENTS ++ */

div.events {
	padding:100px 0;
	
}
	
	div.events div.inner-wrapper {
		display:table;
		max-width:800px;
		width:100%;
		margin:0 auto;
	}
	
		div.events div.inner-wrapper h2.h1 {
			display:table;
			margin:0 auto;
		}

		div.events a.show-more,
		div.events p.month {
			font-size: 2.1875rem;
			line-height: 2.5rem;
			font-family:"DonegalOne";
			margin-top:60px;
			margin-bottom:20px;
		}
		
		div.events a.show-more {
			font-size: 1.875rem;
			margin:30px auto 0 auto;
			display:table;
		}
		
		div.events a.show-more {
		}
		
		div.events ul.events {
			list-style:none;
			border-top:1px solid var(--black);
		}
		
			div.events ul.events>li {
				border-bottom:1px solid var(--black);
				padding:25px 0 0 0;
			}
			
			div.events *.hidden {
				display:none;
			}
			
				div.events ul li div.inline {
					display:inline-table;
					vertical-align:top;
					position:relative;
					box-sizing:border-box;
				}
				
				div.events ul li div.inline.left {
					width:90px;
				}
				
				div.events ul li div.inline.right {
					width:calc(100% - 90px);
					padding-right:50px;
					box-sizing:border-box;
				}
				
					div.events ul li div.inline.right div.icon {
						top:0;
						margin-top:5px;
					}
				
					div.events ul li div.inline p.day {
						font-size: 3.75rem;
						line-height: 3.75rem;
						font-family:"DonegalOne";
					}
					
					div.events ul li div.inline p.title {
						font-family:"DonegalOne";
						font-size: 1.875rem;
						line-height: 2.25rem;
					}
					
					div.events ul li div.content {
						display:none;
						margin-bottom:25px;
					}
					
					div.events ul li.open div.content {
						display:table;
					}
					
					div.events ul li div.inline div.content p {
						margin-top:5px;
						max-width:550px;
						font-size: 1rem;
						line-height: 1.5rem;
					}
					
					div.events ul li div.inline div.content p a {
						border-bottom:1px solid var(--black);
						transition-duration:0.3s;
					}
					
					div.events ul li div.inline div.content p a:hover {
						border-color:transparent;
					}
					
					
					div.events ul li div.inline p.parameter {
						display:inline-table;
						margin-right:20px;
					}

					div.events ul.events>li ul {
						margin-left:20px;
						font-size: 1rem;
					}

					
@media screen and (max-width:800px) {
	
	div.events ul li div.inline.left {
		width:70px;
	}
	
	div.events ul li div.inline.right {
		width: calc(100% - 70px);
	}
	
	div.events ul li div.inline p.day {
		font-size: 3.125rem;
		line-height: 3.125rem;
	}
	
	div.events ul li div.inline p.title {
		font-size: 1.5625rem;
		line-height: 1.875rem;
	}
}
				

/* EVENTS -- */
/* LAKE CASTLE ++ */


div.lake-castle {
	display:table;
	min-height:100%;
	height:100%;
	width:100%;
}

	div.lake-castle div.inner-wrapper {
		width:100%;
		max-width:800px;
		margin:0 auto;
	}
	
	div.lake-castle div.inner-wrapper.wide {
		max-width:1100px;
	}
	
	div.lake-castle div.inner-wrapper.padding-top {
		padding-top:80px;
	}
	
	div.lake-castle div.inner-wrapper.padding-bottom {
		padding-bottom:80px;
	}
	
		div.lake-castle h2 {
			margin-top:40px;
		}
					
		div.lake-castle img {
			width:100%;
			max-width:600px;
		}
		
		div.lake-castle img.full-width {
			max-width:100%;
		}
		
		div.lake-castle p.slogan {
			font-size: 2rem;
			line-height: 2.5rem;
			margin-bottom:30px;
			font-family:"DonegalOne";
			font-weight:400;
			margin:20px auto;
			display:table;
			text-align:center;
		}
		
	
		div.lake-castle div.inline {
			display:inline-table;
			vertical-align:top;
			width:50%;
			box-sizing:border-box;
		}
		
		div.lake-castle div.inline.middle {
			vertical-align:middle;
		}
		
		div.lake-castle div.inline.left {
			padding-right:20px;
		}
		
		div.lake-castle div.inline.right {
			padding-left:20px;
		}
		
			div.lake-castle p {
				font-size: 1rem;
				line-height: 1.5rem;
				font-family:"DonegalOne";
			}
			
			div.lake-castle div.inline div.paragraphs {
				display:table;
				max-width:380px;
				margin-left:auto;
				text-align:left;
			}
			
			div.lake-castle div.inline.right div.paragraphs {
				margin-left:0;
				/* max-width:400px; */
			}
		
			div.lake-castle div.inline.left img {
				width:100%;
				padding-right:60px;
				box-sizing:border-box;
			}
			

@media screen and (max-width:800px) {
	
	div.lake-castle div.inline.left,
	div.lake-castle div.inline.right {
		padding-left:0px;
		padding-right:0;
		width:100%;
	}
	
	div.lake-castle div.inner-wrapper.padding-top {
		padding-top:40px;
	}
	
	div.lake-castle div.inner-wrapper.padding-bottom {
		padding-bottom:40px;
	}
	
	div.lake-castle div.inline.right {
		margin-top:0px;
	}
	
	
	div.lake-castle div.width-wrapper>div.inline.left,
	div.lake-castle div.width-wrapper>div.inline.right {
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	
	div.lake-castle div.inline.left img {
		width:100%;
		padding:0;
	}
	
	div.lake-castle div.inline div.paragraphs {
		margin-left:0;
		max-width:100%;
	}
	
}


/* visitor center ++ */

div.visitor-center {
	background-color:var(--brown);
	position:relative;
	line-height:0;
}	

	div.visitor-center>div.table {
		width:100%;
		height:100%;
		min-height:700px;
	}
	
	div.visitor-center div.table div.table-row div.table-cell.left {
		width:60%;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		vertical-align:top;
		text-align:right;
	}
	
		div.visitor-center div.table div.table-row div.table-cell.left div.slideshow {
			height:100%;
		}
	
	div.visitor-center div.table div.table-row div.table-cell.right {
		width:40%;
		text-align:left;
	}
	
		div.visitor-center div.table div.table-row div.table-cell.left div.slideshow-buttons {
			float:none;
			margin-bottom:40px;
			margin-right:40px;
		}
		
		div.visitor-center div.table div.table-row div.table-cell div.inner-wrapper {
			width:100%;
			/* max-width:500px; */
			padding:80px 60px;
			box-sizing:border-box;
			height:100%;
		}
		
			div.visitor-center div.table div.table-row div.table-cell div.inner-wrapper p {
				font-size: 1rem;
				line-height: 1.375rem;
				font-family:"DonegalOne";
				margin:10px 0;
			}
			
@media screen and (max-width:900px) {
	
	div.visitor-center div.table {
		min-height:auto;
	}
	
	div.visitor-center div.table div.table-row div.table-cell.left,
	div.visitor-center div.table div.table-row div.table-cell.right {
		width:100%;
		display:table;
	}
}

					
@media screen and (max-width:800px) {
	
	div.visitor-center div.table div.table-row div.table-cell div.inner-wrapper {
		padding:50px 20px;
	}
	
	div.visitor-center div.table div.table-row div.table-cell.left div.slideshow-buttons {
		margin-right:20px;
	}
	
}

/* visitor center -- */
/* faq block ++ */

ul.faq {
    list-style:none;
	margin-top:20px;
}

ul.faq li {
    padding:20px 0;
    border-bottom:1px solid var(--black);
    margin:0;
}

ul.faq li a {
    position:relative;
    display:block;
    padding-right:40px;
    text-decoration:none;
	color:var(--black);
}

	ul.faq li a p {
		font-size: 1rem;
		line-height: 1.5rem;
		text-transform:uppercase;
	}
	
	ul.faq li div.content {
		margin-top:20px;
		display:none;
	}
	
	ul.faq div.content span.line {
		width:50px;
		height:1px;
		border-bottom:1px solid var(--black);
		margin:20px 0;
		display:table;
	}
	
	div.icon {
		width:22px;
		height:22px;
		display:table;
		position:absolute;
		right:0;
		top:50%;
		margin-top:-11px;
	}

	div.icon span {
		transition-duration:0.3s;
		background-color:var(--black);
		position:absolute;
	}

	div.icon span.line-horizontal {
		height:1px;
		width:100%;
		top:11px;
		left:0;
	}

	div.icon span.line-vertical {
		height:100%;
		width:1px;
		top:0px;
		left:11px;
	}

	.open div.icon span.line-horizontal {
		transform:translateY(0px) rotate(135deg);
	}

	.open div.icon span.line-vertical {
		transform:translateY(0px) rotate(135deg);
	}

/* faq block -- */
/* LAKE CASTLE -- */

/* FOOTER ++ */

footer {
	background-color:var(--black);
	padding:90px 0 100px 0;
	color:var(--brown);
}

	footer div.inline {
		display:inline-block;
		width:40%;
		vertical-align:top;
		box-sizing:border-box;
	}
	
	footer div.inline.left {
		padding-right:20px;
	}
	
	footer div.inline.middle {
		width:30%;
		padding:0 20px;
	}
	
	footer div.inline.right {
		width:30%;
		padding-left:20px;
	}

	footer div.inline.margin {
		margin-top:60px;
	}
		
		footer form.newsletters {
			background: rgba(152, 86, 52, 0.15);
			background: rgba(152, 86, 52, 0.2);
			max-width:28.125rem;
			position:relative;
			border-radius:2rem;
			font-family:'DonegalOne';
		}
		
		footer form.newsletters input[type=text] {
			border:0 none;
			background-color:transparent;
			width:100%;
			box-sizing:border-box;
			padding-right:20px;
			height:3.75rem;
			font-family:'DonegalOne';
			outline:none;
			color:var(--white);
			padding:0 120px 0 20px;
			font-size: 1rem;
		}
		
		footer form.newsletters a.submit {
			position: absolute;
			right:5px;
			top:5px;
			border:0 none;
			height:3.125rem;
			line-height: 3.125rem;
			background-color:var(--brown);
			color:var(--black);
			padding:0 15px;
			border-radius:31px;
			transition-duration:0.3s;
			font-size: 1rem;
		}
		
		footer form.newsletters a.submit:hover {
			opacity:0.6;
		}
		
		footer div.newsletters div.response {
			padding-left:20px;
			margin-top:10px;
		}
		

		
				
@media screen and (max-width:1000px) {
	
	
	footer div.inline {
		width:50%;
		padding:0;
	}
	
	footer div.inline.middle {
		/* padding:0; */
	}
	
	footer div.inline.right {
		width:100%;
		padding-left:0;
	}
	
	footer div.inline.left.margin,
	footer div.inline.right.margin {
		display:none;
	}
	
	footer div.inline.middle.margin {
		padding-left:0;
		width:100%;
	}
	
	footer ul.socials {
		margin-top:40px;
	}
	
		footer ul.socials li {
			margin:0 20px 10px 0;
		}
}

@media screen and (max-width:800px) {
	
	footer {
		padding:40px 0 50px 0;

	}
	
	footer div.inline.left,
	footer div.inline {
		width:100%;
		padding:0;
	}
	
	footer div.inline.middle {
		margin-top:40px;
		padding-left:0;
	}
}

/* FOOTER -- */
/* MAP ++ */

div.map {
	background-color:var(--brown);
	text-align:center;
	padding:80px 0;
}

	div.map div.width-wrapper {
		max-width:1100px;
		margin:0 auto;
	}
	
		div.map div.inline {
			width:70%;
			display:inline-table;
			vertical-align:top;
			box-sizing:border-box;
			padding-right:40px;
		}
		div.map div.inline.left {
			background-color: #fff;
		}
		div.map div.inline.right {
			width:30%;
			text-align:left;
			padding-left:40px;
		}
		
			div.map div.markers a {
				border-bottom:1px solid var(--black);
				position:relative;
				margin-left:30px;
				display:table;
				margin-bottom:15px;
				font-size: 1rem;
				line-height: 1.375rem;
				cursor:default;
			}
			
				div.map div.markers a span.number {
					width:1.375rem;
					height:1.375rem;
					line-height: 1.25rem;
					background-color:var(--black);
					border-radius:50%;
					color:var(--white);
					display:table;
					text-align:center;
					font-size: 0.75rem;
					position:absolute;
					left:-1.875rem;
					top:0.125rem;
				}

@media screen and (max-width:900px) {
	div.map div.inline,
	div.map div.inline.right {
		width:100%;
		display:table;
		padding-right:0px;
		padding-left:0px;
	}
	
	div.map div.inline.right {
		margin-top:40px;
	}
	
	div.map div.inline img {
		width:100%;
	}
		
}

/* MAP -- */
/* POLICY ++ */

div.policy div.inner-wrapper {
	width:100%;
	max-width:800px;
	margin:0 auto;
	padding-top:80px;
	padding-bottom:80px;
}

	div.policy div.inner-wrapper h1 {
		margin-bottom:0;
	}
	
	div.policy div.inner-wrapper h2 {
		margin-top:40px;
		margin-bottom:0;
	}
	
/* POLICY -- */
/* COOKIES POPUP ++ */

div.cookies {
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.4);
    z-index:3000;
    overflow-y:auto;
	/* display:none; */
}

body.policy div.cookies {
	display:none;
}

	div.cookies div.table {
		width:100%;
		height:100%;
		padding-bottom:30px;
		box-sizing:border-box;
	}

		div.cookies div.table-cell {
			vertical-align:bottom;
		}

			div.cookies div.inner-wrapper {
				background-color:var(--black);
				max-width:490px;
				margin-left:auto;
				padding:40px 40px;
				border:1px solid var(--brown);
			}

				div.cookies div.inner-wrapper p,
				div.cookies div.inner-wrapper a {
					margin:0;
					font-size: 1rem;
					line-height: 1.5rem;
					color:var(--brown);	
				}
				
				div.cookies div.inner-wrapper a {
					border-bottom:1px solid var(--brown);
				}
				
				div.cookies div.inner-wrapper a:hover {
					border-color:transparent;
				}
				
				div.cookies div.inner-wrapper p.title {
					font-weight:normal;
					font-size: 2rem;
					text-transform:none;
					letter-spacing:0;
					font-family:"DonegalOne";
					margin-bottom:15px;
				}

				div.cookies div.inner-wrapper a.button {
					display: inline-block;
					margin-right:10px;
					margin-top:20px;
				}

				div.cookies div.inner-wrapper a.button {
					border:0 none;
					height:50px;
					line-height: 3.125rem;
					background-color:var(--brown);
					color:var(--black);
					padding:0 15px;
					border-radius:31px;
					font-family:"DonegalOne";
				}
				
				div.cookies div.inner-wrapper a.button:hover {
					opacity:0.6;
				}
				
@media screen and (max-width:800px) { 
	div.cookies div.inner-wrapper {
		padding:30px 20px;
	}
}

/* COOKIES POPUP -- */
/* GALLERY POPUP ++ */

div.gallery-layer {
	width:100%;
	height:100vh;
	padding:40px 80px;
	box-sizing:border-box;
	display:none;
	background-color:var(--black);
}

	div.gallery-layer div.slides {
		display:table-row;
		height:100%;
		width:100%;
	}
	
		div.gallery-layer div.slides ul {
			display:table-cell;
			width:100%;
			list-style:none;
		}
		
			div.gallery-layer div.slides ul li {
				display:none;
				height:100%;
			}
			
				div.gallery-layer div.slides ul li div.table {
					display:table;
					width:100%;
					height:100%;
					vertical-align:middle;
				}
				
					div.gallery-layer div.slides ul li div.table div.table-cell{
						vertical-align:middle;
					}
				
				div.gallery-layer div.slides ul li div.inline.right {
					width:70%;
				}
				
				div.gallery-layer div.slides ul li div.inline.right.full-width {
					width:100%;
				}
				
				
					div.gallery-layer div.slides ul li div.inline.left p {
						max-width:400px;
						font-size: 1.25rem;
						line-height: 1.625rem;
						margin-bottom:10px;
						color:var(--white);
					}
				
					div.gallery-layer div.slides ul li div.inline.right div.table.row {
						display:table-row;
					}
					
						div.gallery-layer div.slides ul li div.inline.right div.table.row div.table.cell {
							vertical-align:middle;
							text-align:center;
							padding:0 120px;
						}
				
							div.gallery-layer div.slides ul li img {
								max-height:80vh;
								display:table-cell;
								margin:0 auto;
								max-width:100%;
							}
		
	div.gallery-layer div.paging {
		display:table-row;
	}
		div.gallery-layer div.paging div.inner {
			display:table-cell;
			text-align:center;
			width:100%;
			position:relative;
			padding:0 20px;
		}
		
	div.gallery-layer a.close {
		width:30px;
		height:30px;
		position:absolute;
		right:80px;
		top:40px;
		background-image:url('/assets/img/icon-close.svg');
		background-repeat:no-repeat;
		background-position:center center;
		background-size:33px;	
	}
	
	div.gallery-layer a.slide-to {
		color:var(--brown);
		font-family:"DonegalOne";
		font-size: 2rem;
		margin:0 10px;
		transition-duration:0.3s;
	}
	
	div.gallery-layer a.slide-to.active,
	div.gallery-layer a.slide-to:hover {
		color:var(--white);
	}
	
	div.gallery-layer a.slide	{
		width:20px;
		height:30px;
		position:absolute;
		top:50%;
		margin:0;
		margin-top:-15px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:22px;
		color:var(--brown);
	}
	
	div.gallery-layer a.slide.prev {
		left:0px;
		background-image:url('/assets/img/icon-bullet-left-large.svg');
	}
	
	div.gallery-layer a.slide.next {
		background-image:url('/assets/img/icon-bullet-right-large.svg');
		right:0px;
	}
	
		
		
@media screen and (max-width:800px) {
	
	div.gallery-layer {
		padding:30px 30px;
	}
	
	div.gallery-layer div.slides ul li div.inline {
		padding:0;
	}
	
	div.gallery-layer div.slides ul li div.inline.right {
		width:100%;	
	}
	
	div.gallery-layer div.slides ul li div.inline.right div.table.row div.table.cell {
		padding:0;
		padding-top:70px;
		padding-top:0px;
		padding-bottom:30px;
	}
	
	div.gallery-layer div.slides ul li div.inline.left {
		width:100%;
		padding-right:100px;
		box-sizing:border-box;
		height:auto;
	}
	
	
	div.gallery-layer div.slides ul li img {
		max-height:70vh;
	}
		
	div.gallery-layer a.close {
		right:30px;
	}
	
	div.gallery-layer a.download {
		right:70px;
	}
	
}

@media screen and (max-width:600px) {
	div.gallery-layer {
		padding:30px 20px;
	}
	
	div.gallery-layer a.close {
		right:20px;
	}
	
	div.gallery-layer a.download {
		right:60px;
	}
	
}

/* GALLERY POPUP -- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* CONTRAST 2 ++ */

:root.contrast-2 {
  --black:#000;
  --white:#f9f150;
}

:root.contrast-2 {
  --black:#000;
  --white:#fff;
  --brown:#fff;
  --grey:#000;
  --green:#00B38E;
}

.contrast-2 div.overall-contacts p.title,
.contrast-2 div.overall-contacts ul.socials li a {
  	border-color:var(--brown);
	color:var(--brown);
}

.contrast-2 div.overall-contacts ul.socials li a.fb {
    background-image: url(/assets/img/icon-socials-fb-white.svg);
}

.contrast-2 div.overall-contacts ul.socials li a.ig {
    background-image: url(/assets/img/icon-socials-ig-white.svg);
}

.contrast-2 div.overall-contacts ul.socials li a.yt {
    background-image: url(/assets/img/icon-socials-yt-white.svg);
}

.contrast-2 div.head div.table-cell img.logo {
	content:url(/assets/img/logo-large-white.svg);
}

.contrast-2 header a.logo img {
	content:url(/assets/img/logo-white.svg);	
}





.contrast-2 header div.menu-lang ul  {
	background-color: #000;
	border:1px solid var(--brown);
}

.contrast-2 a,
.contrast-2 div.menu-sub a,
.contrast-2 header div.menu-lang ul a {
	color:var(--brown);
}		

.contrast-2 div.head {
    background-color:rgba(0,0,0,0.5);
}

.contrast-2 div.visitor-center {
	background-color:var(--black);
	color:var(--brown)		
}

.contrast-2 ul.faq li {
	border-color:var(--brown);	
}

.contrast-2 footer form.newsletters input[type=text]::placeholder,
.contrast-2 ul.faq li a {
	color:var(--brown);
}

.contrast-2 footer form.newsletters input[type=text]::placeholder {
	opacity: 0.8;
}

.contrast-2 div.icon span {
	background-color:var(--brown);		
}

.contrast-2 div.accommodations div.top.green div.inline,
.contrast-2 div.accommodations div.top.brown div.inline,
.contrast-2 section {
	background-color:var(--black);
	color:var(--brown);	
}

.contrast-2 div.accommodations div.top.green div.inline,
.contrast-2 div.accommodations div.top.brown div.inline {
	border-bottom:1px solid rgba(255, 255, 255, 0.7);
}

.contrast-2 div.map div.markers a {
	border-bottom:1px solid rgba(255, 255, 255, 0.7);
	/* background-color:rgba(0,0,0,0.5); */
}


.contrast-2 footer form.newsletters {
	border:1px solid rgba(255, 255, 255, 0.7);	
}

.contrast-2 body.places header,
.contrast-2 body.activities header,
.contrast-2 body.accommodations header { 
	border-bottom:1px solid rgba(255, 255, 255, 0.7);
}

.contrast-2 footer{
	border-top:1px solid rgba(255, 255, 255, 0.7);
	/* background-color:rgba(0,0,0,0.5); */
}

.contrast-2 div.breadcrumbs a {
	color:var(--brown);	
	border-color: var(--brown);
}

.contrast-2 div.breadcrumbs span.bullet {
	background-image: url(/assets/img/icon-bullet-breadcrumbs-white.svg);
}


.contrast-2 div.map {
    background-color: var(--black);
}

.contrast-2 div.accommodations a.show-gallery,
.contrast-2 div.accommodations a.show-gallery:hover {
    background-image: url(/assets/img/icon-gallery-white.svg);
	background-color: var(--black);
}
.contrast-2 div.accommodations a.show-gallery:hover {
	opacity:0.8;
}	

.contrast-2 p.parameter.person {
	background-image:url('/assets/img/icon-parameter-person-white.svg');
	background-size:15px;
	background-position:left 2.5px top;
}

.contrast-2 p.parameter.bed {
	background-image:url('/assets/img/icon-parameter-bed-white.svg');
}

.contrast-2 p.parameter.food {
	background-image:url('/assets/img/icon-parameter-food-white.svg');
}

.contrast-2 p.parameter.location {
	background-image:url('/assets/img/icon-parameter-location-white.svg');
	background-size:14px;
}

.contrast-2 p.parameter.phone {
	background-image:url('/assets/img/icon-parameter-phone-white.svg');
	background-size:18px;
}

.contrast-2 p.parameter.clock {
	background-image:url('/assets/img/icon-parameter-clock-white.svg');
	background-size:18px;
}

.contrast-2 p.parameter.web {
	background-image:url('/assets/img/icon-parameter-web-white.svg');
	background-size:18px;
}

.contrast-2 div.gallery-layer a.slide.prev {
    background-image: url(/assets/img/icon-bullet-left-large-white.svg);
}

.contrast-2 div.gallery-layer a.slide.next {
    background-image: url(/assets/img/icon-bullet-right-large-white.svg);
}

.contrast-2 div.gallery-layer a.close {
    background-image: url(/assets/img/icon-close-white.svg);
   
}

.contrast-2 footer form.newsletters a.submit {
	background-color: transparent;
	color: var(--brown);
}

.contrast-2 div.slideshow-buttons a.active, 
.contrast-2 div.slideshow-buttons a {
background-color: var(--black);
	color: var(--black);
	border:1px solid rgba(255, 255, 255, 0.7);
}

.contrast-2 div.slideshow-buttons a.active, 
.contrast-2 div.slideshow-buttons a:hover {
	background-color: var(--brown);;
}	

.contrast-2 footer form.newsletters {
	background-color: transparent;;

}

.contrast-2 div.accommodations div.top.grey {
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

/* CONTRAST 2 -- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* CONTRAST 3 ++ */


:root.contrast-3 {
  --black:#000;
  --white:#f9f150;
}

:root.contrast-3 {
  --black:#f9f150;
  --white:#000;
  --brown:#000;
  --grey:#f9f150;
  --green:#000;
}

.contrast-3 div.overall-contacts p.title,
.contrast-3 div.overall-contacts ul.socials li a {
  	border-color:var(--brown);
	color:var(--brown);
}

.contrast-3 div.overall-contacts ul.socials li a.fb {
    background-image: url(/assets/img/icon-socials-fb-black.svg);
}

.contrast-3 div.overall-contacts ul.socials li a.ig {
    background-image: url(/assets/img/icon-socials-ig-black.svg);
}

.contrast-3 div.overall-contacts ul.socials li a.yt {
    background-image: url(/assets/img/icon-socials-yt-black.svg);
}

.contrast-3 div.head div.table-cell img.logo {
	content:url(/assets/img/logo-large-black.svg);
}

.contrast-3 header a.logo img {
	content:url(/assets/img/logo-black.svg);	
}





.contrast-3 header div.menu-lang ul  {
	background-color: var(--black);
	border:1px solid var(--brown);
}

.contrast-3 a,
.contrast-3 div.menu-sub a,
.contrast-3 header div.menu-lang ul a {
	color:var(--white);
}		

.contrast-3 div.head {
    background-color:rgba(249, 241, 80, 1)
}

.contrast-3 div.visitor-center {
	background-color:var(--black);
	color:var(--brown)		
}

.contrast-3 ul.faq li {
	border-color:var(--brown);	
}

.contrast-3 footer form.newsletters input[type=text]::placeholder,
.contrast-3 ul.faq li a {
	color:var(--brown);
}

.contrast-3 footer form.newsletters input[type=text]::placeholder {
	opacity: 0.8;
}

.contrast-3 div.icon span {
	background-color:var(--brown);		
}

.contrast-3 div.accommodations div.top.green div.inline,
.contrast-3 div.accommodations div.top.brown div.inline,
.contrast-3 section {
	background-color:var(--black);
	color:var(--brown);	
}

.contrast-3 div.accommodations div.top.green div.inline,
.contrast-3 div.accommodations div.top.brown div.inline {
	border-bottom:1px solid rgba(0, 0, 0, 0.7);
}

.contrast-3 div.map div.markers a {
	border-bottom:1px solid rgba(0, 0, 0, 0.7);
	/* background-color:rgba(0,0,0,0.5); */
}


.contrast-3 footer form.newsletters {
	border:1px solid rgba(0, 0, 0, 0.7);	
}

.contrast-3 body.places header,
.contrast-3 body.activities header,
.contrast-3 body.accommodations header { 
	border-bottom:1px solid rgba(0, 0, 0, 0.7);
}

.contrast-3 footer{
	border-top:1px solid rgba(0, 0, 0, 0.7);
	/* background-color:rgba(0,0,0,0.5); */
}

.contrast-3 div.breadcrumbs a {
	color:var(--brown);	
	border-color: var(--brown);
}

.contrast-3 div.map {
    background-color: var(--black);
}

.contrast-3 div.accommodations a.show-gallery,
.contrast-3 div.accommodations a.show-gallery:hover {
    background-image: url(/assets/img/icon-gallery-black.svg);
	background-color: var(--black);
}
.contrast-3 div.accommodations a.show-gallery:hover {
	opacity:0.8;
}	

.contrast-3 p.parameter.person {
	background-image:url('/assets/img/icon-parameter-person-black.svg');
	background-size:15px;
	background-position:left 2.5px top;
}

.contrast-3 p.parameter.bed {
	background-image:url('/assets/img/icon-parameter-bed-black.svg');
}

.contrast-3 p.parameter.food {
	background-image:url('/assets/img/icon-parameter-food-black.svg');
}

.contrast-3 p.parameter.location {
	background-image:url('/assets/img/icon-parameter-location-black.svg');
	background-size:14px;
}

.contrast-3 p.parameter.phone {
	background-image:url('/assets/img/icon-parameter-phone-black.svg');
	background-size:18px;
}

.contrast-3 p.parameter.clock {
	background-image:url('/assets/img/icon-parameter-clock-black.svg');
	background-size:18px;
}

.contrast-3 p.parameter.web {
	background-image:url('/assets/img/icon-parameter-web-black.svg');
	background-size:18px;
}

.contrast-3 div.gallery-layer a.slide.prev {
    background-image: url(/assets/img/icon-bullet-left-large-black.svg);
}

.contrast-3 div.gallery-layer a.slide.next {
    background-image: url(/assets/img/icon-bullet-right-large-black.svg);
}

.contrast-3 div.gallery-layer a.close {
    background-image: url(/assets/img/icon-close-black.svg);

}

.contrast-3 footer form.newsletters a.submit {
	background-color: transparent;
	color: var(--brown);
}

.contrast-3 div.slideshow-buttons a.active, 
.contrast-3 div.slideshow-buttons a {
background-color: var(--white);
border:1px solid rgba(249, 241, 80, 1)
}

.contrast-3 div.slideshow-buttons a.active, 
.contrast-3 div.slideshow-buttons a:hover {
	background-color: var(--black);
}	

.contrast-3 footer form.newsletters {
	background-color: transparent;

}

.contrast-3 header div.accessibility {
	background-image: url(/assets/img/icon-accessibility-black.svg);
}

.contrast-3 header div.menu-lang p span.bullet {
    background-image: url(/assets/img/icon-bullet-down-black.svg);
}

.contrast-3  div.head div.table-cell div.scroll-down img {
	content:url(/assets/img/icon-mouse-black.svg);			

}

/* CONTRAST 3 -- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* CONTRAST 4 ++ */

:root.contrast-4 {
  --black:#000;
  --white:#f9f150;
}

:root.contrast-4 {
  --black:#000;
  --white:#f9f150;
  --brown:#f9f150;
  --grey:#000;
  --green:#00B38E;
}

.contrast-4 div.overall-contacts p.title,
.contrast-4 div.overall-contacts ul.socials li a {
  	border-color:var(--brown);
	color:var(--brown);
}

.contrast-4 div.overall-contacts ul.socials li a.fb {
    background-image: url(/assets/img/icon-socials-fb-yellow.svg);
}

.contrast-4 div.overall-contacts ul.socials li a.ig {
    background-image: url(/assets/img/icon-socials-ig-yellow.svg);
}

.contrast-4 div.overall-contacts ul.socials li a.yt {
    background-image: url(/assets/img/icon-socials-yt-yellow.svg);
}

.contrast-4 div.head div.table-cell img.logo {
	content:url(/assets/img/logo-large-yellow.svg);
}

.contrast-4 header a.logo img {
	content:url(/assets/img/logo-yellow.svg);	
}

.contrast-4 div.head div.table-cell div.scroll-down img  {
	content:url(/assets/img/icon-mouse-yellow.svg);	
}

.contrast-4 header div.accessibility {
    background-image: url(/assets/img/icon-accessibility-yellow.svg);
}

.contrast-4 header div.menu-lang p span.bullet {
    background-image: url(/assets/img/icon-bullet-down-yellow.svg);
}

.contrast-4 header div.menu-lang ul  {
	background-color: #000;
	border:1px solid var(--brown);
}

.contrast-4 a,
.contrast-4 div.menu-sub a,
.contrast-4 header div.menu-lang ul a {
	color:var(--brown);
}		

.contrast-4 div.head {
    background-color:rgba(0,0,0,0.5);
}

.contrast-4 div.visitor-center {
	background-color:var(--black);
	color:var(--brown)		
}

.contrast-4 ul.faq li {
	border-color:var(--brown);	
}

.contrast-4 footer form.newsletters input[type=text]::placeholder,
.contrast-4 ul.faq li a {
	color:var(--brown);
}

.contrast-4 footer form.newsletters input[type=text]::placeholder {
	opacity: 0.8;
}

.contrast-4 div.icon span {
	background-color:var(--brown);		
}

.contrast-4 div.accommodations div.top.green div.inline,
.contrast-4 div.accommodations div.top.brown div.inline,
.contrast-4 section {
	background-color:var(--black);
	color:var(--brown);	
}

.contrast-4 div.accommodations div.top.green div.inline,
.contrast-4 div.accommodations div.top.brown div.inline {
	border-bottom:1px solid rgba(249, 239, 109, 0.7);
}

.contrast-4 div.map div.markers a {
	border-bottom:1px solid rgba(249, 239, 109, 0.7);
	/* background-color:rgba(0,0,0,0.5); */
}

.contrast-4 div.events ul.events>li  {
	border-color: rgba(249, 239, 109, 0.7);
}

.contrast-4 footer form.newsletters {
	border:1px solid rgba(249, 239, 109, 0.7);	
}

.contrast-4 body.places header,
.contrast-4 body.activities header,
.contrast-4 body.accommodations header { 
	border-bottom:1px solid rgba(249, 239, 109, 0.7);
}

.contrast-4 footer{
	border-top:1px solid rgba(249, 239, 109, 0.7);
	/* background-color:rgba(0,0,0,0.5); */
}

.contrast-4 div.breadcrumbs a {
	color:var(--brown);	
	border-color: var(--brown);
}

.contrast-4 div.breadcrumbs span.bullet {
	background-image: url(/assets/img/icon-bullet-breadcrumbs-yellow.svg);
}


.contrast-4 div.map {
    background-color: var(--black);
}

.contrast-4 div.accommodations a.show-gallery,
.contrast-4 div.accommodations a.show-gallery:hover {
    background-image: url(/assets/img/icon-gallery-yellow.svg);
	background-color: var(--black);
}
.contrast-4 div.accommodations a.show-gallery:hover {
	opacity:0.8;
}	

.contrast-4 p.parameter.person {
	background-image:url('/assets/img/icon-parameter-person-yellow.svg');
	background-size:15px;
	background-position:left 2.5px top;
}

.contrast-4 p.parameter.bed {
	background-image:url('/assets/img/icon-parameter-bed-yellow.svg');
}

.contrast-4 p.parameter.food {
	background-image:url('/assets/img/icon-parameter-food-yellow.svg');
}

.contrast-4 p.parameter.location {
	background-image:url('/assets/img/icon-parameter-location-yellow.svg');
	background-size:14px;
}

.contrast-4 p.parameter.phone {
	background-image:url('/assets/img/icon-parameter-phone-yellow.svg');
	background-size:18px;
}

.contrast-4 p.parameter.clock {
	background-image:url('/assets/img/icon-parameter-clock-yellow.svg');
	background-size:18px;
}

.contrast-4 p.parameter.web {
	background-image:url('/assets/img/icon-parameter-web-yellow.svg');
	background-size:18px;
}

.contrast-4 div.gallery-layer a.slide.prev {
    background-image: url(/assets/img/icon-bullet-left-large-yellow.svg);
}

.contrast-4 div.gallery-layer a.slide.next {
    background-image: url(/assets/img/icon-bullet-right-large-yellow.svg);
}

.contrast-4 div.gallery-layer a.close {
    background-image: url(/assets/img/icon-close-yellow.svg);
   
}

.contrast-4 footer form.newsletters a.submit {
	background-color: transparent;
	color: var(--brown);
}

.contrast-4 div.slideshow-buttons a.active, 
.contrast-4 div.slideshow-buttons a {
background-color: var(--black);
	color: var(--black);
	border:1px solid rgba(249, 239, 109, 0.7);
}

.contrast-4 div.slideshow-buttons a.active, 
.contrast-4 div.slideshow-buttons a:hover {
	background-color: var(--brown);;
}	



/* CONTRAST 4 -- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */