@charset "UTF-8";
:root {
	--bs-body-font-family: "Open Sans", sans-serif;
	--bs-link-color-rgb: rgb(0,0,0);
	--bs-link-hover-color-rgb: rgb(0,0,0);
	--bs-primary: #f1b56a;
	--bs-primary-hover: #e2a961;
	--bs-secondary: #800;
	--bs-secondary-light: #c5ddf7;
	--bs-secondary-hover: #00488c;
	--bs-light:#fef7f0;
	--bs-light-hover:#fff1e2;
	--swiper-theme-color: #000;
	--swiper-pagination-bullet-width: 18px;
	--swiper-pagination-bullet-size: 18px;
	--swiper-pagination-color: #00315d;
	--swiper-pagination-bullet-inactive-color: #fff;
	--swiper-pagination-bullet-inactive-opacity: 1;
	--bs-border-color: var(--bs-primary);
	--bs-border-radius:0;
}
.btn {
	--bs-border-radius: 0
}
.btn-primary {
	--bs-btn-color: #000;
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-primary-hover);
	--bs-btn-hover-border-color: var(--bs-primary-hover);
	--bs-btn-focus-shadow-rgb: none;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-primary-hover);
	--bs-btn-active-border-color: var(--bs-primary-hover);
	--bs-btn-active-shadow: none;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #0d6efd;
	--bs-btn-disabled-border-color: #0d6efd
}

.form-control:focus {
  color: var(--bs-body-color);
  border-color: #800;
  outline: 0;
  box-shadow: none;
}
.form-control {
}

#map .ratio {
	--bs-aspect-ratio: 20%;
}

#location {
    margin-top: 5rem;
}

#location>.row {
    background: var(--bs-light);
}

#location>.row:hover {
    background: var(--bs-light-hover);
}

#location .txts{
	display:flex;
	align-items: center;
    padding: 3.5rem;
	font-size: calc(.5rem + .75vw);
	font-weight:700;
}

#location a {
	text-decoration:none;
}

#location .txts .h2{
	font-size: calc(2.5rem + 2vw);
	margin-bottom:2rem;
	line-height:1;
	display:block;
}

#location .txts .h2 small {
	color:#000;
	display:block;
	font-size: calc(.5rem + 1.75vw);
}

#location .events {
    background-image: url('/img/events.webp');
}

#location .tips4trips {
    background-image: url('/img/tips4trips.webp');
}

#location .ratio {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
}

.form-control {
	
}

.modal {
	--bs-modal-border-radius:0;
	--bs-modal-inner-border-radius:0;
	--bs-modal-header-padding: .5rem 1rem;
}
.modal-header {
	background:var(--bs-primary);
}

.modal-title {
	font-size:2rem;
}

.prices {
	background: url('/img/bg-prices.png?aaa') no-repeat bottom right;
}
.breakfast {
	background: url('/img/bg-breakfast.png?aaa') no-repeat bottom right;
}
.parking {
	background: url('/img/bg-parking.png?aaa') no-repeat bottom right;
}
.pub {
	background: url('/img/bg-pub.png?aaa') no-repeat bottom right;
}
.services {
	background: url('/img/bg-services.png?aaa') no-repeat bottom right;
}
#rooms .carousel {
	margin:.75rem 0 1rem 0;
}

#rooms h3 {
	margin:.75rem 0 1rem 0;
}

article section {
	margin-top:4rem;
}

.section-light {
	background:var(--bs-light);
}

#rooms>div {
	padding: 2rem 0;
}

#about-us .bg-image {
    background-image: url('/img/about-us.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
	width:100%;
	height:100%;
}

.btn-reservation {
	font-weight:600;
	margin-left:3rem;
}

.btn-primary-lang {
	--bs-btn-color: #000;
	--bs-btn-bg:#fff;
	--bs-btn-border-color: #000;
}

:not(.btn-check)+.btn:active {
	color: #000;
	background-color: #fff;
	border-color: #fff;
	text-decoration: underline
}
a {
	--bs-link-color: #000;
	--bs-link-hover-color: var(--bs-secondary)
}
.bg-primary {
	color: #fff;
	background-color: var(--bs-primary)!important
}
#footer .copy-row {
	font-size: .9rem;
	padding-top: .75rem;
	padding-bottom: 1.5rem
}
#footer .lm {
	width: 16px;
	height: 16px;
	margin: 0 .25rem
}
.copyright {
	text-align: right
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	line-height: 1.4
}
h1 {
	display:none;
	font-size: 2rem;
	font-weight: 700
}
h2,.h2 {
	font-family: "Playfair", serif;
	color: var(--bs-primary);
    margin-bottom: .5rem;
	font-weight:700;
	line-height:1.1;
	font-style:italic;
	font-size: 2.5rem
}
#rooms h2 {
	color:#000;
}
h3 {
	font-weight:700;
	font-size: 1.2rem
}
h4 {
	font-weight:700;
	font-size: calc(var(--bs-body-font-size) + 0.1rem);
}
h4 strong {
	color: var(--bs-primary);
	margin-left:.5rem;
}
p {
  margin-bottom: .7rem;
}
#navbarDropdown-lang {
	border:1px solid #000;
	margin-left: 2rem;
	font-weight: 400;
	--bs-nav-link-font-size: 1.3rem
}
.dropdown-lang {
	--bs-dropdown-min-width: 3rem;
	--bs-border-radius: 0;
	--bs-dropdown-bg: #eee;
	--bs-dropdown-border-width: 0
}
.dropdown-lang[data-bs-popper] {
	left: 19%
}
.dropdown-item {
	--bs-dropdown-link-active-bg: var(--bs-primary)
}
.nav-link {
	--bs-navbar-nav-link-padding-x:1rem;
	--bs-nav-link-padding-y:.5rem;
	--bs-nav-link-color: #000;
	--bs-nav-link-font-size: 1.25rem;
	border-bottom:2px solid #fff;
}

.nav-link:hover {
	border-color:var(--bs-primary)
}

.navbar {
  --bs-navbar-padding-y: 1rem;
}  
.navbar-toggler {
	--bs-border-width: 0;
	--bs-navbar-toggler-border-radius: 0
}
.navbar-brand a {
  background: var(--bs-primary);
  text-decoration: none!important;
  white-space: nowrap;
  padding: .75rem 1rem;
  font-weight:600;
}
.navbar-brand a:hover {
	color:#000;
  background: var(--bs-primary-hover);
}
body {
	background: #fff
}

body, .btn-reservation {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
}

.bg-banner .bg-banner-inner>img {
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transform: translate(-50%,-50%) scale(1.1);
	-moz-transform: translate(-50%,-50%) scale(1.1);
	-ms-transform: translate(-50%,-50%) scale(1.1);
	-o-transform: translate(-50%,-50%) scale(1.1);
	transform: translate(-50%,-50%) scale(1.1);
	-webkit-transition: -webkit-transform .2s ease-in-out;
	-o-transition: -o-transform .2s ease-in-out;
	-moz-transition: transform .2s ease-in-out,-moz-transform .2s ease-in-out;
	transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out,-moz-transform .2s ease-in-out,-o-transform .2s ease-in-out;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}
.bg-banner-content {
	font-size: calc(1rem + 2vw);
	font-weight: 700;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}
.bg-banner {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}
.bg-banner-inner {
	width: 100%;
	display: block;
	overflow: hidden
}
.bg-banner.hover-zoom:hover .bg-banner-inner>img {
	-webkit-transform: translate(-50%,-50%) scale(1.1);
	-moz-transform: translate(-50%,-50%) scale(1.1);
	-ms-transform: translate(-50%,-50%) scale(1.1);
	-o-transform: translate(-50%,-50%) scale(1.1);
	transform: translate(-50%,-50%) scale(1.1);
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	-o-transition: -o-transform .2s ease-in-out;
	-moz-transition: transform .2s ease-in-out,-moz-transform .2s ease-in-out;
	transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out,-moz-transform .2s ease-in-out,-o-transform .2s ease-in-out
}
.mobile-cta {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 1.5rem;
	background: rgba(255,255,255,0.75);
	backdrop-filter: blur(6px);
	z-index: 1050;
}

/* --- HERO BLOCK ---*/
.hero {
  position: relative;
  height: 80vh;
  min-height: 600px;
  overflow: hidden;
font-family: "Playfair", serif;
}

.hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  opacity: 0;
  transition: opacity 1.8s ease, transform 8s ease;

  transform: scale(1.05);
  will-change: opacity, transform;
  backface-visibility: hidden;
}

.hero-bg.active {
  opacity: 1;
  transform: scale(1);
  z-index: 1;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    rgba(0,0,0,.35),
    rgba(0,0,0,.45)
  );
  z-index: 2;
}

.hero .container {
  z-index: 3;
}

.hero .logo {
  width: 60%;
  filter: drop-shadow(5px 5px 4px rgba(0, 0, 0, 0.5));
}

.hero .lead {
	font-style:italic;
	line-height:1.1;
	margin-top:2.5rem;
	font-weight:700;
font-size: calc(1.5rem + 1.25vw);
text-shadow: 3px 5px 3px rgba(0,0,0,0.76);
}

.lang-item {
	display: flex;
  align-items: center;
  justify-content: center;
border:1px solid #000;
margin-left: 1rem;
padding: 0 1rem;
}

#google_translate_element .goog-te-gadget-simple {
	border:0!important;
}

@media (max-width:1199px) {
	.navbar-brand a span {
		display:none;
	}
}

@media (max-width:991px) {
	
	.lang-item {
	border:0;
	margin-left: 1rem;
	padding: 0 1rem;
	}
	#google_translate_element {
		border:1px solid #000;
		padding:.5rem;
	}
	
	.navbar-brand a span {
		display:inline;
	}
	.navbar-nav .nav-item {
		text-align:center;
	}
	.navbar-nav .nav-item .nav-link:hover {
		color:#000;
		background-color: var(--bs-primary)
	}

	.hero .logo {
	  width: 60%;
	}

	.hero .lead {
		font-style:italic;
		line-height:1.1;
		margin-top:2.5rem;
		font-weight:700;
	font-size: calc(1.5rem + 2.5vw)
	}

	#location .row{
		margin-bottom:3rem;
	}

	#location .txts{
		text-align:center;
		max-width: 720px;
		margin:auto;
		font-size: calc(1rem + .75vw);
		padding-top: 1.5rem;
		padding-bottom: 2rem;
		padding-left:  calc(var(--bs-gutter-x) * .5);
		padding-right:  calc(var(--bs-gutter-x) * .5);
	}
	#location .txts .h2{
		text-align:center;
		font-size: calc(2rem + 2vw);
		margin-bottom:.5rem;
	}

	#location .txts .h2 small {
		font-size: calc(2rem + 2vw);
		display:inline;
	}
	#location .txts{
		max-width: auto;
	}
}

@media (max-width:767px) {
	.copyright {
		text-align: left
	}
}

@media (max-width:575px) {
	article .btn-reservation, .navbar-brand {
		display:none;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	  --bs-gutter-x: 3rem;
  	}
}

@media (max-width:480px) {
	
}

@media (max-width:360px) {

}

@media (max-width:240px) {

}
/*!
 * justifiedGallery - v3.8.0
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2020 Miro Mannino
 * Licensed under the MIT license.
 */
 .justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div,.justified-gallery>figure{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:.1;margin:0;padding:0}.justified-gallery>a>a>img,.justified-gallery>a>a>svg,.justified-gallery>a>img,.justified-gallery>a>svg,.justified-gallery>div>a>img,.justified-gallery>div>a>svg,.justified-gallery>div>img,.justified-gallery>div>svg,.justified-gallery>figure>a>img,.justified-gallery>figure>a>svg,.justified-gallery>figure>img,.justified-gallery>figure>svg{position:absolute;top:50%;left:50%;margin:0;padding:0;border:none;filter:"alpha(opacity=0)";opacity:0}.justified-gallery>a>.jg-caption,.justified-gallery>div>.jg-caption,.justified-gallery>figure>.jg-caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.jg-caption.jg-caption-visible,.justified-gallery>div>.jg-caption.jg-caption-visible,.justified-gallery>figure>.jg-caption.jg-caption-visible{display:initial;filter:"alpha(opacity=70)";opacity:.7;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.justified-gallery>.jg-entry-visible{filter:"alpha(opacity=100)";opacity:1;background:0 0}.justified-gallery>.jg-entry-visible>a>img,.justified-gallery>.jg-entry-visible>a>svg,.justified-gallery>.jg-entry-visible>img,.justified-gallery>.jg-entry-visible>svg{filter:"alpha(opacity=100)";opacity:1;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.justified-gallery>.jg-spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial}.justified-gallery>.jg-spinner>span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px;background-color:#000;border-radius:6px}#cookieNotice{display:inline-block;background-color:var(--bs-gray);color:#fff;padding:1.5rem 1.8rem;position:fixed;bottom:0;left:0;width:100%;z-index:999998;font-size:.8rem}#cookieNotice .btn-detail{color:#fff;padding-left:0}#cookieNotice .btn-detail:hover{color:var(--light)}#cookieNotice .title-1{font-size:1.3rem;margin-bottom:.5rem}#cookieNotice .title-2{font-size:1.05rem;margin-bottom:.5rem}#cookieNotice .custom-control{margin-bottom:.2rem}#cookieNotice .custom-control-label{line-height:1.8}.form-check-input:checked{background-color:var(--bs-primary);border-color:var(--bs-primary)}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%233e3831'/%3e%3c/svg%3e")}.form-check-input:focus{border-color:var(--bs-primary-hover);box-shadow:none}.form-switch .form-check-input:checked:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")}.fileinput-button{position:relative;overflow:hidden;display:inline-block}.fileinput-button input{position:absolute;top:0;right:0;margin:0;opacity:0;-ms-filter:"alpha(opacity=0)";font-size:200px;direction:ltr;cursor:pointer}.fileinput-OK{display:none}@media screen\9{.fileinput-button input{font-size:100%;height:100%}}.progress{margin-top:8px}@media print{.main,body{padding:0}}