@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
	margin: 0;
	padding: 0;
	background-color: #000;
	font-family: 'Raleway', 'Open Sans', sans-serif;
	font-size: 0.83vw;
	color: #835d23;
}

.bg {
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgb(255,230,193);
	z-index: -1;
}

h1 {
	font-size: 2em;
	font-weight: 700;
	font-style: italic;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 1.75em;
	font-weight: 700;
	margin: 0;
	padding: 0 0 0.5em 0;
}

h3 {
	font-size: 1.25em;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 1.5em;
	font-weight: 700;
	margin: 0;
	padding: 0 0 0.25em 0;
	border-bottom: 2px solid #906125;
}

h5 {
	font-size: 1.25em;
	font-weight: 700;
	margin: 0 0 0.5em 0;
	padding: 0;
}

h6 {
	font-size: 1.25em;
	font-weight: 700;
	margin: 0 0 0.5em 0;
	padding: 0;
}

p {
	margin: 0 0 0.5em 0;
	padding: 0;
}

p:last-child {
	margin: 0;
	padding: 0;
}

a {
	color: #cd9647;
	font-weight: 800;
	text-decoration: none;
}

a:hover {
	color: #906125;
}

img {
	display: block;
}
.img-responsive {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.clear {
	clear: both;
}

button {
	min-width: 10em;
	margin: 0;
	border: none;
	background-image: -moz-linear-gradient( 90deg, rgb(167,120,53) 0%, rgb(205,150,71) 28%, rgb(230,190,132) 79%, rgb(255,230,193) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(167,120,53) 0%, rgb(205,150,71) 28%, rgb(230,190,132) 79%, rgb(255,230,193) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(167,120,53) 0%, rgb(205,150,71) 28%, rgb(230,190,132) 79%, rgb(255,230,193) 100%);
	box-shadow: inset 0px 0px 0px 2px rgba(68, 40, 0, 0.65);
	font-family: 'Raleway', 'Open Sans', sans-serif;
	font-size: 1.25em;
	font-weight: 700;
	color: #000;
	text-align: center;
	display: block;
	padding: 0.5em 1em;
	cursor: pointer;
}

button:hover {
	opacity: 0.8;
}

header {
	background-color: rgb(230,190,132);
	border-bottom: 1px solid rgb(205,150,71);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
}

.logo {
	float: left;
}

header .menu {
	float: right;
}

.menu-mobile {
	display: none;
}

.menu-mobile-content {
	display: none;
}

header ul {
	margin: 0;
	padding: 0.25em 0;

}

header li {
	display: inline-block;
	font-size: 1.25em;
	padding: 0 0 0 0.5em;
	margin: 0;
	cursor: pointer;
}

header li:hover {
	color: #906125;
}

header li::after {
	content: "|";
	padding: 0 0 0 0.75em;
	color: #906125;
	font-weight: 700;
}

header li:last-child::after {
	display: none;
}

header a {
	display: inline-block;
	font-size: 1em;
	font-weight: 400;
	color: #6e4506;
	margin: 0;
	cursor: pointer;
}

header a:hover {
	color: #906125;
}

footer {
	background-color: rgb(230,190,132);
	border-top: 1px solid rgb(205,150,71);
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 2;
}

footer .conteiner {
	padding: 0 1.25% 0 1.25%;
}

footer .menu {
	float: left;
}

footer ul {
	margin: 0;
	padding: 1.5em 0;

}

footer li {
	display: inline-block;
	font-size: 1.25em;
	line-height: 1.5em;
	padding: 0 0.5em 0 0;
	margin: 0;
	cursor: pointer;
}

footer li:hover {
	color: #906125;
}

footer li::before {
	content: "|";
	padding: 0 0.75em 0 0;
	color: #906125;
	font-weight: 700;
}

footer li:first-child::before {
	display: none;
}

footer a {
	display: inline-block;
	font-size: 1em;
	font-weight: 400;
	color: #6e4506;
	margin: 0;
	cursor: pointer;
}

footer a:hover {
	color: #906125;
}

footer li img {
	height: 1.25em;
	width: 1.25em;
	padding: 0;
	margin: 0;
	position: relative;
	top: 0.25em;
}

footer li img:hover {
	opacity: 0.8;
}

.reservation {
	padding: 1.2em 0;
	margin: 0;
	float: right;
}

.reservation div {
	display: inline-block;
}
.reservation div:first-child {
	margin: 0 0.75em 0 0;
}

.content {
	width: 100%;
	padding: 5.34em 0;
}

.section {
	padding: 1.36em 0 0 0;
}

.section:last-child {
	padding: 1.36em 0 1.36em 0;
}

.section .conteiner {
	background-color: rgb(243, 210, 162);
	border: 1px solid rgb(230, 190, 132);
}

.section-header {
	display: table;
	margin: 0 0 1.5em 0;
}

.section-header-end {
	display: block;
	margin: 0 0 1.5em 0;
}

.section-header-end {
	display: block;
	margin: 0 0 1.5em 0;
}

.section-header-end h4 {
	cursor: auto;
}

.section-header-end h4:hover {
	opacity: 1;
}

.section-header div:first-child {
	width: 100%;
	padding: 0 1.5em 0 0;
	display: table-cell;
	vertical-align: middle;
}

.section-header div:nth-child(2) {
	display: table-cell;
	vertical-align: middle;
	width: 10em;
}

.content-preview {
	width: 23.875%;
	float: left;
	margin: 0 1.5% 0 0;
}

.content-preview:nth-child(4n){
	margin: 0;
}

.content-preview:nth-child(n+5){
	margin-top: 1.5%;
}

.content-preview img {
	width: 100%;
	margin: 0 0 0.5em 0;
	cursor: pointer;
}

.content-preview img:hover {
	opacity: 0.8;
}


.content-preview button {
	width: 100%;
	margin: 1em 0 0 0;
}

.content-price {
	margin: 0 0 1.5em 0;
}

.content-price:last-child {
	margin: 0;
}

.content-price ul {
	width: 100%;
	display: table;
	padding: 0;
	margin: 0;
}

.content-price li {
	display: table-cell;
}

.content-price li:nth-child(1) {
	width: 23.5%;
	padding: 0 1.5% 0 0;
	font-weight: 700;
}

.content-price li:nth-child(2) {
	width: 23.5%;
	padding: 0 1.5% 0 0;
	font-weight: 700;
}

.content-price li:nth-child(3) {
	padding: 0 1.5% 0 0;
	text-align: left;
}

.content-faq {
	margin: 0 0 1.5em 0;
}

.content-faq:last-child {
	margin: 0;
}

.content-faq ul {
	width: 100%;
	display: table;
	padding: 0;
	margin: 0;
}

.content-faq li {
	display: table-cell;
}

.content-faq li:nth-child(1) {
	width: 33%;
	padding: 0 1.5% 0 0;
}

.content-faq li:nth-child(2) {
	padding: 0;
}

.content-contact {
	width: 49.25%;
	float: left;
	margin: 0 1.5% 0 0;
	text-align: center;
}

.content-contact:nth-child(2) {
	margin: 0;
}

.content-contact h5 {
	cursor: auto;
}

.content-contact h5:hover {
	opacity: 1;
}

.content-contact img {
	margin: 0 auto;
	width: 100%;
	max-width: 400px;
}

.conteiner {
	width: 65.10%;
	margin: 0 auto;
	padding: 1.5em 1.25% 1.5em 1.25%;
}

.section-base {
	position: relative;
}

.section-slider-txt {
	margin: 0 0 1.5em 0;
}

.section-slider-txt h2 {
	font-size: 2.5em;
}

.section-slider-txt p {
	margin-top: 7em;
	font-size: 1.5em;
}

.section-slider-nav {
	position: absolute;
	display: block;
	width: 49.25%;
	bottom: 0;
}

.section-slider-nav div:nth-child(1) {
}

.section-slider-nav div:nth-child(2) {
	margin: 1.5em 0 0 0;
	float: right;
}

.section-slider-nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.section-slider-nav li {
	display: inline-block;
	padding: 0 1em 0 0;
	cursor: pointer;
}

.section-slider-nav li:last-child {
	padding: 0;
}

.section-slider-nav li:hover {
	color: #906125;
}

.content-site {
	width: 98.5%;
	float: left;
	margin: 0 1.5% 0 0;
}

.content-site:nth-child(2) {
	margin: 0;
}

.content-site-row {
	margin: 0 0 1.5em 0;
}

.content-site-row:last-child {
	margin: 0;
}

.content-site-gallery-big {
	margin: 0 0 2.5% 0;
}

.content-site-gallery-row {
	margin: 0 0 3% 0;
}

.content-site-gallery-row:last-child {
	margin: 0;
}

.content-site-gallery-min {
	width: 17.6%;
	float: left;
	margin: 0 3% 0 0;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.content-site-gallery-min:nth-child(5) {
	margin-right: 0;
}

.content-site-gallery-min:hover .zoom {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.70);
	display:table;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align: center;
	font-size: 2em;
}

.content-site-gallery-min:hover .zoom span {
	display: table-cell;
	vertical-align: middle;
}

.zoom {
	display:none;
}

.content-site-row {
	margin: 0 0 1.5% 0;
}

.content-site-price {
	padding: 0.6em 0 0 0;
	margin: 1.5em 0 0 0;
	float: left;
}

.content-site-button {
	float: right;
	margin: 1.5em 0 0 0;
}

.login-popup {
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.8);
	display: table;
	z-index: 2;
}

.login-popup-content {
	display: table-cell;
	vertical-align: middle;
}

.login-popup-form {
	width: 23%;
	background-color: rgba(0,0,0,0.8);
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 1.5%
}

.login-popup-form label{
	width: 100%;
	display: block;
	padding: 0.75em 0;

}

.login-popup-form input{
	width: 95%;
	display: block;
	border: none;
	font-family: 'Raleway', 'Open Sans', sans-serif;
	font-size: 1.25em;
	color: #000;
	padding: 0.5em 2.5%;
}

.login-popup-form input:focus{
	border: none;
	background-color: #e8e4d8;
}

.login-popup-form input:invalid{
	color: #ff003f;
}

.login-popup-form input[type=submit]{
	width: 100%;
	min-width: 10em;
	margin: 0;
	border: none;
	background-image: -moz-linear-gradient( 90deg, rgb(167,120,53) 0%, rgb(205,150,71) 28%, rgb(230,190,132) 79%, rgb(255,230,193) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(167,120,53) 0%, rgb(205,150,71) 28%, rgb(230,190,132) 79%, rgb(255,230,193) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(167,120,53) 0%, rgb(205,150,71) 28%, rgb(230,190,132) 79%, rgb(255,230,193) 100%);
	box-shadow: inset 0px 0px 0px 2px rgba(68, 40, 0, 0.65);
	font-family: 'Raleway', 'Open Sans', sans-serif;
	font-size: 1.25em;
	font-weight: 700;
	color: #000;
	text-align: center;
	display: block;
	padding: 0.75em 1em;
	cursor: pointer;
}

.login-popup-form input[type=submit]:hover {
	opacity: 0.8;
}

.alert {
	padding: 0.75em 0;
}

.green-alert {
	color: #cd9647;
}

.red-alert {
	color:rgba(255,0,63,1.00);
}

.close {
	position: relative;
}

.close span {
	position: absolute;
	top: 0em;;
	right: 0;
	font-size: 2em;
	cursor: pointer;
}

.close span:hover {
	color: #906125;
}

.gallery-slider {
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.80);
	display: table;
	z-index: 2;
}

.gallery-slider-content {
	display: table-cell;
	vertical-align: middle;
}

.gallery-slider-img {
	display: block;
	height: 70vh;
	width: min-content;
	max-height: 800px;
	margin: 0 auto;
	overflow: hidden;
}

.gallery-slider-img img{
	width: auto;
	height: 100%;
	margin: 0 auto;
}

.gallery-slider-nav {
	position: absolute;
	height: 70vh;
	left: 0;
	max-height: 800px;
	width: 100%;
	z-index: 1;
}

.vertical-img-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	max-height: none;
}

.gallery-slider-nav-left {
	position: absolute;
	left: 0;
	height: 100%;
	font-size: 3em;
	display: table;
}

.gallery-slider-nav-left span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 1em;
	cursor: pointer;
}

.gallery-slider-nav-left span:hover {
	color: #906125;
}

.gallery-slider-nav-right {
	position: absolute;
	right: 0;
	height: 100%;
	font-size: 3em;
	display: table;
}

.gallery-slider-nav-right span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 1em;
	cursor: pointer;
}

.gallery-slider-nav-right span:hover {
	color: #906125;
}


.gallery-slider-txt {
	position: fixed;
	color: #fff;
	font-size: medium;
}

.gallery-slider-txt p {
	position: absolute;
	background-color: rgba(0,0,0,0.80);
	width: 97%;
	text-align: center;
	bottom: 0;
	left: 0;
	padding: 1.5%;
	z-index: 2;
}

.vertical-img {
	max-height: 1200px !important;
}

.path-menu {
	padding: 0 0 0.25em 0;
	border-bottom: 2px solid #906125;
}

.path-menu ul {
	margin: 0;
	padding: 1em 0;

}

.path-menu li {
	display: inline-block;
	font-size: 1em;
	line-height: 1em;
	padding: 0 0.5em 0 0;
	margin: 0;
}

.path-menu li::before {
	content: "|";
	padding: 0 0.75em 0 0;
	color: #906125;
	font-weight: 700;
}

.path-menu li:first-child::before {
	display: none;
}

.path-menu a {
	display: inline-block;
	font-size: 1em;
	font-weight: 400;
	color: #fff;
	margin: 0;
	cursor: pointer;
}

.path-menu a:hover {
	color: #906125;
}

/* Animacja */

.slide-bottom {
	-webkit-animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-bottom-rev {
	-webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
}

.slide-right {
	-webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
}

.slide-left {
	-webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-bottom {
	0% {
		-webkit-transform: translateY(-100vh);
		transform: translateY(-100vh);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes slide-bottom {
	0% {
		-webkit-transform: translateY(-100vh);
		transform: translateY(-100vh);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes slide-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(100vw);
		transform: translateX(100vw);
	}
}
@keyframes slide-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(100vw);
		transform: translateX(100vw);
	}
}

@-webkit-keyframes slide-left {
	0% {
		-webkit-transform: translateX(-100vw);
		transform: translateX(-100vw);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes slide-left {
	0% {
		-webkit-transform: translateX(-100vw);
		transform: translateX(-100vw);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}


/* Media */
@media only screen and (min-width: 1940px) {
	body {
		font-size: 16px;
	}

	.conteiner {
		width: 1000px;
		margin: 0 auto;
		padding: 1.5em 2em;
	}

	.conteiner-slider {
		width: 1064px;
		margin: 0 auto;
	}

	.section-slider-txt h2 {
		font-size: 2em;
	}

	.section-slider-txt p {
		margin-top: 3em;
		font-size: 1.25em;
	}
}

@media only screen and (max-width: 1250px) {
	body {
		font-size: 1.1vw;
	}

	.conteiner {
		width: 97.5%;
	}

	.section-slider-txt h2 {
		font-size: 2.5em;
	}


	.section-slider-txt p {
		margin-top: 5em;
		font-size: 1.75em;
	}

	.gallery-slider-img {
		display: block;
		height: auto;
		max-height: none;
		width: 100%;
		margin: 0 auto;
	}

	.gallery-slider-img img{
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.gallery-slider-nav {
		height: 100vh;
		position: fixed;
		max-height: none;
		top: 0;
	}

	.gallery-slider-txt {
		max-width: none;
	}

	.vertical-img {
		width: max-content;
	}

}

@media only screen and (max-width: 766px) and (orientation: landscape) {
	body {
		font-size: 1.3vw;
	}

	.conteiner {
		width: 92.5%;
		padding: 1.5em 3.75% 1.5em 3.75%;
	}

	footer .conteiner {
		padding: 0 3.75% 0 3.75%;
	}

	.content-contact:first-child {
		margin: 0 1.5% 0 0;
	}

	.gallery-slider-nav {
		height: 100vh;
		position: fixed;
		max-height: none;
		top: 0;
	}

	.gallery-slider-img {
		height: 70vh;
		max-height: 800px;
		overflow: visible;
	}

	.gallery-slider-img img{
		width: auto;
		height: 100%;
		margin: 0 auto;
	}

	.vertical-img-nav {
		width: 100% !important;
	}

	.content-contact:nth-child(1) {
		/* display: none; */
	}

}

@media only screen and (max-width: 766px) and (orientation: portrait) {
	body {
		font-size: 2.8vw;
	}

	.conteiner {
		width: 92.5%;
		padding: 1.5em 3.75% 1.5em 3.75%;
	}

	footer .conteiner {
		padding: 0 3.75% 0 3.75%;
	}

	.menu {
		display: none;
	}

	.menu-mobile {
		display: block;
		float: right;
	}

	.menu-mobile-content {
		position: fixed;
		top: 0;
		left: 0;
		display: table;
		background-color: rgba(0,0,0,0.80);
		width: 100%;
		height: 100vh;
		overflow: hidden;
		z-index: 2;
	}

	.menu-mobile-content div {
		display: table-cell;
		vertical-align: middle;
	}

	.menu-mobile-content ul {
		margin: 3.75%;
		padding: 0;
	}

	.menu-mobile-content li {
		display: block;
		text-align: center;
		font-size: 2em;
		margin: 0.25em 0 0 0;
		padding: 0 0 0.25em 0;
		border-bottom: 2px solid #906125;
	}

	.menu-mobile-content li::after {
		display: none;
	}

	.menu-mobile-content li:nth-child(n+7) {
		border-bottom: none;
	}

	.menu-mobile-content li:nth-child(8) {
		font-size: 5em;
		margin: 0.25em 0 0 0;
		padding: 0 0 0.25em 0;
	}

	.menu-mobile-content li img {
		height: 1.5em;
		width: 1.5em;
		padding: 0;
		margin: 0;
		position: relative;
		top: 0.4em;
	}

	.menu-mobile-content li img:hover {
		opacity: 0.8;
	}

	.reservation {
		width: 100%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.content-preview {
		width: 48.125%;
		float: left;
		margin: 0 3.75% 3.75% 0;
	}

	.content-preview:nth-child(2n){
		margin: 0 0 3.75% 0;
	}

	.content-price ul {
		display:block;
		padding: 0;
		margin: 0;
	}

	.content-price li:nth-child(n) {
		display: inline-block;
		margin: 0 0 2% 0;
		width: 48%;
	}

	.content-price li:nth-child(3) {
		width: 100%;
		float: left;
	}

	.content-faq li:nth-child(1) {
		width: 25.5%;
		padding: 0 3.75% 0 0;
	}

	.content-contact {
		width: 100%;
		float: none;
		margin: 0;
	}

	.content-contact:first-child {
		margin: 0 0 3.75% 0;
	}

	.section-slider-nav {
		position: inherit;
		width: 100%;
	}

	.section-slider-txt h2 {
		font-size: 2em;
	}

	.section-slider-txt p {
		margin-top: 3em;
		font-size: 1.25em;
	}

	.content-site {
		width: 100%;
		float: none;
		margin: 0;
	}

	.content-site:first-child {
		margin: 0 0 3.75% 0;
	}

	.content-site-row {
		margin: 0 0 3.75% 0;
	}

	.content-site-price {
		padding: 0.6em 0 0 0;
		margin: 1em 0 0 0;
	}

	.content-site-button {
		margin: 1em 0 0 0;
	}

	.login-popup-form {
		width: 70%;
	}

	.gallery-slider-nav {
		height: 100vh;
		position: fixed;
		max-height: none;
		top: 0;
	}

	.gallery-slider-nav-left {
		font-size: 1em;
	}

	.gallery-slider-nav-right {
		font-size: 1em;
	}

	.gallery-slider-txt {
		position: relative;
	}

	.gallery-slider-txt p {
		position: relative;
		bottom: 0;
		left: 0;
		padding: 3.75%;
		width: 92.5%;
	}

	.vertical-img {
		max-height: 1200px !important;
		width: 90% !important;
	}

	.vertical-img img {
		width: 100% !important;
	}

	.content-contact:nth-child(1) {
		/* display: none; */
	}

}