:root {
	--primary: #ed1c24;
	--primaryhover: #ff3f45;
	--green: #3EB9C2;
	--greenlite: #E3F1F3;
	--black: #212121; 
	--greylite: #f7f7f7;
	--grey: #777;
	--orange: #DC7755;
	--wrap: 1170px;
	--section_padding: 120px 0; 
	--margins: calc(100% - var(--wrap));
	--margin: calc(var(--margins) / 2  );
}

.hide_desktop {display:none;}
.show_desktop {display:block;}
.mt-0 {margin-top:0 !important;}
.mt-10 {margin-top:10px !important;}
.mt-16 {margin-top:16px !important;}
.mt-24 {margin-top:24px !important;}
.mt-32 {margin-top:32px !important;}
.mt-50 {margin-top:50px !important;}
.mt-75 {margin-top:75px !important;}
.mt-100 {margin-top:100px !important;}
.mt-120 {margin-top:120px !important;}
.mt-150 {margin-top:150px !important;}
.mb-0 {margin-bottom:0 !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-16 {margin-bottom:16px !important;}
.mb-24 {margin-bottom:24px !important;}
.mb-32 {margin-bottom:32px !important;}
.mb-50 {margin-bottom:50px !important;}
.mb-75 {margin-bottom:75px !important;}
.mb-100 {margin-bottom:100px !important;}
.mb-120 {margin-bottom:120px !important;}
.mb-150 {margin-bottom:150px !important;}
.pt-0 {padding-top:0 !important;}
.pt-10 {padding-top:10px !important;}
.pt-16 {padding-top:16px !important;}
.pt-24 {padding-top:24px !important;}
.pt-32 {padding-top:32px !important;}
.pt-50 {padding-top:50px !important;}
.pt-75 {padding-top:75px !important;}
.pt-90 {padding-top:90px !important;}
.pt-100 {padding-top:100px !important;}
.pt-150 {padding-top:150px !important;}
.pb-0 {padding-bottom:0 !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-16 {padding-bottom:16px !important;}
.pb-24 {padding-bottom:24px !important;}
.pb-32 {padding-bottom:32px !important;}
.pb-50 {padding-bottom:50px !important;}
.pb-75 {padding-bottom:75px !important;}
.pb-100 {padding-bottom:100px !important;}
.pb-150 {padding-bottom:150px !important;}

@media (max-width: 800px) {
  .mt-0-mob {margin-top:0 !important;}
	.mt-10-mob {margin-top:10px !important;}
	.mt-16-mob {margin-top:16px !important;}
	.mt-24-mob {margin-top:24px !important;}
	.mt-32-mob {margin-top:32px !important;}
	.mt-50-mob {margin-top:50px !important;}
	.mt-75-mob {margin-top:75px !important;}
	.mt-100-mob {margin-top:100px !important;}
	.mt-150-mob {margin-top:150px !important;}
	.mb-0-mob {margin-bottom:0 !important;}
	.mb-10-mob {margin-bottom:10px !important;}
	.mb-16-mob {margin-bottom:16px !important;}
	.mb-24-mob {margin-bottom:24px !important;}
	.mb-32-mob {margin-bottom:32px !important;}
	.mb-50-mob {margin-bottom:50px !important;}
	.mb-75-mob {margin-bottom:75px !important;}
	.mb-100-mob {margin-bottom:100px !important;}
	.mb-150-mob {margin-bottom:150px !important;}
	.pt-0-mob {padding-top:0 !important;}
	.pt-10-mob {padding-top:10px !important;}
	.pt-16-mob {padding-top:16px !important;}
	.pt-24-mob {padding-top:24px !important;}
	.pt-32-mob {padding-top:32px !important;}
	.pt-40-mob {padding-top:30px !important;}
	.pt-50-mob {padding-top:50px !important;}
	.pt-75-mob {padding-top:75px !important;}
	.pt-100-mob {padding-top:100px !important;}
	.pt-150-mob {padding-top:150px !important;}
	.pb-0-mob {padding-bottom:0 !important;}
	.pb-10-mob {padding-bottom:10px !important;}
	.pb-15-mob {padding-bottom:15px !important;}
	.pb-20-mob {padding-bottom:20px !important;}
	.pb-32-mob {padding-bottom:32px !important;}
	.pb-40-mob {padding-bottom:30px !important;}
	.pb-50-mob {padding-bottom:50px !important;}
	.pb-75-mob {padding-bottom:75px !important;}
	.pb-100-mob {padding-bottom:100px !important;}
	.pb-150-mob {padding-bottom:150px !important;}
}

.show_mob {display:none !important;}
.hide_mob {display:block !important;}

html {scroll-behavior: smooth;}

* {position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

a, button, img {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

body {margin: 0; /*font-family: Arial, Helvetica, sans-serif;*/ font-family: "Montserrat", sans-serif; font-size: 16px; color: var(--grey); padding-top: 84px; 
line-height: 150%; overflow-x: hidden !important; background: var(--greylite);}

body.hideoverflow {width: 100vw; height: 100vh; overflow: hidden;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {/* font-family: "Playfair Display", serif; */  font-family: "Montserrat", sans-serif; text-transform: uppercase; color: var(--black); margin-top: 0; font-weight: 300; letter-spacing: 0.02em;}

h1, h2,
.h1, .h2 {font-weight: 200; }
h5, h6,
.h5, .h6 {font-weight: 500; }

h1, .h1 {font-size: 48px; line-height: 86%; margin-bottom: 48px;}
h2, .h2 {font-size: 32px; line-height: 94%; margin-bottom: 48px;}
h3, .h3 {font-size: 21px; line-height: 100%; margin-bottom: 30px;}
h4, .h4 {font-size: 16px; line-height: 110%; margin-bottom: 10px;}
h5, .h5 {
	color: var(--black); /*font-family: Arial, Helvetica, sans-serif;*/ font-size: 10px; line-height: 120%; letter-spacing: 0.16em; text-transform: uppercase;
	display: inline-block; margin-bottom: 20px;
}

.subtitle {display: block; color: var(--black); font-family: "Playfair Display", serif; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 140%; letter-spacing: 0.01em; }

.overline {
	color: var(--black); /*font-family: Arial, Helvetica, sans-serif;*/ font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 120%; letter-spacing: 0.16em; text-transform: uppercase;
	display: inline-block; margin-bottom: 24px;
}
.overline:before {content: ""; width: 55px; height: 0.5px; position: absolute; top: 50%; left: -16px; background: var(--black); transform: translateX(-100%); }
.overline:after {content: ""; width: 55px; height: 0.5px; position: absolute; top: 50%; right: -16px; background: var(--black); transform: translateX(100%); }
.overline.white {color: white; }
.overline.white:before,
.overline.white:after {background: white;}

img {vertical-align: middle; max-width: 100%; height: auto;}

p {margin: 0 0 24px 0; }

p:last-child {margin: 0;}

a {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration:none; color:var(--txt);}

a:hover {text-decoration:none; color: var(--primary); }

p a {color:var(--primary); font-style: italic;}
p a:hover {color:var(--black);}

.buttlike {
	display: inline-block; color: white; background: var(--primary); border: 1px solid var(--primary); line-height: 42px; height: 42px; padding: 0 28px; cursor: pointer; 
	font-size: 12px; text-transform: uppercase; /*font-family: Arial, Helvetica, sans-serif;*/ font-family: "Montserrat", sans-serif; white-space: nowrap; font-style: normal; font-weight: 500; letter-spacing: 0.05em;
}

.buttlike:hover {color: white; background: var(--primaryhover); border: 1px solid var(--primaryhover);}

.buttlike.small {line-height: 30px; height: 30px; padding: 0 16px;}

.buttlike.outline {
	background: transparent; color: var(--black); border: 1px solid var(--primary);
}

.buttlike.outline.white {
	background: transparent; color: white; border: 1px solid white;
}

.buttlike.outline:hover {
	background: var(--primary); color: white; border: 1px solid var(--primary);
}

.buttlike.alt {line-height: 30px; height: 30px; border-radius: 30px; padding: 0 40px 0 20px; }
.buttlike.alt img {
	margin: -1px 0 1px 15px; position: absolute; top: 4px; right: 10px;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(136deg) brightness(108%) contrast(102%); 
}

.align_right {text-align: right; }
.center {text-align: center; }
.centered {margin: 0 auto; }

.bg_white {background: white;}
.bg_litegreen {background: var(--greenlite);}

section {padding: var(--section_padding); }

.content { width: 100%; overflow-x: hidden;}

.wrap {width: var(--wrap); margin: 0 auto; }
.flex {display: flex; width: 100%; }
.align_center {align-items: center;}
.justify_space_between {justify-content: space-between;}
.direction_column {flex-direction: column;}
.wauto {width: auto; }

.w3 {width: calc(3 * 70px + 2 * 30px);}
.w4 {width: calc(4 * 70px + 3 * 30px);}
.w5 {width: calc(5 * 70px + 4 * 30px);}
.w6 {width: calc(6 * 70px + 5 * 30px);}
.w8 {width: calc(8 * 70px + 7 * 30px);}
.w10 {width: calc(10 * 70px + 9 * 30px);}

header {width: 100%; background: white; padding: 0 30px; z-index: 200; position: fixed; top: 0; left: 0; box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}

.top_header {text-align: center; height: 62px; display: none; }

.top_header .wrap {text-align: center; border-bottom: 1px solid var(--primary); width: 100%; }

.langs {position: absolute; top: 0; right: 0; text-align: right; }

.langs ul {list-style: none; display: inline-block; padding: 0; margin: 0;}

.langs li ul {display: none;}

.langs li:hover ul {display: block; width: auto; background: white; position: absolute; top: 100%; right: 0; z-index: 5; padding: 15px 0;}

.langs li a {color: white; text-transform: uppercase; font-size: 12px; line-height: 61px; height: 65px; }

.langs li ul li {display: block;}

.langs li ul li a {display: block; padding: 5px 15px; line-height: 120%; height: auto; color: var(--black);}

.langs a:hover {color: var(--primary); }

.menu_holder {display: flex; justify-content: space-between; align-items: center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.logo {max-width: 120px; margin: 15px 0;  }

.menu ul {list-style: none; display: inline-block; padding: 0; margin: 0; }

.menu li {display: inline-block; margin: 0 0 0 30px; text-align: left; }
.menu li:first-child {margin: 0;}

.menu li a {display: block; color: var(--black); line-height: 38px; padding: 0 10px; font-size: 14px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.1em;}

.menu li a:hover,
.menu li.active a {color: var(--primary); }

.menu li ul {display: none;}

.menu li:hover ul {display: block; width: auto; min-width: 120px; max-width: 300px; background: white; position: absolute; top: 100%; left: 0; z-index: 5; padding: 15px 0;}

.menu li ul li {display: block; margin: 0; }

.menu li ul li a {display: block; padding: 5px 15px; line-height: 120%; height: auto; color: var(--black); text-transform: none; font-size: 13px; }

.menu li.active li a {background: transparent; color: var(--black); }

.menu li ul li a:hover,
.menu li ul li.active a {background: transparent; color: var(--primary); }

.menu .buttlike {color: white; padding: 0 28px; }
.menu .buttlike:hover {color: white; background-color: var(--primaryhover);}

.alt button {
	display: inline-block; border: none; height: 42px; color: white; padding: 0 16px; font-size: 12px; text-transform: uppercase; 
	background: transparent; cursor: pointer; margin: 0 0 0 15px; 
}

.alt button:first-child { margin: 0; }

.alt button:hover, .alt button.active {
    color: white;
    background-color: var(--primary);
}

.booking {
	width: 100%; padding: 16px 0; background: white; position: sticky; top: 100px; z-index: 100; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}

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

.booking h4 {margin: 0; }

::placeholder {color: var(--black); text-transform: uppercase;}

input:focus, 
select:focus,
option:focus, 
button:focus {outline: none; }

button {border: none; }

menu li:focus-within ul {
	display: block;
	overflow: visible;
	visibility: visible;
	opacity: 1;
}

.booking input[type=text], 
.booking select, select {
	height: 42px; border: none; border-bottom: 1px solid var(--black); padding: 0 8px; width: 195px; background: transparent; 
	text-transform: uppercase; font-size:12px; /*font-family: Arial, Helvetica, sans-serif;*/ font-family: "Montserrat", sans-serif;
}

.bitem.buttons {gap: 16px; flex-wrap: wrap;}
.bitem.buttons .buttlike {margin: 0; flex: 1;}

footer {
	padding: 80px 0 48px; background-color: var(--black); color: var(--grey); width: 100%; overflow-x: hidden; font-size: 14px; 
	/* background-image: url(../img/logo_decoaration.svg); background-repeat: no-repeat; background-position: bottom right; */
}

footer a:hover {color: white;}

.footer_top {display: flex; justify-content: space-between; padding: 0 0 50px 0; border-bottom: 1px solid var(--primary); margin: 0 0 64px 0;  }

.footer_center {display: flex; justify-content: space-between; padding: 0 0 134px 0;  }

.footer_center .align_right h3 {margin-bottom: 16px; }

.footer_bottom {display: flex; justify-content: space-between; font-size: 10px; text-transform: uppercase; }

.footer_bottom ul {list-style: none; padding: 0; margin: 0; }
.footer_bottom li {display: inline-block; margin-left: 16px; }

footer h3 {color: white; }

footer ul {list-style: none; margin: 0 0 32px 0; padding: 0;}

footer .w4.center > img {max-width: 250px; }

footer .w4.center  {
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
}

.social a {display: inline-block; margin: 0 16px;}

.social a:hover {opacity: .7;}

.hero {
    width: 100%;
    z-index: 100; overflow: hidden;
    /* height: calc(100vh - 100px - 74px); */
}

.hero.page_header {height: 350px;}

.hero.page_header:after {
	content: ""; position: absolute; z-index: 1; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35, 31, 32, 0.3);
}

.hero_owl {
    height: 100%;
}

.hero_owl_item {
    width: 100%; height: calc(100vh - 84px);
}

.hero .hero_owl_item img,
.hero .hero_owl_item video,
.hero.page_header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero_desc {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--wrap);
    color: #fff;
	font-size: 48px; line-height: 86%;
    height: auto !important;
    text-align: center;
    font-family: "Poppins", sans-serif; font-family: "Montserrat", sans-serif; font-weight: 200; text-transform: uppercase;
	letter-spacing: 0.1em;
}

.hero h1 {color: white;}

.owl-dots {
  height: 8px;
  text-align: left;
  margin: 0;
  width: auto;
  position: absolute; left: 50%; bottom: 40px; float: none; transform: translateX(-50%);
}
.owl-carousel .owl-dot {
  width: 8px;
  height: 8px;
  margin: 0 10px;
  float: none;
  border: 1px solid var(--black);  border-radius: 8px; 
  background: transparent;
}
.hero .owl-carousel .owl-dot {
	border: 1px solid white;
  }
.owl-carousel .owl-dot.active {background: var(--black);}
.hero .owl-carousel .owl-dot.active {background: white;}
.owl-carousel .owl-dot span {display: inline-block;}

.buttons { display: block; text-align: center; }
.buttons.left {text-align: left; }

.hero .buttons {margin-top: 50px; }

.buttons a {margin: 0 4px 8px 4px;}
.buttons.left a {margin: 0 8px 0px 0;}

.banner_content {align-items: center;}

.banner_content .buttons a {margin: 4px 0 4px 8px;}

.hero_owl_item:before {content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}

.video .hero_owl_item:before {display: none; }

.split_txt {column-count: 2; column-gap: 30px; text-align: left; }

.intro h1, .intro h2, .intro h3, .intro h4, .intro h5, .intro h6 {text-align: center;}
.intro .overline {text-align: center; margin-left: auto; margin-right: auto; }
.h3.center p {text-align: center;}

.hotel_boxes {display: flex; justify-content: space-between; }

.hotel_box {padding-bottom: 175px; }

.hotel_box > img, .hotel_box > a > img {width: 100%; height: auto;  }

.hotel_box_card {width: 370px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background: white; padding: 24px; }

.hotel_logo {height: 80px; text-align: center;}

.hotel_number {
	width: 50%; text-align: center; color: var(--black); font-size: 21px; /*font-family: "Trirong", serif;*/ font-family: "Playfair Display", serif; padding: 16px; margin: 0 0 24px 0; 
	border-top: 1px solid var(--black);
}
.hotel_number + .hotel_number {	border-left: 1px solid var(--black);}

.hotel_number span {display: block; font-size: 10px; text-transform: uppercase; /*font-family: Arial, Helvetica, sans-serif;*/ font-family: "Montserrat", sans-serif; padding-bottom: 3px; }

.cards {display: flex; justify-content: space-between;}

.cards h3 {font-weight: 400; }

.card {padding: 40px; background: white;}

.card_img img {width: 100%; height: auto; }

.card:before {
	pointer-events: none; z-index: 5;
	content: ""; position: absolute; top: 16px; left: 16px; width: calc(100% - 32px); height: calc(100% - 32px); border: 1px solid var(--green);
}

.pecat {position: absolute; top: 0; z-index: 10; }
.pecat {right: 0; transform: translate(50%, -50%);}
.reverse .pecat {left: 0; transform: translate(-50%, -50%);}

.card_img {order: 1; }
.card {order: 2; }
.reverse .card_img {order: 2; }
.reverse .card {order: 1; }

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

.banner_content .buttons  {width: auto; }

.banner_content h2 {margin: 16px 0 0 0; }

.title_block {display: flex; justify-content: space-between; align-items: center; padding: 0 0 40px 0; }

.title_block span {height: 1px; overflow: hidden; width: 100%; margin: 0 0 0 0; background: var(--black); }

.title_block h2 + span {margin: 0 ; }

.title_block h2 {margin: 0 30px 0 0; white-space: nowrap;}

a.viewall {margin: 0; white-space: nowrap; display: inline-block; color: var(--black); text-transform: uppercase; font-size: 12px;}
a.viewall:hover {color: var(--primary); }

a.viewall.back {padding-left: 16px; background-repeat: no-repeat; background-position: center left; background-image: url(../img/back.svg);}

.title_block a.viewall {margin: 0 0 0 30px; }

.carousel {overflow: hidden; padding: 0 0 40px 0;}

.carousel .owl-dots {bottom: -40px;}

.item {background: white; text-align: center; padding: 24px 24px 44px 24px; }

.item_img {overflow: hidden; max-height: 100%; margin: 0 0 24px 0;}

.item_img a {display: block; }

.item_img:hover img {transform: scale(1.05);}

.item h3, .item h2 {margin: 0 0 24px 0;     font-weight: 400;}
.item h3 + span.h5 {color: var(--primary); padding: 5px 10px; background: var(--greylite); display: inline-block; }

.banner_txt {position: absolute; z-index: 6; width: calc(100% - 48px); left: 24px; bottom: 24px; display: flex; justify-content: space-between; align-items: flex-end;}

.banner_txt_content {width: 50%; }

.banner_txt h2 {margin: 0; color: white; }
.banner_txt h2 + p {color: white; margin-top: 15px; }

.left_align .owl-dots {width: 100%;}
.left_align .owl-carousel .owl-dot {margin: 0 20px 0 0;}

.testimonials {display: flex; justify-content: space-between;}

.newsletter {display: flex; justify-content: space-between;}

.newsletter ::placeholder {color: var(--grey);}

.newsletter input {height: 42px; border: 1px solid var(--greylite); flex-grow: 1; background: transparent; color: var(--grey); padding: 0 16px; }

.newsletter button {
	height: 42px; width: 42px; border: 1px solid var(--greylite); margin-left: 8px; background: transparent; cursor: pointer; 
	background-repeat: no-repeat; background-position: center center; background-image: url(../img/arr-r.svg);
}

.newsletter button:hover {border: 1px solid var(--primary); background-color: var(--primary); }

.images_list {justify-content: center; flex-wrap: wrap; gap: 30px; }
.images_list a {display: block; overflow: hidden; height: auto; width: calc(33.3% - 20px);  }
.images_list a:hover img {transform: scale(1.05); }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: var(--black);}

.mfp-arrow-left, .mfp-arrow-right {-webkit-transition: all 0.3s ease-out; transition: all 0.1s ease-out; background-image: url(../img/back.svg); background-size: 13px auto; }
.mfp-arrow-right {transform: rotate(180deg);}

.mfp-arrow-left:hover, .mfp-arrow-right:hover {background-color: var(--greenlite); }

.roomprice {padding: 15px 0 0 0;}
.roomprice h3 {margin: 0 0 24px 0; }

.meta_icons {
	font-weight: 500; 
	font-size: 14px; line-height: 30px; padding: 0 0 0 40px; text-transform: uppercase; color: var(--black);  margin: 0 0 24px 0; 
}
.meta_icons:before {
	position: absolute; top: 0; left: 0; z-index: 1;
	content: ""; width: 30px; height: 30px; border-radius: 30px; background: var(--greenlite);
}
.meta_icons:after {
	position: absolute; top: 0; left: 0; z-index: 2;
	content: ""; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/i_users2.svg); 
}

.list {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 30px;}

.list .item {text-align: left; padding: 24px;  }

.icon_cards {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 30px; }

.icon_cards h3 {margin: 32px 0 24px 0; word-wrap: anywhere; }

.list .item_img img {width: 100%; height: auto;}

.icon_cards .buttlike {margin-top: 16px; }

.slider {overflow: hidden; }

#sync2 {width: calc(100% - 32px); margin: 16px; overflow: hidden; }

#sync2 .owl-item {opacity: .2; cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#sync2 .owl-item.current,
#sync2 .owl-item:hover {opacity: 1;}

.slider .owl-prev, .slider .owl-next {
    width: 40px;
    height: 40px;
    background-color: var(--black);
}

.slider .owl-prev:after, .slider .owl-next:after {
    width: 40px;
    height: 40px;
	background-image: url(../img/back.svg);
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(136deg) brightness(108%) contrast(102%);
}

.slider .owl-prev {left: 16px;}
.slider .owl-next {right: 16px; transform: rotate(180deg);}

.slider .owl-prev:hover, .slider .owl-next:hover {background-color: var(--primary);}

.slider .owl-prev:hover:after, .slider .owl-next:hover:after {filter: none;} 

.button_holder {display: flex; align-items: center; justify-content: center; padding-top: 24px; gap: 30px; }

.acc_desc {display: flex; justify-content: space-between;}

.acc_desc h3 {margin-top: 40px;}

.info {display: flex; justify-content: space-between; border-top: 1px solid var(--black); margin-top: 120px; padding: 48px 0 0 0; }

.article_txt figure {margin: 120px 0; }
.article_txt figcaption {margin: 5px 0 0 0; font-size: 12px;}

blockquote {padding: 0 0 0 50px; background-repeat: no-repeat; background-position: top left; background-image: url(../img/quotes.svg); margin: 64px 0; font-size: 21px;
    line-height: 100%; margin-bottom: 30px; /*font-family: "Trirong", serif;*/ font-family: "Playfair Display", serif; color: var(--black); text-transform: uppercase; }

.downloads {margin-top: 120px; }

.download {
	padding: 24px 0 24px 40px; border-top: 1px solid var(--black);
	background-repeat: no-repeat; background-position: left 22px; background-image: url(../img/i_file.svg);
}
.download:first-child {border-top: none; }

.download .h4 {display: block; font-weight: 400; }

.download .buttons {float: right; z-index:1;}

.pager {width:100%; display: flex; gap: 16px; padding: 50px 0 0 0; }
.pager a {
	display:flex; width:40px; height:40px; text-align:center; line-height:40px; justify-content: center;
	color:var(--black); background-color: var(--greenlite); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.pager span {display:inline-block; width:20px; height:40px; text-align:center; line-height:40px; color:#0f0f7a;}
.pager img {filter: brightness(0) saturate(100%); }
.pager a:hover img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(136deg) brightness(108%) contrast(102%);  }
.pager a:first-child img {transform: rotate(180deg); }
.pager a.active, .pager a:hover {color:#fff; background:var(--primary);}
.pager a.disabled,
.pager a.disabled:hover {opacity: .5; cursor: default; color:var(--black); background-color: var(--greenlite);}
.pager a.disabled img,
.pager a.disabled:hover img {filter: brightness(0) saturate(100%);}

.contacts {display: flex; justify-content: space-between;}

.contacts p + h3 {margin-top: 54px; }

.img_fullwidth {margin-bottom: 80px; }

.gmap {width: 100%; height: 420px; background: #ccc;}

.menu2_holder {background: var(--black); padding: 48px 0 0 0; }

.menu2_holder h2 {color: white; }

.form-group {width: 100%; margin: 0 0 24px 0; }

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
	outline: none; 
}

.form-group input,
.form-group select,
.form-group textarea {
	height: 42px;
    border: none;
    border-bottom: 1px solid var(--black);
    padding: 0 8px;
    width: 100%;
    background: transparent;
    font-size: 12px;
    /*font-family: Arial, Helvetica, sans-serif;*/ font-family: "Montserrat", sans-serif;
}

.form-group textarea {
    padding: 8px; height: 104px;
}

.styled-upload {height: 42px; }

.styled-upload input[type="file"]:focus + .btn-success, 
.styled-upload input[type="file"].focus + .btn-success {
	color: #fff;
	background-color: var(--primary);
	border-color: var(--primary);
}

input[type=file]{
	background: grey; position: absolute; z-index: 20; top: 0; left: 0; opacity: 0; cursor: pointer; 
}
input.filename-show {position: absolute; z-index: 5; top: 0; left: 0; padding: 0 48px; border: 1px solid var(--black);}

button.remove-file-action {width: 42px; height: 42px; position: absolute; z-index: 30; top: 0; left: 0; background: var(--black); color: white; cursor: pointer; }
button.remove-file-action:hover {background: var(--primary); }

button.btn-success {height: 42px; position: absolute; z-index: 10; top: 0; right: 0; background: var(--black); color: white; padding: 0 8px; text-transform: uppercase; font-size: 12px; }
input[type=file]:hover + button.btn-success {background: var(--primary);}

.help-block, .hint-block {padding: 5px 0 0 0; font-size: 10px;}
.help-block {color: var(--orange); letter-spacing: 0.16em; text-transform: uppercase;}

.control-label {padding: 0 0 24px 0; display: block; }
.control-label span.h3 {display: block; margin: 0 0 4px 0; }

input[type="checkbox"] {
	opacity: 0; position: absolute;
}
input[type="checkbox"] + label span {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute; top: -7px; left: 0; 
	cursor: pointer;
	-webkit-transition: none;
	transition: none;
	border: 1px solid var(--black);
}
input[type="checkbox"]:checked + label span {
	background: url(../img/check_radio_sheet.png) -20px top no-repeat;
}
input[type="checkbox"]:checked + label span:after {
	content: ""; width: 14px; height: 14px; background: var(--primary); position: absolute; top: 4px; left: 4px; 
}
input[type="checkbox"] + label {
	display: inline-block;
	width: 100%; padding-left: 40px; font-size: 10px; color: var(--grey); letter-spacing: 0.16em; text-transform: uppercase; line-height: 120%;
}

.contact_info {font-size: 10px; color: var(--grey); letter-spacing: 0.16em; text-transform: uppercase; line-height: 120%; margin-bottom: 50px; }

.contact_response.h3 {margin: 0; text-align: center;}

.calendar {position: absolute; top: 13px; right: 0; z-index: 5; }

section section {padding-top: 120px; padding-bottom: 0;}
section section:first-child {padding-top: 0;}

.tabcontent {animation: fadeEffect .3s; display: none;}
.tabcontent.show {display: block;}

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

.hero, .booking {
	max-width: 1920px;
	margin: 0 auto;
}
.hero_owl_item {
	max-height: calc(100vw * 2.4444);
}

.wrap-wide {width: 100%; max-width: 1920px; margin: 0 auto;}

#flipbook_container {
  position: relative;
  height: 800px;
  margin: 0 auto 10px;
  overflow: visible !important;
}
.flipbook-nav {
	position: static;
}
.grecaptcha-badge {
	z-index: 999;
}
button:disabled, 
button:disabled:hover {opacity: .5; cursor: default}

.stars {display: flex; width: 100%; justify-content: center; gap: 10px; margin-bottom: 30px; }

.stars img {width: 14px !important; filter: brightness(0) saturate(100%) !important;  }


.icon::before {
  font-family: sans-serif;
  display: inline;
  margin-right: 10px;
  font-style: normal;
  vertical-align: bottom;
  color: black;
  filter: grayscale(100%);
}

footer .icon::before {
  color: white;
}

.icon.tel::before {
  content: "📞";
  font-size: 0.95em;
}

.icon.fax::before {
  content: "📠";
  font-size: 1em;
}

.icon.mail::before {
  content: "✉️";
  font-size: 1.15em;
}

.contact-list p {
  margin-bottom: 35px;
}

.contact-list h3 {
  margin-bottom: 15px;
}

.info-top.info {
  border-bottom: 1px solid var(--black);
  padding-bottom: 40px;
  margin-top: 0;
  margin-bottom: 100px;
}

.popup {position: fixed; z-index: 99999; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; 
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.popup.open {visibility: visible; opacity: 1; }

.popup_content {width: 90%; max-width: 400px; max-height: 90%; background: white; padding: 0px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.popup_content_wrap {max-height: 90vh; overflow: auto; padding: 30px; }

.popup_close {width: 40px; height: 40px; background-color: black; background-repeat: no-repeat; background-position: center center; background-image: url(../img/menu_close.svg); position: absolute; z-index: 5; top: -20px; right: -20px; border-radius: 50px; cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.popup_close:hover {transform: scale(1.1);}






.contacts_wrap {
    display: flex;
    justify-content: space-between; margin: 0 auto; 
}

.contacts_wrap .social img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(1439%) hue-rotate(334deg) brightness(94%) contrast(74%);
}
.contacts_wrap .social a {
    display: inline-block;
    margin: 0 16px 0 0;
}

.accordion {width: 100%; margin: 0 0 0 0; border-top: 1px solid var(--blue);}

.accordion_item {width: 100%; margin: 0 ; border-bottom: 1px solid var(--blue); margin: 0 0 15px; }

.accordion_title {padding: 15px 52px 10px 22px; margin: 0; background-color: var(--greylite); text-align: left;}
.accordion_title.h3 {text-transform: none; font-weight: 400;}
.accordion_title img {margin: 0 10px 0 0; }

.accordion_title:hover {cursor:pointer;}

.accordion_title:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url(../img/i-arrow.svg);
  background-repeat: no-repeat; background-position: center center;
  transform: rotate(0deg);
  position: absolute;
  top: 50%;
  right: 9px;
  margin: -20px 0 0 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.open .accordion_title:after {transform: rotate(90deg);}

.accordion_content {padding: 0; height: 0; overflow: hidden; text-align: left;}

.open .accordion_content,
.accordion.open_all .accordion_content {padding: 30px 0 20px 22px; height: auto;}

.accordion.open_all .accordion_title:after {display: none;}










.cjenik_sect .wrap + .wrap {padding-top: 50px; }

.cjenik_sect .accordion_title {background-color: white; box-shadow: 0px 0px 15px rgba(0,0,0,0.05);}

.cjenik {display: flex; justify-content: space-between; gap: 0 50px; flex-wrap: wrap; }
.cjenik.one_col {flex-direction: column; }

.cjenik_item {width: calc(50% - 25px); border-top: 1px solid rgba(0,0,0,0.2); padding: 20px 0; display: flex; align-items: flex-start; justify-content: space-between;}

.cjenik_item span {font-weight: bold; color: var(--black); }
.cjenik_item a {display: inline-block; padding-left: 30px; color: var(--primary); text-align: left;}
.cjenik_item a:hover {color: var(--black); }
.cjenik_item a:before {
	content: ""; width: 20px; height: 20px; position: absolute; top: 0; left: 0; opacity: .3; 
	background-repeat: no-repeat; background-position: center left; background-image: url(../img/external-link-alt-solid.svg); background-size: 20px auto; 
	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;	
}
.cjenik_item a:hover:before {opacity: 1; }
.accordion_content h3 {font-weight: 500;  }
.accordion_content .cjenik + h3,
.accordion_content p + h3 {margin-top: 50px; border-top: 3px double rgba(0,0,0,0.2); padding-top: 30px; }

.accordion_content .cjenik + p {margin-top: 15px; }

.cjenik_item p {margin: 0; }
.cjenik_item p a {font-style: normal; }