:root {
	--dark-blue: #092a53;
	--dark-blue-hover: #0a3971;
	--light-blue: #0080a3;
	--grey: #6e6e6e;
}
html,
body {
	margin: 0 !important;
	padding: 0 !important;
	font-family: "Loew", sans-serif;
}
* {
	box-sizing: border-box;
	outline: none !important;
}
#wpadminbar {
	display: none !important;
}
#chromeperfectpixel-overlay-container {
	pointer-events: none !important;
}
#chromeperfectpixel-portal {
	pointer-events: none !important;
}
.chromeperfectpixel-overlay {
	pointer-events: none !important;
}
a {
	appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
}
a:focus {
	border: 2px solid #00a8e1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0;
}
p {
	margin-top: 0;
}
p:last-of-type {
	margin-bottom: 0;
}
*[data-fancybox]{
    cursor:zoom-in;
}
.body-holder {
	display: flex;
	flex-direction: column;
	height: 100vh;
	position: relative;
}

.pt-59 {
	padding-top: 59px;
}
.pt-53 {
	padding-top: 59px;
}
.pl-57 {
	padding-left: 57px;
}
.pl-48 {
	padding-left: 48px;
}
.pr-57 {
	padding-right: 57px;
}
.pl-64 {
	padding-left: 64px;
}
.pb-8 {
	padding-bottom: 8px;
}
.pb-18 {
	padding-bottom: 18px;
}
.pb-25 {
	padding-bottom: 25px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-12 {
	padding-bottom: 12px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-20 {
	padding-top: 20px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-35 {
	margin-top: 35px;
}
.pt-18 {
	padding-top: 18px;
}
.pl-18 {
	padding-left: 18px;
}
.pr-28 {
	padding-right: 28px;
}
.pl-28 {
	padding-left: 28px;
}
.pl-130 {
	padding-left: 130px;
}
.pt-32 {
	padding-top: 32px;
}
.pt-30 {
	padding-top: 30px;
}

.pt-113 {
	padding-top: 113px;
}

.position-relative {
	position: relative;
}
a {
	cursor: pointer;
}

.holder {
	transform-origin: 50% 0;
	transition: all 0.5s;
	margin: 0 auto;
	width: 1192px;
}
.book {
	width: 1192px;
	height: 842px;
	margin-left: auto;
	margin-right: auto;
}
.book-spliter {
	position: relative;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}
.book-item {
	width: 100%;
	height: 100%;
	border: 1px solid var(--grey);
	background: #ffffff;
	overflow: hidden;
}

.book-item.item-on-right {
	border-left: none;
}
.book-item.item-on-left {
	border-left: right;
}
.book-item.item-on-page .book-holder {
	width: 200%;
}
.book-item.item-on-right .book-holder {
	transform: translate(-50%, 0);
}
.book-item.book-cover {
	box-shadow: inset 0px 0 30px 0px rgba(36, 10, 3, 0.5),
		-2px 0 5px 2px rgba(0, 0, 0, 0.4);
}

.book-item .book-shadow {
	position: absolute;
	pointer-events: none;
	width: 100%;
	height: 100%;
	top: 0;
}
.book-item.item-on-right .book-shadow {
	right: 0;
	box-shadow: inset 7px 0 30px -7px rgba(0, 0, 0, 0.4);
}
.book-item.item-on-left .book-shadow {
	left: 0;
	box-shadow: inset -7px 0 30px -7px rgba(0, 0, 0, 0.4);
}
.book-holder {
	height: 100%;
}
.book-container {
	width: 100%;
	height: 100%;
	background: #ffffff;
	display: flex;
	position: relative;
}
.book-container > div {
	flex: 0 0 50%;
	width: 50%;
	position: relative;
}
.book-container > div.oneimage {
	flex: 0 0 100%;
	width: 100%;
}
.book-container.wrap {
	flex-wrap: wrap;
}
.book-container[data-cover] > div {
	flex: 0 0 100%;
	width: 100%;
}

.book-container > div.book-page-full {
	flex: 0 0 100%;
	width: 100%;
}

.dark-blue-bg {
	position: absolute;
	left: 0;
	width: 100%;
	background: var(--dark-blue);
}

.dark-blue-bgonly {
	background: var(--dark-blue);
}

.font-title {
	color: var(--light-blue);
	font-family: "Loew", sans-serif;
	font-size: 46px;
	font-style: normal;
	font-weight: 900;
	line-height: 1.2;
}
.font-32 {
	font-size: 32px;
}

.font-text {
	color: var(--grey);
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
}

.font-text-big {
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 900;
	line-height: 18px;
}

.text-overtitle {
	font-size: 18px;
	font-style: normal;
	font-weight: 900;
	line-height: 21.6px;
}

.text-subtitle {
	font-size: 21px;
	font-style: normal;
	font-weight: 900;
	line-height: 25.2px;
	color: var(--dark-blue);
}
.text-subtitle.spark {
	color: #ffffff;
	padding-bottom: 0;
}

.button {
	display: inline-block;
}
.button-flex {
	display: inline-flex;
	align-items: center;
}
.button-flex > div {
	line-height: 1;
}
.button-flex > div:first-of-type {
	width: 20%;
}
.button-flex > div:last-of-type {
	width: 80%;
	text-align: center;
	white-space: nowrap;
}
.button-action {
	border: 1px solid #ffffff;
	color: #ffffff;
	border-radius: 8px;
	line-height: 1;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	padding: 4px 7px;
	text-decoration: none;
	margin-left: 8px;
	margin-right: 8px;
	justify-content: space-between;
	min-width: 135px;
}
.button-blue:hover {
	background-color: var(--dark-blue-hover) !important;
}

.page-wrap {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.full-size {
	width: 100%;
	height: 100%;
}

.image-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.image-cover {
	position: relative;
}

.image-cover > img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-position: 50% 50%;
}
.image-cover > video {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	object-fit: contain;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-position: 50% 50%;
	background: #000000;
}

/* room */
.text-total {
	color: #fff;
	text-align: center;
	font-family: "Loew"
;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	line-height: 21.6px;
	background: var(--grey);
	padding: 8px 14px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.text-total span:first-of-type {
	font-weight: 900;
}
.mt--13 {
	margin-top: -13px;
}

.text-content-title {
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 900;
	line-height: 21.6px;
}
.text-content-title.open {
	font-size: 28px;
}
.room-content-wrap .text-content-title {
	font-size: 18px;
}

.border-bottom {
	border-bottom: 1px solid #ffffff;
}
.dark-blue {
	color: var(--dark-blue) !important;
}
.light-blue {
	color: var(--light-blue) !important;
}
.grey {
	color: var(--grey) !important;
}
.white {
	color: #ffffff !important;
}

/*room content */
.room-content {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	position: absolute;
	padding-top: 14px;
	opacity: 0;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 0;
	transition: all 1s;
}
.room-content.active {
	opacity: 1;
	transition: all 1s;
	z-index: 1;
}
.room-list {
	display: flex;
	margin: 0;
	margin-left: 5px;
	padding: 0;
	color: var(--dark-blue);
	font-size: 11px;
	font-style: normal;
	font-weight: 900;
	line-height: 16px;
	padding-inline-start: 0px;
}

.room-list li {
	padding-right: 1.85em;
	position: relative;
}

.room-list li:first-child {
	list-style-type: none;
}

.room-list a {
	color: inherit !important;
	text-decoration: none;
	margin-left: -0.65em;
}
.room-list .roomactive a {
	background-color: #e5f6fe;
	padding-left: 3px;
	padding-right: 3px;
}

.room-list li::marker {
	color: var(--dark-blue);
	font-size: 11px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}
.room-list li:after {
	content: " ";
	display: block;
	width: 0;
	height: 0px;
	overflow: hidden;
	background: var(--dark-blue);
	position: absolute;
	bottom: 0px;
	left: calc(50% - 5px);
	transition: all 0.5s;
}

.room-list li:hover:after {
	width: calc(100% - 10px);
	left: -5px;
}

.room-list li.roomactive:after {
	width: calc(100% - 10px);
	left: -5px;
}
.level-text {
	color: #114d96;
	font-size: 11px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}
.level-text-floor-map {
	color: var(--light-blue);
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 900;
}
.legend-title {
	color: #114d96;
	font-size: 8px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.legend-table {
	color: #114d96;
	font-size: 8px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.room-table {
	color: var(--grey);
	font-size: 8px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
}
.room-table table {
	border-collapse: collapse;
}
.room-table tr {
	border-bottom: 1px solid var(--grey);
}
.room-table th {
	color: #ffffff;
	font-weight: 700;
	background: var(--dark-blue);
}
.room-table th:not(:last-of-type) {
	border-right: 1px solid var(--grey);
	padding: 4px;
}

.room-table td:not(:last-of-type) {
	border-right: 1px solid var(--grey);
	padding: 4px;
}

.room-table tr.highlight td {
	font-weight: 700;
	background: #e5f6fe;
}
.image-bottom-cover {
	width: 100%;
	height: 58%;
	position: relative;
}
.text-welcome {
	white-space: nowrap;
	line-height: 1.5;
	margin-top: -8px;
	font-size: 46px;
}
.dark-blue-bg-cover {
	top: 0;
	height: 42%;
	position: relative;
	background: var(--dark-blue);
}
.dark-blue-bg-full {
	top: 0;
	height: 100%;
	position: relative;
	background: var(--dark-blue);
}
.border-white-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 35px;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.border-white {
	border: 10px solid #fff;
	width: 100%;
	height: 100%;
	display: flex;
	padding: 35px 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.lower-cover {
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}
.lower-cover img {
	height: 65px;
	margin-top: -14px;
}
.image-bottom-cover .overlay-image {
	position: absolute;
	background: linear-gradient(180deg, rgba(44, 46, 53, 0) 0%, #2c2e35 100%);
	z-index: 1;
	height: 60%;
	width: 100%;
	bottom: 0;
}
.text-cover-title {
	color: #fff;
	font-size: 28px;
	font-style: normal;
	font-weight: 900;
	line-height: 33.6px;
	text-align: center;
	margin-top: 19px;
}
.font-title-cover {
	color: var(--light-blue);
	margin-top: -17px;
	font-size: 46px;
	font-style: normal;
	font-weight: 900;
	line-height: 78px;

	text-align: center;
}
.font-16 {
	font-size: 16px;
}
.text-center {
	text-align: center;
}
.font-12 {
	font-size: 12px;
}

/* category list */
.term-list {
	display: flex;
	width: 100%;
	align-items: center;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 16.8px;
	color: inherit;
	text-decoration: none;
}

.term-list:hover {
	font-weight: 900;
}

.term-list:not(.active):hover > div:last-of-type {
	opacity: 1;
	animation: bounce 2s infinite;
}

.term-list.active {
	font-weight: 900;
}

.term-list > div:first-of-type {
	flex-grow: 1;
}

.term-list > div:last-of-type {
	opacity: 0;
}

.term-list.active > div:last-of-type {
	font-weight: 900;
	opacity: 1;
}

.room-tag ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	color: var(--grey);
	text-align: center;
	font-family: "Loew"
;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 9.6px;
}
.room-tag ul li {
	display: flex;
	align-items: center;
}
.room-tag ul li div {
	padding-left: 15px;
	padding-right: 15px;
}
.room-tag ul li:first-of-type div {
	padding-left: 0;
}

.room-tag ul li:not(:first-of-type):before {
	content: "|";
}

.button-blue {
	padding: 10px 35px 12px 35px;
	color: #ffffff;
	text-align: center;
	border-radius: 8px;
	font-size: 11px;
	line-height: 1;
	font-style: normal;
	font-weight: 900;
	display: inline-block;
	background: var(--light-blue);
	border: 1px solid var(--light-blue);
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
.button-blue:hover {
}
.block-blue-small {
	background-color: var(--light-blue);
	/* width: 172px;
	height: 24px; */
    padding: 0 10px 3px;
}
.text-bottom-open {
	display: flex;
	justify-content: center;
}

.video-player.use-iframe iframe {
	visibility: hidden;
}

.video-player.use-iframe.video-play iframe {
	visibility: visible;
}

/*.button-blue:before {
    content: '';
    background: rgba(255,255,255, 0.4);
    width: 60%;
    height: 100%;
    top: 0%;
    left: -125%;
    transform: skew(45deg);
    position: absolute;
    transition: left 0.75s
}*/

/*.button-blue:hover:before{
    left: 150%;
}

.button-shine{
    position: relative;
    overflow:hidden;
}

.button-shine:hover:before{
    animation-name:moveshine;
    animation-duration:1s;
    animation-delay:0.5s
}

.button-shine:before {
    content: '';
    background: rgba(255,255,255, 0.4);
    width: 60%;
    height: 100%;
    top: 0%;
    left: -125%;
    transform: skew(45deg);
    position: absolute;
}

@keyframes moveshine {
    from {left: -125%;}
    to {left: 150%;}
}
*/
.wrap-bottom-cover {
	bottom: 0;
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
}
.wrap-bottom-cover img {
	width: 100px;
}
.flex-bottom {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.text-wrap-close {
	padding-top: 23px;
	padding-bottom: 46px;
}
.text-wrap-close * {
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	line-height: 16px;
}
.subtext-contact {
	font-size: 21px;
	font-weight: 900;
	line-height: 25px;
	letter-spacing: 0px;
	text-align: left;
	color: var(--dark-blue);
	padding-bottom: 9px;
	top: -10px;
	position: relative;
}
.the-content {
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: 0px;
	text-align: left;
	color: var(--grey);
	position: relative;
	top: 53px;
	max-width: 318px;

	padding-bottom: 8px;
}
.wpcf7-form {
	top: 54px;
	position: relative;
}
.wpcf7-form > p:nth-child(2) {
	position: relative;
	top: -1px;
}
.wpcf7-form > p:nth-child(2) input {
	top: 6px;
	position: relative;
}

.wpcf7 label {
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	letter-spacing: 0px;
	text-align: left;
	color: var(--grey);
	padding-bottom: 0px;
}
.wpcf7 input,
.wpcf7 textarea {
	border: 1px solid var(--grey);
	height: 32px;
	margin-top: 0px;
	border-radius: 0;
	width: 100%;
	font-size: 12px;
	color: var(--grey);
	font-family: "Loew", sans-serif;
}
.wpcf7-form > div:nth-child(3) {
	position: relative;
	top: -11px;
}
.wpcf7-form > div:nth-child(3) input {
	top: 4px;
	position: relative;
}

.wpcf7-form > p:nth-child(4) {
	position: relative;
	top: -19px;
}
.wpcf7-form > div:nth-child(5) {
	position: relative;
	top: -29px;
}
.wpcf7-form > div:nth-child(5) input {
	top: 2px;
	position: relative;
}
.wpcf7-form > div:nth-child(5) select {
	top: -7px;
	position: relative;
}

.wpcf7-form > p:nth-child(6) {
	position: relative;
	top: -42px;
}
.wpcf7-form > p:nth-child(7) {
	top: -56px;
	position: relative;
}
.wpcf7-form > p:nth-child(7) select {
	top: -5px;
	position: relative;
}
.wpcf7-form > p:nth-child(8) {
	top: -74px;
	position: relative;
}

.wpcf7-select {
	border: 1px solid var(--grey);
	height: 31px;
	margin-top: 8px;
	border-radius: 0;
	width: 100%;
	color: var(--grey);
	font-size: 9px;
	font-family: "Loew", sans-serif;
}
.wpcf7 textarea {
	height: 73px;
	position: relative;
	top: 3px;
}
input.wpcf7-submit {
	position: relative;
	top: -75px;
}
input.wpcf7-submit {
	border: 0 !important;
	background: var(--light-blue);
	color: #fff;
	padding: 16px 39px 26px;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	border-radius: 8px !important;
	font-size: 11px;
	font-style: normal;
	height: 35px !important;
	width: 126px !important;
}
input.wpcf7-submit:hover {
	background: var(--dark-blue-hover);
}
a.xwpcf7-submit{
	border: 0 !important;
	background: var(--light-blue);
	padding: 16px 16px 26px;
	line-height: 1;
	color: #ffffff !important;
	font-weight: 700;
	text-align: center;
	border-radius: 8px !important;
	font-size: 11px;
	font-style: normal;
	height: 35px !important;
	min-width: 126px !important;
	display: inline-block;
	text-decoration: none;
}
a.xwpcf7-submit:hover {
	background: var(--dark-blue-hover);
}

.wpcf7 form .wpcf7-response-output {
	position: relative;

	font-size: 11px;
	margin-top: -60px;
}
.view-all:hover,
.view-all:active,
.view-all:focus {
	font-weight: bold;
}
.tex-holder-category .font-text {
	max-width: 370px;
}
.wpcf7-form > div {
	display: flex;
}
.wpcf7-form > div > p:first-child {
	margin-right: 10px;
	width: 50%;
}
.wpcf7-form > div > p:last-child {
	margin-left: 10px;
	width: 50%;
}
.promise-content {
	font-family: "Loew"
;
	letter-spacing: 0px;
	text-align: left;
	color: var(--grey);
	max-width: 335px;
	padding-top: 48px;
}
.promise-content p {
	font-size: 14px;
	line-height: 18px;
}
.promise-content p strong {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}
.wrap-right {
	display: flex;
	height: 100%;
	align-items: center;
	right: -30px;
	position: relative;
	padding-top: 97px;
}
.inner-right table tr:nth-child(2) {
	position: relative;
	top: -5px;
}
.promise .inner-right tr:nth-child(1) td:first-child {
	max-width: 170px;
	padding: 31px 35px;
}
.promise .inner-right tr:nth-child(2) td:last-child {
	padding-top: 26px;
}
.promise .inner-right tr:nth-child(2) td:first-child {
	padding: 30px 45px;
	max-width: 128px;
}
.promise .inner-right h2 {
	font-family: "Loew"
;
	font-size: 18px;
	font-weight: 900;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;
	color: var(--dark-blue);
	margin-bottom: 17px;
}
.promise .inner-right p {
	font-family: "Loew"
;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: 0px;
	text-align: left;
	color: var(--grey);
}
.promise .inner-right tr td:first-child {
	max-width: 170px;
	padding: 25px 35px;
}
.promise .inner-right tr td:last-child {
	max-width: 335px;
}
.promise .inner-right tr td {
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom: 0.5px solid #114d97;
}
.promise .inner-right tr:last-child td:last-child {
	padding-top: 0;
}
.promise .inner-right table {
	border-collapse: collapse;
}
.promise .inner-right tr:last-child td {
	border-bottom: 0px solid #114d97;
}

.navigation-map-holder {
	width: 450px;
	height: 450px;
	margin: 0 auto;
	overflow: hidden;
}

.navigation-map-holder svg {
	width: 100%;
	margin-top: -70px;
}

.map-label {
	flex: 0 0 50%;
	width: 50%;
	display: block;
	padding: 8px;
	font-size: 8px;
	position: relative;
	cursor: pointer;
}


.map-label:focus{
    border:1px solid #0A3971;
}

.map-holder svg *{
    display:initial !important;
}
.mapgone {
	opacity: 0 !important;
}

.mapanimate {
	transition: all 0.5s;
	transform-origin: 0 0;
}

.mapanimate-delay {
	transition-delay: 0.25s;
}

.navigation-map-holder svg #Level_8.mapactive > * {
	opacity: 0.15;
}

.navigation-map-holder svg #Level_8.mapactive #lt8m {
	opacity: 1;
}

.navigation-map-holder svg #Level_8.mapactive #lt8m * {
	opacity: 1;
}

.navigation-map-holder svg #Level_8.mapkeep > * {
	opacity: 0.15;
}

.navigation-map-holder svg #Level_34-35.mapactive > * {
	opacity: 0.15;
}

.navigation-map-holder svg #Level_34-35.mapactive #lt34m {
	opacity: 1;
}

.navigation-map-holder svg #Level_34-35.mapactive #lt34m * {
	opacity: 1;
}

.navigation-map-holder svg #Level_34-35.mapkeep > * {
	opacity: 0.15;
}
.font-sub-text {
	font-family: "Loew"
;
	font-size: 14px;
	font-weight: 900;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: left;
}
.border-corner-blue {
	position: absolute;
	border: 10px solid #00a8e1;
	width: 540px;
	bottom: 57px;
	height: 369px;
	border-left: 0px;
}
.content-title-itin {
	font-family: "Loew"
;
	font-size: 16px;
	font-weight: 900;
	line-height: 18px;
	letter-spacing: 0px;
    color: var(--dark-blue);
}
.room-hotel > div {
	flex: 0 0 50%;
	width: 50%;
	position: relative;
}
.itin-right > div:first-child {
	flex: 0 0 60%;
	width: 60%;
	position: relative;
}
.itin-right > div:last-child {
	flex: 0 0 40%;
	width: 40%;
	position: relative;
}
.itin-right p {
	color: var(--dark-blue);
	font-size: 11px;
	font-weight: bold;
}
.itin-right table h3 {
	color: var(--light-blue);
	font-weight: 600;
	font-size: 11px;
}
.itin-right table p {
	font-weight: normal;
	font-size: 11px;
	color: var(--grey);
}
.itin-right table tr td {
	margin: 0;
	padding-bottom: 16px;
}
.itin-right p {
}
.itin-right .right-side .button-blue {
	border: 0;
	margin-top: 25px;
}
.itin-right .right-side .button-blue:focus{
    border:1px solid #000000;
}
.page-left-inner {
	padding-left: 0px;
	padding-right: 0px;
	height: 333px;
	width: 510px;
	padding-top: 6px;

	margin-bottom: 0;
}
.itin-right .table-wrap-outer table tr:last-child td {
	padding-bottom: 0;
}
.page-left-inner > div.left-text-itin {
	padding-left: 58px;
	max-width: 480px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 0px;
}
.table-wrap-outer {
	padding-right: 15px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.text-hotel2 p {
	padding-bottom: 20px;
}

.display-none {
	display: none !important;
}

.button-action {
	background: transparent;
	transition: all 0.5s;
}

.button-action:hover {
	background: var(--dark-blue-hover);
	transition: all 0.5s;
	border-color: var(--dark-blue-hover);
}
.button-action.light-hover:hover {
	background: var(--light-blue);
	transition: all 0.5s;
	border-color: var(--light-blue);
}

input[name="map-level-input"] + label {
	color: var(--grey);
	border-radius: 8px;
}
input[name="map-level-input"]:checked + label {
	opacity: 1;
	background: #ffffff;
	color: var(--dark-blue);
}
.map-label-title {
	font-weight: 900;
}

/*.map-object-map{
    visibility:hidden;
    overflow:hidden;
    position: absolute;
    left:0;
    top:0;
    width:10px;
    height:10px;
}*/
.map-level-map.opacity-hide {
	opacity: 0;
	transition: all 1s;
	z-index: 0;
}
.map-object-map {
	height: 450px;
	max-width: 100%;
	margin: 0 auto;
}
.map-level-map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.map-level-map {
	height: 100%;
	transition: all 1s;
	z-index: 1;
	opacity: 1;
}
.map-holder {
	max-height: 100%;
	text-align: center;
	position: relative;
}
.map-holder svg {
	max-height: 450px;
	max-width: 100%;
	height: auto;
	width: auto;
	position: relative;
}

.display-gone {
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 10px;
	height: 10px;
}

.nearby-item {
	color: var(--dark-blue);
	font-size: 11px;
	font-style: normal;
	font-weight: 900;
	line-height: 16px;
}
.nearby-area {
	color: var(--light-blue);
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
}
.nearby-duration {
	color: var(--grey);
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
}
.font-text-hotel,
.font-text-hotel p {
	font-size: 11px;
}
.text-hotel1 {
	top: -2px;
	font-size: 11px;
	position: relative;
	max-width: 322px;
}
.text-hotel2 {
	font-size: 11px;
	top: -9px;
	position: relative;
}
.image-hotel-wrap {
	padding-top: 211px;
	padding-right: 58px;
	padding-left: 29px;
}
.font-text-hotel strong {
	font-weight: 900;
	font-size: 13px;
}
.text-amenities {
	font-size: 11px;
	color: #ffffff;
}
.room-hotel tr td:first-child {
	width: 30px;
}
.wrap-image-welcome {
	margin-top: 0px;
	width: 640px;
	height: 428px;
	position: absolute;
	top: 68%;
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* right: 0; */
	left: 230px;
}

.contentRightWelcome {
	width: 252px;
	right: 52px;
	position: absolute;
	top: 68px;
}

.contentRightWelcome p {
	color: #fff;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
}
.contentRightWelcome .we-invite {
	font-size: 14px;
	line-height: 18px;
	font-weight: 900;
}
.image-bottom {
	position: relative;
	width: 239px;
	height: 174px;
	margin-top: 8px;
	left: -3px;
}
.block-one,
.block-two {
	display: flex;
}
.block-two {
	border-top: 0.5px solid #fff;
	top: 10px;
	position: relative;
	padding-top: 15px;
}
.box-bottom {
	position: absolute;
	bottom: 78px;
	left: 55px;
	background-color: var(--dark-blue);
	padding: 20px 30px 0 35px;
	width: 467px;
	height: 326px;
}
.box-bottom h3 {
	font-weight: 900;
	color: #fff;
	font-size: 29px;
	line-height: 33px;
}
.box-white-item {
	padding: 12px 0 6px;
	margin-right: 15px;
}
.white-title {
	font-size: 18px;
	line-height: 21px;
	font-weight: 900;
	color: #fff;
	margin-bottom: 10px;
	top: -4px;
	position: relative;
}
.small-text {
	font-size: 9px;
	line-height: 14px;
	font-weight: normal;
	color: #fff;
	position: relative;
	top: -8px;
	max-width: 194px;
}
.right-side {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 0rem;
}

.dining-text-content {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 1s;
	z-index: 0;
    visibility: hidden;
}

.dining-text-content.active {
	opacity: 1;
	transition: all 1s;
	z-index: 1;
    visibility: visible;
}

.track {
	transition: all 1s;
}

.item-on-left .book-location .book-page-right{
    visibility: hidden;
}

.item-on-right .book-location .book-page-left{
    visibility: hidden;
}

@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateX(0px);
	}
	40% {
		transform: translateX(10px);
	}
	60% {
		transform: translateX(5px);
	}
}

.opacity-off {
	opacity: 0;
}
.anim-time {
	transition: all 0.5s;
}

.image-hover > div {
	transition: all 0.5s;
}

.image-hover:hover > div {
	transform: scale(1.1);
	transition: all 0.5s;
}

.overlay-video:focus svg {
	border: 1px solid #00a8e1;
}

.text-content-item {
	opacity: 0;
	transition: all 1s;
	z-index: 0;
	visibility: hidden;
}
.text-content-item.active {
	opacity: 1;
	transition: all 1s;
	z-index: 1;
	visibility: visible;
}

/*.book-page-right{
    border-left:0.25px solid #828282;
}*/

/*.map-level-map[data-level="l6"]{
    .map-holder svg{
        height:normalpx;
    }
}*/

.video-player {
	width: 100%;
	height: 100%;
	position: relative;
}

.video-player.use-iframe video {
	display: none;
}

.video-player video,
.video-player iframe {
	width: 100%;
	height: 100%;
}

.video-player .overlay-video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-player .overlay-video:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.1;
}
.video-player .overlay-video svg {
	cursor: pointer;
	position: relative;
}
.video-player.video-play .overlay-video:before {
	background: transparent;
}

.video-player.video-play .overlay-video svg {
	visibility: hidden;
}

.poster {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.poster > img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-position: 50% 50%;
}

.video-player.video-play .poster {
	visibility: hidden;
}

.navigation-bar {
	position: fixed;
	left: 50%;
	bottom: 15px;
	height: 30px;
	min-width: 30px;
	background: #ffffff;
	transform: translate(-50%, 0);
	padding-top: 3px;
}

.nav-button:focus {
	border: 1px solid #000000;
}
.nav-button {
	margin: 0 12px;
	cursor: pointer;
}

.nav-button svg {
	height: 24px;
}

.body-holder.full-zoom {
	overflow: auto !important;
}

.body-holder.full-zoom .holder {
	transform: scale(1) !important;
	width: 1192px !important;
	margin: 0 auto;
}

.body-holder.full-zoom .parent-holder {
	height: 942px !important;
	overflow: auto !important;
	justify-content: unset !important;
	width: 100% !important;
	min-width: 1300px;
}

.body-holder.full-zoom .book-spliter {
	transform: scale(1) !important;
	width: 100% !important;
	height: 100% !important;
}

.expand-button svg:last-of-type {
	display: none;
}

.body-holder.full-zoom .expand-button svg:last-of-type {
	display: initial;
}
.body-holder.full-zoom .expand-button svg:first-of-type {
	display: none;
}
.text-sub-hotel {
	color: #114d97;
	padding-bottom: 25px;
	margin-top: -14px;
	max-width: 290px;
}
.font-text-hotel strong {
	/* color: #828282; */
	font-size: 14px;
	font-style: normal;
	line-height: 1.2;
	position: relative;
	top: -2px;
}

.load-cover {
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
}

.simplefadeIn {
	opacity: 0;
	animation: fadeIn 0.5s forwards;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.simplefadeInRight {
	opacity: 0; /* Set initial opacity to 0 */
	transform: translateX(20px); /* Set initial translateY value */

	animation: fadeInRight 0.5s 0.5s forwards; /* Adjust the duration as needed */
}
@keyframes slideRight {
	0% {
		transform: translateX(20px);
	}
	100% {
		transform: translateX(0);
	}
}

.slideRight {
	transform: translateX(20px); /* Set initial translateY value */

	animation: slideRight 0.5s 0.5s forwards; /* Adjust the duration as needed */
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.simplefadeInLeft {
	opacity: 0; /* Set initial opacity to 0 */
	transform: translateX(20px); /* Set initial translateY value */

	animation: fadeInLeft 0.5s 0.5s forwards; /* Adjust the duration as needed */
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.simplefadeInUp {
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInUp 0.5s 0.1s forwards;
}
@keyframes slideUp {
	0% {
		transform: translateY(20px);
	}
	100% {
		transform: translateY(0);
	}
}
.slideUp {
	transform: translateY(20px);
	animation: slideUp 0.5s 0.1s forwards;
}

@keyframes Blink {
	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}
.simpleBlink {
	opacity: 0;
	animation: Blink 1s linear 0.5s 1 normal forwards;
}
@keyframes Vibrate {
	0% {
		transform: translate(0);
	}

	10% {
		transform: translate(-2px, -2px);
	}

	20% {
		transform: translate(2px, -2px);
	}

	30% {
		transform: translate(-2px, 2px);
	}

	40% {
		transform: translate(2px, 2px);
	}

	50% {
		transform: translate(-2px, -2px);
	}

	60% {
		transform: translate(2px, -2px);
	}

	70% {
		transform: translate(-2px, 2px);
	}

	80% {
		transform: translate(-2px, -2px);
	}

	90% {
		transform: translate(2px, -2px);
	}

	100% {
		transform: translate(0);
	}
}
.simpleVibrate {
	animation: Vibrate 1s linear 0.5s 1 normal forwards;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.simpleFadeIn {
	opacity: 0;
	animation: fadeIn linear 0.5s 1s normal forwards;
}
.simpleFadeInQuick {
	opacity: 0;
	animation: fadeIn linear 0.5s normal forwards;
}

@keyframes pulse {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.simplePulse {
	opacity: 1;
	transform: scale(1);
	animation: pulse 1s ease 1s 1 normal forwards;
}
@keyframes Vibrate {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}
.simpleVibrate {
	animation: Vibrate 1s linear 0.5s 1 normal forwards;
}
.pagenav-text-holder {
	font-size: 11px;
}
.pagenav-text-holder select {
	font-size: inherit;
	font-weight: 700;
}
.pagenav-text-holder option {
	font-size: inherit;
	font-weight: 700;
}
.page-nav-text {
	position: absolute;
	left: 0;
	top: 0;
	font-size: inherit;
	line-height: 24px;
	cursor: pointer;
	font-weight: 700;
	display: flex;
	align-items: center;
	width: 100%;
}
.navpage-menu-list {
	position: absolute;
	top: 0%;
	transform: translate(0, -100%);
	background: #ffffff;
	font-size: 11px;
	overflow: hidden;
	transition: all 0.5s;
	max-height: 0;
	display: none;
}
.navpage-menu-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.navpage-menu-list ul li {
	padding: 3px 6px;
}
.navpage-menu-list ul li:hover {
	background: #00a8e1;
	color: #ffffff !important;
}
.navpage-menu-list ul li a {
	text-decoration: none !important;
	color: inherit !important;
	display: block;
}
#navpage-check:checked + .navpage-menu-list {
	transition: all 0.5s;
	max-height: 500px;
	display: block;
}
.active-nav {
	font-weight: 700;
}

#media-popup {
	display: none;
	position: fixed;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
}

.popup-overlay {
	opacity: 0.5;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.5s;
	background: #000000;
}
.popup-holder {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 32px;
}

.popup-off {
	opacity: 0 !important;
	transition: all 0.5s;
}

.popup-close {
	width: 48px;
	height: 48px;
	cursor: pointer;
}
@media (max-width: 1023px) {
	.popup-holder {
		padding: 30px;
	}
	.popup-close {
		width: 32px;
		height: 32px;
	}
}

@media (max-width: 767px) {
	.popup-holder {
		padding: 15px;
	}
	.popup-close {
		width: 24px;
		height: 24px;
	}
}

#media-popup.show-popup {
	display: block;
	z-index: 9;
}

#media-popup.show-popup .popup-overlay {
	opacity: 0.75;
	transition: all 0.5s;
}

#media-popup.show-popup .popup-holder {
	opacity: 1;
	transition: all 0.5s;
}
