/*!
Theme Name: aurora
*/

@font-face {
	font-family: 'Palatino';
	src: url("assets/fonts/palatino.otf"), url("assets/fonts/palatino.ttf"), url("assets/fonts/palatino.woff"), url("assets/fonts/palatino.wff2");
	font-weight: 400;
	font-style: normal
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 18px;
	line-height: 1.3;
	color: #000000
}

html {
	overflow-x: hidden;
	scroll-behavior: smooth
}

body {
	background-color: #f4ece4
}

.container {
	width: 1400px;
	margin: 0 auto
}

ul {
	list-style: none
}

a {
	text-decoration: none
}

a:hover {
	opacity: 0.8;
	-webkit-transition: 0.4s;
	transition: 0.4s
}

button {
	border: none;
	cursor: pointer
}

span,
a,
i,
p,
li {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit
}

img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.d-flex-sb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.d-flex-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.d-flex-sb-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 2px solid #fff;
	height: 43px;
	width: 180px
}

.title {
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-family: 'Palatino', sans-serif
}

.title-80 {
	font-size: 80px
}

.title-30 {
	font-size: 30px
}

p {
	margin-bottom: 18px
}

.hamburger {
	width: 24px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	cursor: pointer;
	display: none
}

.hamburger span {
	display: block;
	height: 2px;
	width: 100%;
	background-color: #fff;
	margin-bottom: 5px;
	-webkit-transition: 0.7s ease;
	transition: 0.7s ease;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	margin: 3px 0
}

.hamburger_active {
	position: fixed;
	right: 5%;
	z-index: 55
}

.header {
	padding: 30px 0
}

.header a {
	color: #fff;
	text-transform: uppercase
}

.header .logo {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 150px;
	height: 150px
}

.header .logo:hover {
	opacity: 1
}

.menu {
	gap: 30px
}

.logo img {
	height: 100%
}

.logo:hover {
	opacity: 1
}

.hero {
	min-height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center
}

section {
	padding: 60px 0
}

.images-pos {
	position: relative
}

.images-pos .text-bottom {
	margin: 24px 0
}
@media (min-width: 1200px){
	.images-pos .text-bottom {
		width: 57%;
		margin-left: auto;
    	margin-top: -200px;
	}
}
.images-pos .img-main {
	height: 650px;
	position: absolute;
	left: 0
}

.image-text {
	height: 650px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 50px
}

.image-text img,
.image-text .text {
	width: 50%
}

.image-text .text {
	width: 40%;
	margin: 30px 0 0
}

.image-text .text>div {
	width: 100%
}

.images {
	margin-top: 50px
}

.images__mini {
	width: 500px;
	height: 540px
}

.images__big {
	width: 800px;
	height: 500px;
	margin-top: -18%;
	z-index: 1
}

.text,
.text>div {
	color: #323232
}

.promo .d-flex-sb {
	gap: 150px
}

.promo .d-flex-sb>div {
	width: 50%
}

.promo .d-flex-sb .title-80,
.promo .d-flex-sb .text {
	margin-bottom: 60px
}

.promo .d-flex-sb .text {
	width: 75%
}

.promo__image-mini {
	width: 60%
}

.promo__image-main {
	height: 80%
}

.rooms__wrap {
	margin-top: 90px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	gap: 90px 50px
}
.rooms .descr {
	margin-top: 24px;
}
.rooms .title-30 {
	margin-top: 50px
}

.rooms .item img {
	height: 450px
}
.footer-text {
	padding: 50px 0;
}
.footer-text__content {
	font-size: 24px;
	width: 90%;
    margin: 0 auto;
}
.footer {
	padding: 80px 0
}

.footer__wrap {
	gap: 140px
}

.footer .logo {
	min-width: 200px;
	height: 200px
}

.footer__lists {
	width: 100%;
	gap: 50px
}

.footer ul {
	text-transform: uppercase
}

.footer ul li:not(:last-child) {
	margin-bottom: 16px
}

@media (min-height: 900px) {
	.hero {
		min-height: 900px
	}
}

@media (max-width: 1500px) {
	.container {
		width: 95%
	}

	.footer__lists {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: 25px
	}
}

@media (max-width: 1200px) {
	.images {
		gap: 24px;
		margin-top: 24px
	}

	.images img {
		width: 50%
	}

	.images__big {
		margin: 0
	}

	.images-pos .img-main {
		position: static
	}

	.images-pos img,
	.images-pos .img-main {
		height: 450px
	}

	.image-text {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: 24px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content
	}

	.image-text .text {
		width: 50%
	}

	.image-text .text>div {
		width: 100%
	}
}

@media (max-width: 1000px) {
	.footer {
		padding: 10px 0 40px;
		background-color: #2e3136
	}

	.footer__wrap {
		gap: 10px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.footer__lists {
		text-align: center;
		gap: 50px
	}

	.footer .logo {
		min-width: unset;
		width: 150px;
		height: 150px
	}

	.footer ul {
		color: #f4ece4;
		font-size: 14px
	}

	.promo .title-80 br {
		display: none
	}

	.promo .d-flex-sb {
		gap: 16px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.promo .d-flex-sb>div,
	.promo .d-flex-sb .text {
		width: 100%
	}

	.promo__image-mini {
		width: 100%
	}

	.promo img {
		height: 450px
	}

	.promo .d-flex-sb .title-80,
	.promo .d-flex-sb .text {
		margin-bottom: 20px
	}
}

@media (max-width: 768px) {
	body {
		background-color: #fff
	}

	a:hover {
		opacity: 1
	}

	.rooms__wrap {
		margin-top: 20px;
		gap: 24px
	}

	.rooms .title-30 {
		margin-top: 20px
	}

	.rooms .item img {
		height: 240px
	}

	.footer__lists {
		gap: 18px
	}

	.images-pos img,
	.images-pos .img-main {
		height: 240px
	}

	.title-80 {
		font-size: 45px
	}

	.hero {
		min-height: 300px;
		position: relative
	}

	.hero .btn {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: 20px
	}

	.hero .logo {
		width: 90px;
		height: 90px
	}

	.hero .container {
		width: 95%
	}

	.hamburger {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.menu {
		position: fixed;
		z-index: 55;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		padding: 30px 15px;
		background-color: #2e3136;
		-webkit-transition: .4s all;
		transition: .4s all;
		width: 100%;
		text-align: center
	}

	.header {
		padding: 24px 0;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.header_active .menu {
		left: 0;
		overflow-y: auto
	}

	.header_active .menu li {
		margin-bottom: 18px
	}

	.header_active .hamburger {
		position: fixed;
		z-index: 66
	}

	.header_active .hamburger span:nth-child(1) {
		-webkit-transform: translateY(4px) rotate(45deg);
		transform: translateY(4px) rotate(45deg)
	}

	.header_active .hamburger span:nth-child(2) {
		display: none
	}

	.header_active .hamburger span:nth-child(3) {
		-webkit-transform: translateY(-3px) rotate(-45deg);
		transform: translateY(-3px) rotate(-45deg)
	}
}

@media (max-width: 540px) {
	section {
		padding: 20px 0
	}

	.rooms__wrap {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr
	}

	.rooms .title-30 {
		font-size: 20px;
		text-align: center;
		margin-top: 10px
	}

	.rooms .title-80 {
		text-align: center
	}

	.title-80 {
		font-size: 30px
	}

	.promo img {
		height: 250px
	}

	.image-text {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		gap: 0
	}

	.image-text .img-main {
		margin-top: 24px
	}

	.images {
		margin-top: 5px;
		gap: 5px
	}

	.images img {
		width: 49%;
		height: 120px
	}

	.image-text img,
	.image-text .text {
		width: 100%
	}

	.image-text {
		margin-top: 20px
	}

	.image-text .text {
		margin: 0
	}

	.text br {
		display: none
	}

	/* .hero .btn {
		width: 95%
	} */
}

@media (max-width: 370px) {
	.footer__lists {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}