/* Start:/local/templates/books/pages.css?171260948412215*/
:root {
  --gray: #ccc;
  --brown: #dc9f7a;
  --brownbtn: #d68f63;
}


h2 {
	text-align: center;
	font-weight: normal;
	font-size: 28px;
}


html, body
{
	margin: 0;
	padding: 0;
	/*position: absolute;
	width: 100%;
	min-width: fit-content;*/
}

html
{
	height:100%;
}

a {
	text-decoration: none;
	color: #000;	
}

img {
	max-width: 100%;
}

.container {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
}

.tleft {
	text-align: left;
}



#header {
	padding: 30px 0;
}

.bg-fullwidth {
	width: 100%;
	min-height: 200px;
	background-image: url('../img/banner4.png');
	margin-bottom: 50px;
}
.bg-fullwidth.home {
	background-image: url('../img/banner1.png');
}
.bg-fullwidth.payment-page {
	background-image: url('../img/banner3.png');
}
.bg-fullwidth.rest-page {
	background-image: url('../img/banner4.png');
}
.bg-fullwidth.home {
	margin-bottom: 50px;
}


#horizontal-multilevel-menu ul, #horizontal-multilevel-menu li {
	list-style: none;
	display: block;
}

#horizontal-multilevel-menu a {
	text-decoration: none;
	color: #000;	
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 18px;
}

header #horizontal-multilevel-menu a.root-item-selected {
	border-bottom: 3px solid #dc9f7a;
}

#horizontal-multilevel-menu {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-left: 0;
	margin-bottom: 20px;
}

.lang_selector {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 31px;
	overflow: visible;
}
.lang_selector div {
	display: none;
	position: relative;
	
}
.lang_selector:hover div {
	display: block;
	padding: 5px;
	background: #fff;
}
.lang_selector div.selected {
	display: block;
	border: 1px solid #000;
	padding: 5px;
	position: relative;
}


.top-items {
	display: flex;
}
.top-items > * {
	display: block;
}
.top-item {
	padding-top: 10px;
	font-size: 18px;
}

.btn-brown {
	padding: 10px 10px 10px 10px;
	background: #dc9f7a;
	color: #fff;
	/*height: 28px;*/
	/*line-height: 12px;*/
	text-align: center;
	position: relative;
	cursor: pointer;
}
header .btn-brown.hotel-btn:after {
	content: " \276D ";
	/*background: #fff;*/
	border-radius: 30px;
	border: 1px solid #fff;
	width: 15px;
	height: 13px;
	display: block;
	position: absolute;
	top: 11px;
	right: 10px;
	border: 1px solid #fff;
	padding-top: 2px;
	font-size: 8px;
}
.hotel-btn.btn-brown {
	height: 28px;
}
.btn-brown a {
	color: #fff;
	font-size: 16px;
	/*line-height: 12px;*/
}

.top-item.phone span {
	font-size: 90%;
	color: #bbb;
}

.mobile_menu .top-item {
	text-align: center;
}



.mobile_menu {
	display: none;
	position: fixed;
	z-index: 90;
	background: #fff;
	width: 100%;
	padding-bottom: 40px;
}
.mobile_menu * {
	z-index: 500;
}
.mobile_menu .whitecover {
	z-index: 400;
	position: fixed;
	top: 30%;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
}
.mobile_menu.open {
	display: block;
}
.mobile_menu_btn {
	width: 30px;
	height: 20px;
	position: absolute;
	top: 59px;
	right: 10px;
	background: url('../img/burger.png') no-repeat center #fff;
}
.mobile_menu_btn.open {
	background-image: url('../img/close.png');
}




.address:before {
    content: url('../img/ballon.png');
}
.phone:before {
    content: url('../img/phone.png');
}


.bg-fullwidth * {
	color: #fff;
}
.bg-fullwidth.home * {
	text-align: center;
}

h1 {
	padding-top: 50px;
	width: 100%;
}

.home .booking-form {
	display: flex;
}
.booking-form {
	display: none;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	background: #fff;
	padding: 0 20px;
}
.booking-form * {
	color: #000;	
}
.bg-fullwidth.home .booking-form * {
	text-align: left;
}
.booking-form input, .booking-form select {
	padding: 10px;	
	font-size: 16px;
	width: calc(100% - 20px);
}
.booking-form select {
	width: 172px;
}
.booking-field P {
	margin-block-end: 0.5em;
}
.booking-form .btn-brown {
	color: #fff;
}
.booking-form .datefield {
	width: 170px;
}
.booking-form .peoplefield {
	width: 80px;
}
.booking-form .btnfield {
	width: 180px;
	margin-top: 40px;
}
.bg-fullwidth.home .booking-form .btnfield .btn-brown {
	text-align: center;
	padding: 14px 20px 14px 5px;
}





footer {
	background: #261911;
	color: #aaa;
	padding: 40px 0;
}
footer a {
	color: #aaa;
}
footer > .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

footer #horizontal-multilevel-menu {
	flex-wrap: wrap;
}
footer #horizontal-multilevel-menu a {
	color: #aaa;
	padding-bottom: 0;
}
footer #horizontal-multilevel-menu li {
	margin: 5px 15%;
}
footer .tripadvisor > * {
	margin: 0 30px;
}
footer .tripadvisor .img {
	text-align: center;
}
footer .tripadvisor .img img {
	width: 100px;
}

.bottom-menu-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}
.bottom-menu-2 div, .bottom-menu-2 a, .bottom-menu-3 a {
	font-size: 14px;
}
.bottom-menu-2 a {
	text-decoration: underline;
}

.bottom-menu-3 a {
	text-decoration: underline;
	color: var(--brown);
}
footer .subtitle {
	font-weight: bold;
	color: #fff;
}

.hotel-info {
	color: #fff;
}



.modal {
  display: none;
}

.modal.is-open {
  display: block;
}

.modal__overlay {
	z-index: 20;
}

.text-field {
	width: calc(100% - 24px);
	padding: 10px;
	margin-bottom: 20px;
}

.flexX {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}
.flexY {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	font-size: 28px !important;
}
.owl-nav {
	display: block !important;
}

.home-block {
	margin-bottom: 100px;
}

.items-zebra {
	display: flex;
	flex-wrap: wrap;
}
.items-zebra .item {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
}
.items-zebra .item.left {
	flex-direction: row-reverse;
}

.item-title, h2 {
	text-transform: uppercase;
}
.items-zebra .item .img img {
	width: 100%;
	max-height: 300px;
	object-fit: cover;
}

.item .img img {
	width: 100%;
}
.item .img {
	width: 50%;
}
.items-zebra .item .descr {
	width: 45%;
	margin-top: 30px;
	margin-left: 5%;
	margin-right: 0;
}
.items-zebra .item.left .descr {
	margin-left: 0;
	margin-right: 5%;
}
.items-zebra .item .descr p {
	font-size: 14px;
	line-height: 30px;
	color: #555555;
	font-weight: 400;
}
.items-zebra .item .descr p.item-title {
	font-size: 18px;
	line-height: 48px;
	color: #333333;
	font-weight: 700;
}

.btn-brown.order {
	height: unset;
	width: 100px;
	padding: 10px 10px 10px 10px;
}



.home-block.info .item {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.home-block.info .descr {
	width: 40%;
}
.home-block.info p {
	font-size: 18px;
	margin-top: 30px
}


.rooms .item {
    border: 1px solid gray;
    display: flex;
    flex-direction: column;
    max-width: 360px;
}

.rooms .item > div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 20px;	
	justify-content: center;
}
.rooms .item > div.img {
	margin: 0;
	width: 100%;
}
.rooms .item .descr {
	flex-direction: column;
	margin-bottom: 0;
}
.rooms .item .descr a {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.item .options {
	border-top: 1px solid var(--gray);
	border-bottom: 1px solid var(--gray);
	margin: 0 20px;
	padding-bottom: 20px;
}
.home-block.rooms .options p {
	width: 100%;
}
.room-detail .descr .options p {
	font-size: 14px;
	letter-spacing: 1px;
	color: #333333;
	font-weight: 600;
	width: 100%;
}
.options .option {
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background-color: var(--gray);
}
.options .option:hover {
	background: var(--brown) no-repeat;
}
.rooms .item .price {
	margin-right: 20px;
	width: calc(50%-21px);
	font-weight: bold;
	font-size: 18px;
	margin-top: 5px;
}

.room-detail {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.room-detail .img {
	margin-right: 5%;
	width: 100%;
}
.room-detail .img > .fotorama {
	width: 100%;
}
.room-detail .descr {
	width: 50%;
}
.room-detail .descr p {
	font-size: 14px;
	line-height: 24px;
	color: #555555;
	font-weight: 400;
}
.room-detail .descr p b {
	font-size: 18px;
	color: #333333;
	font-weight: 600;
}
.room-detail .buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 1px solid var(--gray);
	padding: 10px;
}
.room-detail .buttons .price {
	padding: 0 20px;
	border-left: 1px solid var(--gray);
	border-right: 1px solid var(--gray);
}
.room-detail .buttons .price, .room-detail .buttons .people {
	padding-top: 8px;
}

.room-detail .options .option {
	background-color: var(--brown);
	display: inline-block;
	margin-top: 10px;
}
.room-detail .options > div {
	margin-bottom: 20px;
}
.room-detail .options .option:hover {
	background-color: var(--brown);
}
.room-detail .options {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: space-between;
}
.room-detail .options > div {
	width: 49%;
}
.room-detail .options .text {
	margin-top: 10px;
	display: inline-block;
	font-size: 14px;
	color: #555555;
	font-weight: 400;
	position: relative;
	top: -10px;
}

.room-list .item {
	display: flex;
	margin-bottom: 50px;
	flex-wrap: wrap;
}
.room-list .subtitle {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	display: block;
	text-transform: uppercase;
}
.room-list .subtitle.price {
	text-transform: none;
}
.room-list .item .descr {
	margin: 0 5%;
}

.room-list .item .options {
	border-top: none;
	border-bottom: none;
	margin: 0;
}
.room-list .item .options .option {
	display: inline-block;
}

.room-list .btn-brown {
	font-size: 16px;
	font-weight: bold;
	width: 120px;
	padding: 15px 25px;
	margin-top: 20px;
}

.room-list .buttons, .room-list .item .descr {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-start;/*space-between;*/
}

.room-additional-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px 50px;
	margin-bottom: 40px;
	background: rgba(214, 143, 99, 0.2);
}
.room-additional-links a {
	text-decoration: underline;
}
.opt {
	display: block;
	width: 150px;
	padding-left: 50px;
	background-repeat: no-repeat;
}
.opt a {
	font-size: 14px;
	line-height: 18px;
	text-decoration: underline;
	color: #6c5140;
	font-weight: 400;
}
.opt:hover a {
	color: var(--brown);
}
.room-additional-links .delimiter {
	border-right: 1px solid var(--gray);
	width: 1px;
	height: 30px;
}
.opt1 {
	background-image: url('../img/opt1.png');
	padding-top: 10px;
}
.opt2 {
	background-image: url('../img/opt2.png');
}
.opt3 {
	background-image: url('../img/opt3.png');
}
.opt4 {
	background-image: url('../img/opt4.png');
}

.container.contacts {
	min-height: unset !important;
	margin-bottom: 50px;
}

#map {
	width: 100%;
	height: 500px;
	margin-bottom: 50px;
	/*margin-top: 50px;*/
}


.contact-info .img {
	height: 30px;
}
.contact-info .subtitle {
	margin: 10px 0;
	font-weight: bold;
}

.w10, .w20, .w30, .w33, .w40, .w50, .w100 {
	width: 100%;
}
.form-contacts textarea {
	height: 150px;
}
.form-contacts .btn-brown {
	margin-top: 20px;
	width: 80px;
}

.gallery {
	background: #84573e;
	padding-bottom: 20px;
	padding-top: 10px;
}
.gallery h2 {
	color: #fff;
	margin-bottom: 20px;
}
.gallery .item .img {
	width: 100%;
}

.reviews {
	margin-top: 40px;
	position: relative;
	margin-bottom: 100px;
}
.reviews h2 {
	text-align: left;	
}
.reviews h3 {
	text-align: left;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: normal;	
}
.reviews .all-reviews {
	position: absolute;
	right: 0;
	top: 0;
}
.reviews .person  {
	min-height: 105px;
}
.reviews .person img {
	width: 105px;
	height: 105px;
	border-radius: 50%;
	margin-right: 20px;
	object-fit: cover;
}
.reviews .person .username {
	text-transform: uppercase;
	font-weight: bold;
}

.reviews .owl-nav {
	text-align: right;
	margin-top: -100px;
	z-index: 500;
	position: relative;
}

.table-options {
	margin: 30px 0;
}
.tablerow {
	display: flex;
	padding: 20px 30px;
}
.tablecol.col1 {
	width: 60%;
}
.tablecol.col2, .tablecol.col3 {
	width: 20%;
}
.tablerow.tabletitle {
	background: var(--brown);
	color: #fff;
}

.service-list .buttons .btn-brown {
	margin: 30px auto;
	width: 150px;
}

/* End */


/* Start:/local/templates/books/modal.css?17126094842997*/
.modal {
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 500px;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0,0,0,.8);
}

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0,0,0,.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}



/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}
/* End */


/* Start:/local/templates/books/fix.css?17891162587247*/
* {
	font-family: "Montserrat";
	color: #555555;
}
h2 {
	font-size: 30px;
	line-height: 48px;
	color: #333333;
	font-family: "Montserrat";
}
h2 b {
	font-weight: 700;
}
.gallery h2, .gallery h2 b {
	color: #fff;
}
.gallery img {
	max-height: 470px;
	object-fit: cover;
}
.gallery * {
	color: #fff;
}
.home-block.info h2 {
	text-align: left;
}
.home-block.info p {
	font-size: 14px;
	line-height: 30px;
	color: #555555;
	font-weight: 400;
	font-family: "Montserrat";
}

.modal__content {
	margin-top: 0;
}
.modal__header {
	position: relative;
}
.modal__close {
	position: absolute;
	right: 0;
}
.modal__content .btn-brown {
	width: calc(100% - 20px);

}

.btn-brown {
	font-size: 12px;
	font-weight: 600;
	width: 155px;
	display: block;
}
.home-block.info .btn-brown {
	width: 155px;
}
.lang_selector a {
	font-size: 16px;
	color: #7a7a7a;
	font-weight: 400;
	font-family: "Roboto";
}

.address.top-item, .phone.top-item {
	font-size: 16px;
	line-height: 18px;
	color: #333333;
	font-weight: 400;
}
.top-item.phone span {
	font-size: 12px;
	line-height: 18px;
	color: #909090;
	font-weight: 400;
}
.btn-brown {
	background-color: var(--brownbtn);
	border-radius: 2px;
}
.btn-brown:hover {
	background-color: #542c15;
}
div.btn-brown.hotel-btn {
	width: 191px;
	height: 39px;
	border-radius: 2px;
	padding: 0;
}
.btn-brown.hotel-btn a {
	font-size: 12px;
	letter-spacing: 0px;
	color: #ffffff;
	font-weight: 500;
	margin-top: 11px;
	display: block;
}
h1 {
	font-size: 40px;
	color: #ffffff;
	font-weight: 700;
}
.slogan {
	font-size: 35px;
	color: #ffffff;
	font-weight: 500;
	width: 100%;
}


.bg-fullwidth.home .container {
	height: 638px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: center;
	position: relative;
}
.booking-form {
	position: absolute;
	bottom: -50px;
}

div.lang_selector div.selected {
	border: none;
}

header .top-item1 {
	padding-top: 0;
}

.booking-form {
	width: 100%;
}
.booking-form .btn-brown {
	
	position:relative;
}
.booking-form .btn-brown:before {
	content: "";
	background: #fff;/*url(../img/bell1.png);*/
	-webkit-mask-image: url(../img/bell1.png);
	mask-image: url(../img/bell1.png);
	display: inline-block;
	width: 20px;
    height: 20px;
    background-size: 100%;
    position: absolute;
    right: 12px;
    top: 8px;

}

.top-item {
     padding-top: 0 !important;
}
.top-items {
    align-items: center;
}
footer > .container .hotel-info {
	text-align: left;
}

footer .hotel-info .address, footer .hotel-info .phone {
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	padding-left: 30px;
	position: relative;
	margin-top: 20px;
}

footer .hotel-info .address:before, footer .hotel-info .phone:before {
	position: absolute;
	left: 0;
	top: 0;
}
footer .hotel-info .phone span {
	font-size: 12px;
	line-height: 18px;
	color: #dcdcdc;
	font-weight: 400;
}

.tripadvisor {
	width: 177px;
	height: 218px;
	border-radius: 2px;
	background-color: rgba(162,97,59,0);
	/*border: 1px solid rgba(214,143,99,0.33);*/
	text-align: center;
}

.tripadvisor p {
	font-size: 13px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
}
.tripadvisor .btn-brown {
	font-size: 12px;
	font-weight: 500;
	width: 122px;
	height: 19px;
	/*padding: 0;*/
	margin: 0 auto;
}
footer .tripadvisor > * {
	margin: 0 auto;
	margin-top: 20px;
}

footer #horizontal-multilevel-menu li {
	margin: 0;
	width: 50%;
	margin-bottom: 25px;
}
footer #horizontal-multilevel-menu {
	padding-left: 30px;
}

footer #horizontal-multilevel-menu a {
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 18px;
	color: #ffffff;
	font-weight: 600;
}

.bottom-menu-3 a {
	font-size: 13px;
	line-height: 24px;
	text-decoration: underline;
	color: #ba9a87;
	font-weight: 400;
}
.bottom-menu-3 .subtitle {
	font-size: 16px;
	line-height: 24px;
	color: #dcdcdc;
	font-weight: 600;
}

footer div.btn-brown.hotel-btn {
	padding: 10px;
	height: 19px;
}
footer div.btn-brown.hotel-btn a {
	margin-top: 0;
}

.bottom-menu-2 * {
	font-size: 13px;
	line-height: 24px;
	color: #dcdcdc;
	font-weight: 400;
}

.paylogos {
	text-align: center;
	-webkit-mask-image: url(../img/paylogos_gray.png);
	mask-image: url(../img/paylogos_gray.png);
	background-color: rgba(220, 159, 122, 0.5);
	width: 100%;
	height: 49px;
	max-width: 331px;
	margin: 0 auto;
}

.smallbanner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 50px;
}
.smallbanner > div {
	position: relative;
	background-size: 100%;
	background-repeat: no-repeat;
	height: 185px;
}
.smallbanner .blockprice {
	background-image: url(../img/breakfastgray.png);
	background-color: #f4f4f4;
	background-size: auto 100%;
	background-position: right center;
}
.smallbanner .blocktime {
	background-image: url(../img/breakfasttime.png);
	background-color: #f4f4f4;
	background-size: auto 100%;
	background-position: right center;
}
.smallbanner .subtitle {
	font-size: 18px;
	color: #333333;
	font-weight: 400;
	margin-left: 40px;
	margin-top: 60px;
	margin-bottom: 5px;
}
.smallbanner .price {
	font-size: 30px;
	color: #333333;
	font-weight: 600;
	margin-left: 40px;
	margin-top: 0px;
}
.smallbanner div:hover .subtitle, .smallbanner div:hover .price {
	color: #fff;
}

.add-review {
	width: 50%;
	margin-bottom: 50px;
}

.payment-page ul {
	list-style-type: none; 
}
.payment-page ul li:before {
	content: "- "; 
	font-size: 30px;
	line-height: 10px;
}

.room-common-text {
	font-size: 16px;
	line-height: 26px;
	color: #777777;
	font-weight: 400;
}

.service-list .clear {
	margin-bottom: 20px;
	height: 20px;
}
.photos {
	margin-bottom: 20px;
	position: relative;
}
.photos img {
	/*float: left;*/
}
.photos .preview_picture {
	margin-right: 5%;
	margin-right: 20px;
	width: 65%;
	height: 530px;
}
.photos .smallphoto {
	width: 34%;
	position: absolute;
	right: 0;
	top: 0;
	height: 262px;
}
.photos :last-child {
	/*margin-top: 5%;*/
	bottom: 0;
	top: unset;
}

.clear {
	clear: both;
}

.item .img iframe {
	width: 100%;
}
.rooms .owl-carousel .img a {
	width: 100%;
}
.rooms .owl-item .preview_picture {
	height: 240px;
}

.room-list .item .options p {
	font-weight: 600;
}
input[type="checkbox"].text-field {
	width: 20px;
}


.rooms .options p {
	width: 100%;
}
.rooms .item .descr p {
	height: 140px;
	font-size: 15px;
}

#block-search {
	width: 100%;
}
#block-search iframe {
	width: 100% !important;
}
#block-search, #block-search * {
    box-sizing: border-box;
}

#block-search {
    background: #F8F8F8;
}

#block-search.block-search--main {
    border: 1px solid #CFCFCF;
    max-width: 1140px;
    margin: 0 auto;
}

#block-search.block-search--inner {
    border-bottom: 1px solid #CFCFCF;
}

#tl-reputation-widget {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}

#horizontal-multilevel-menu ul, #horizontal-multilevel-menu li {
	text-align: center;
	padding: 0 5px;
}

.tl-container {
    max-width: 1190px;
    margin: 0 auto;
    padding: 0 25px;
}

.x-tl-booking-widget__icon * {
	color: #fff;
}

@media (max-width: 768px) {
	#header .bg-fullwidth {
		min-height: 550px;
	}
	#header .bg-fullwidth.reservation {
		min-height: 200px;
	}
}

.reservation #gosha-widget {
	display: none !important;
}

.home_reviews .owl-carousel .items > .owl-stage-outer {
	margin-bottom: 50px;
}

/* End */


/* Start:/local/templates/books/allhotels.css?17126094842771*/
@font-face {
    font-family: "Gilroy";
    /*src: url("/local/templates/books/aantiquetituldcfr.ttf");*/
    src: url("../img/Gilroy-Regular.ttf");    
}

.allhotels, .allhotels * {
	font-family: "Gilroy";
	text-align: center;
	z-index: 500;
}
.allhotels, .allhotels .hotel {
	background-color: #0e0d17;
}
.allhotels {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.allhotels h1 {
	font-size: 50px;
	letter-spacing: 5px;
	line-height: 50px;
	color: #ffffff;
	font-weight: 800;
	padding-top: 0;
	text-transform: uppercase;
}
.allhotels .slogan {
	font-size: 26px;
	letter-spacing: 1px;
	line-height: 40px;
	color: #d6d6d6;
}

.allhotels .hotelname {
	font-size: 30px;
	letter-spacing: 3px;
	color: #a18e77;
	font-weight: 500;
	text-transform: uppercase;
}
.allhotels .hotel {
	width: 32%;
	height: 100%;
	display: inline-block;
	position: relative;
	background-size: 100% 100%;
	
}
.allhotels .hotel .shadow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(14, 13, 23, 0.9);
	z-index: 550;
}
.allhotels .hotel:hover .shadow {
	/*display: none;*/
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, 
	    from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	/*background-color: rgba(14, 13, 23, 0.4);*/
}
.allhotels .hotel .hotellogo, .allhotels .hotel .hotelname {
	position: relative;
	top: 65%;
	z-index: 600;
}
.allhotels .hotel .hotelname {
	top: 70%;
}

.allhotels .hotel:hover {
	background-color: #0084ff;
	background-color: #425c75;
}
.allhotels .hotel:hover * {
	color: #a18e77;
	color: #fff;
}
.hotel:hover .hotellogo {
	background-color: #a18e77;
	background-color: #fff;
}
.hotel .hotellogo {
	width: 60px;
	margin: 0 auto;
	height: 60px;
	background-color: #a18e77;
	-webkit-mask-size: 100% 100%;
}

.allhotels .text-block {
	position: absolute;
	width: 100%;
	z-index: 600;
}
.allhotels .text-block > div {
	max-width: 1100px;
	width: 90%;
	margin: 0 auto;
}

.hotel img {
	height: 100%;
	width: auto;
	display: none;
}
.hotel {
	overflow: hidden;
}

.btn-book-all {
	border: 1px solid #a18e77;
	padding: 5px 10px;
	color: #a18e77 !important;
	width: 150px;
	margin: 0 auto;
	position: relative;
	top: 75%;
	z-index: 600;
	display: none;
}
.hotel:hover .btn-book-all {
	display: block;
}



@media (max-width: 768px) { 
	.allhotels .hotellogo {
		width: 40px;
		height: 40px;
	}
	.allhotels .hotel .hotellogo {
		top: 65%;
	}
	.allhotels .hotel .hotelname {
		top: 68%;
	}
	.allhotels h1 {
		font-size: 30px;
		color: #ffffff;
		font-weight: 800;
		line-height: 30px;
	}
	.allhotels .slogan {
		font-size: 18px;
		line-height: 24px;
	}
	.allhotels .hotelname {
		font-size: 12px;
	}
	.btn-book-all {
		width: 100px;
		font-size: 12px;
	}
	.allhotels .hotel {
		background-size: auto 100%;
		background-position: center;
	}
}
/* End */


/* Start:/local/templates/books/components/bitrix/breadcrumb/template1/style.min.css?1712609484467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/books/styles.css?1789553353336*/
.booking-button { color: #fff !important; background-color: #D68F63;&nbsp; text-decoration: none; text-align: center; width: 200px; height: 50px; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 14px; font-weight: bold; text-decoration: none;}<br>
a.booking-button span { color: #fff !important; }
/* End */


/* Start:/local/templates/books/responsive.css?17126094844852*/
.top-items .lang_selector, .top-items .address, .top-items .phone, .container #horizontal-multilevel-menu {
	display: none;	
}

.mobile_menu #horizontal-multilevel-menu li {
	text-align: center;
	padding-bottom: 20px;
		
}
.mobile_menu #horizontal-multilevel-menu a {
	padding-bottom: 0;
}
.mobile_menu #horizontal-multilevel-menu {
	display: flex;
	flex-direction: column;
}

.top-items {
	justify-content: space-evenly;
}

.room-list .item > div {
	width: 100%;
}
.contact-info > div {
	width: 100%;
}
main.container {
	width: 90%;
}

@media screen and (min-width: 768px) {

	.hidden-mob {
		display: block;
	}
	.visible-mob {
		display: none;
	}

	.w10 {
		width: 10%;
	}
	.w20 {
		width: 20%;
	}
	.w30 {
		width: 30%;
	}
	.w33 {
		width: 33%;
	}
	.w40 {
		width: 40%;
	}
	.w45 {
		width: 45%;
	}
	.w48 {
		width: 48%;
	}
	.w50 {
		width: 50%;
	}
	.w100 {
		width: 100%;
	}

	main.container {
		min-height: 420px;
		width: 100%;
	}
	.container {
		min-width: 768px;
	}
	.top-items .lang_selector, .top-items .address, .top-items .phone {
		display: block;
	}
	.container #horizontal-multilevel-menu {
		display: flex;
	}
	.mobile_menu {
		display: none;
	}

	footer > .container {
		text-align: left;
		justify-content: space-between;
	}

	.hotel-btn br {
		display: none;
	}
	.top-items {
		justify-content: space-between;
	}
	.btn-brown a {
		font-size: 16px;
	}
	.btn-brown:after { 
		display: none !important;
	}
	.mobile_menu_btn {
		display: none;
	}

	.room-detail .img {
		margin-right: 5%;
		width: 40%;
	}

	.room-list .item > div {
		width: 30%;
	}
	.contact-info > div {
		width: 20%;
	}
	.slogan br {
		display: none;
	}

}




@media (max-width: 768px) {

	.hidden-mob {
		display: none;
	}
	.visible-mob {
		display: block;
	}

	#panel {
		display: none !important;
	}
	footer .hotel-btn {
		display: none;
	}
	.container.bottom-menu-2 > div {
		width: 100%;
	}

	h2 {
		font-size: 28px;
		line-height: 36px;
		text-align: left;
	}
	.gallery h2 {
		text-align: center;
	}

	.home-block.info .descr, .item .img {
		width: 100%;
	}
	.items-zebra .item .descr {
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 20px;
	}

	.booking-form div.btnfield {
		width: 100%;
		margin-top: 20px;
	}
	.booking-field.btnfield .btn-brown {
		width: calc(100% - 20px);
	}
	
	div.hotel-btn.btn-brown {
		line-height: 12px;
		padding-right: 20px;
		width: 110px;
		margin-right: 40px;
	}	
	div.btn-brown.hotel-btn a {
		font-size: 10px;
		letter-spacing: 0px;
		color: #ffffff;
		font-weight: 500;
		text-align: center;
	}
	.lang_selector {
		width: 40px;
		margin: 0 auto;
	}

	h1 {
		font-size: 28px;
		color: #ffffff;
		font-weight: 700;
		text-align: center;
	}

	.slogan {
		font-size: 20px;
		color: #ffffff;
		font-weight: 500;
	}
	.bg-fullwidth.home .container {
		align-content: flex-start;
	}

	.room-detail .descr {
		width: 100%;
	}

	.bg-fullwidth.home .container {
		height: 470px;
	}

	.home-block {
		margin-bottom: 50px;
	}


	.booking-form {
		width: calc(100% - 40px);
	}
	.home .booking-form {
		padding: 0 20px;
	}
	.booking-form .datefield {
		width: 165px;
	}
	.booking-form .peoplefield {
		width: 73px;
	}
	.booking-form select {
		width: 170px;
	}


	main.container.room_options {
		width: 100%;
	}
	.home-block.info .item {
		margin-top: 120px;
		position: relative;
		flex-direction: column-reverse;
	}
	.home-block.info h2 {
		position: absolute;
		top: -120px;
	}

	.home-block.room_options > p {
		display: none;
	}

	.smallbanner > div {
		width: 100%;
		height: 155px;
		background-size: cover;
	}

	.smallbanner .blockprice {
		background-image: url(../img/breakfast.png);
	}

	.smallbanner .blockprice .subtitle {
		margin-top: 30px;
		color: #fff;
	}
	.smallbanner .blockprice .price {
		color: #fff;
	}
	.home_reviews h3 {
		font-size: 18px;
		color: #333333;
		font-weight: 400;
	}

	footer > .container .hotel-info {
		text-align: center;
	}
	footer .hotel-info > div {
		width: 172px;
		margin: 20px auto;
		text-align: left;
	}

	.photos .smallphoto {
		height: 100px;
		
	}
	.photos .preview_picture {
		height: 200px;
	}

	.bx-breadcrumb {
		margin-left: 15px;
	}

	.room-list .item .descr {
		margin-top: 20px;
	}
	

	.sticky {
		position: fixed;
		top: 0;
		padding: 30px 0;
		background: #fff;
		z-index: 90000;
	}

	#header {
		padding-top: 125px;	
	}
}


@media (max-width: 390px) {
	.home-block.info h2.numrooms {
		line-height: 40px;
		font-size: 40px;
	}
	
	form.booking-form select {
		width: 170px;
	}
	
	form.booking-form .datefield {
		width: 165px;
	}
	form.booking-form .peoplefield {
		width: 68px;
	}
}

@media (max-width: 380px) {
	form.booking-form select {
		width: 160px;
	}
	
	form.booking-form .datefield {
		width: 155px;
	}
	form.booking-form .peoplefield {
		width: 63px;
	}

	.bg-fullwidth.home .booking-form p {
		font-size: 12px;
	}
}




/* End */
/* /local/templates/books/pages.css?171260948412215 */
/* /local/templates/books/modal.css?17126094842997 */
/* /local/templates/books/fix.css?17891162587247 */
/* /local/templates/books/allhotels.css?17126094842771 */
/* /local/templates/books/components/bitrix/breadcrumb/template1/style.min.css?1712609484467 */
/* /local/templates/books/styles.css?1789553353336 */
/* /local/templates/books/responsive.css?17126094844852 */


/* ===== visual-only additions: booking widget + reputation badge ===== */

.booking-widget-img {
	position: relative;
	z-index: 5;
	display: block;
	max-width: 1140px;
	width: 100%;
	height: auto;
	margin-top: 40px;
	box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.reputation-badge {
	width: 300px;
	margin: 0 auto -20px;
	position: relative;
	z-index: 5;
	background: #fff;
	box-shadow: 0 4px 14px rgba(0,0,0,.15);
	font-family: Montserrat, sans-serif;
}
.reputation-badge__header {
	background: #7a4a26;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 6px 12px;
}
.reputation-badge__body {
	display: flex;
	align-items: center;
	padding: 10px 12px;
}
.reputation-badge__score {
	font-size: 26px;
	font-weight: 700;
	color: #e0822f;
	margin-right: 10px;
}
.reputation-badge__score span {
	font-size: 14px;
	font-weight: 400;
	color: #999;
}
.reputation-badge__stars {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #eee;
}
.reputation-badge__stars .stars {
	display: block;
	color: #e0822f;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 1;
}
.reputation-badge__stars .stars-label {
	display: block;
	color: #e0822f;
	font-size: 12px;
	font-weight: 700;
	margin-top: 3px;
}
.reputation-badge__count {
	font-size: 11px;
	color: #888;
	line-height: 1.3;
}

@font-face {
	font-family: "Gilroy";
	src: url(../img/Gilroy-Regular.ttf);
}

.promo-overlay {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	align-items: center;
	justify-content: center;
}
.promo-overlay.is-visible {
	display: flex;
}
.promo-modal {
	position: relative;
	display: flex;
	width: 1000px;
	height: 800px;
	max-width: 94vw;
	max-height: 92vh;
	background: #fff;
	overflow-y: auto;
}
.promo-modal__close {
	position: absolute;
	top: 60px;
	right: 60px;
	z-index: 2;
	width: 30px;
	height: 30px;
	border: none;
	background: none;
	color: #1a1a1a;
	cursor: pointer;
}
.promo-modal__close svg {
	width: 30px;
	height: 30px;
}

.promo-slide__image {
	flex: none;
	width: 540px;
	height: 100%;
	overflow: hidden;
}
.promo-slide__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.promo-slide__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 130px 60px 60px;
}
.promo-slide__text {
	text-align: left;
}
.promo-slide__bottom {
	width: 100%;
	margin-top: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
}
.promo-slide__text h2 {
	font-family: "Gilroy", Arial, sans-serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.15;
	color: #1a1a1a;
	text-transform: none;
	text-align: left;
	margin: 0 0 40px;
	max-width: 307px;
}
.promo-slide__text ul {
	margin: 0;
	padding-left: 18px;
	color: #747474;
	font-family: "Gilroy", Arial, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 40px;
	text-align: left;
}
.promo-slide__text li + li {
	margin-top: 20px;
}
.promo-slide__cta {
	display: block;
	box-sizing: border-box;
	width: 100%;
	border: none;
	background: #e46e00;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-family: "Gilroy", Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	padding: 18px 20px;
	cursor: pointer;
}
.promo-dots {
	display: flex;
	gap: 8px;
}
.promo-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d9d9d9;
	cursor: pointer;
}
.promo-dot.is-active {
	background: #4a2e18;
}

.promo-slide__image {
	position: relative;
}
.promo-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: #1a1a1a;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.promo-arrow:hover {
	background: #4a2e18;
}
.promo-arrow svg {
	width: 24px;
	height: 24px;
}
.promo-arrow--prev {
	left: 20px;
}
.promo-arrow--next {
	right: 20px;
}

.promo-img-fade {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .6s ease;
}
.promo-img-fade.is-in {
	opacity: 1;
}