html  {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

html,body{
  position: relative;
  overflow-x:hidden;
}
.html-active{
overflow:hidden;
}

body::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0.1);
}

body::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
  background-color: #E62136;
}

body
{
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  color:rgb(0, 0, 0);
}

p{
  line-height: 2;
  font-family:'Raleway';
  font-weight:400;
}

p>a, section>a:not(.btn){
    color:#E62136 !important;
    text-decoration:underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Raleway', sans-serif;
  color:#808080;
}

ul.sus {
  list-style-type: square;
  padding-left:40px;
  padding-top:10px;
}


/*Cookie Banner styles starts here*/

#cookie-main-container{
	background: #fff;
	padding: 2.5rem;
	position: fixed;
	bottom: 0;
	width: 100%;
	animation: animatecookie 0.7s ease-out;
	display: none;
	margin: 0 auto;
	z-index:100;

}


#cookie-main-container .cookie-logo {
	grid-area: logo;

}


#cookie-main-container .cookie-logo a{
    display:flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	gap:15px;
}

#cookie-main-container .cookie-logo a img:nth-child(2){
    border-top: 1px solid #496C60;
    padding-top: 5px;
}
#cookie-main-container .cookie-desc {
	line-height: 1.7;
	display: flex;
	gap: 15px;
	flex-direction: column;
	grid-area: cookie-desc;
	justify-content: center;
	font-size: 13px;
	color: #000;
}

#cookie-main-container .cookie-desc h4 {
	font-size: 1.50rem;
	color: #808080;
	font-weight: 700;
}

#cookie-main-container .cookie-inner-container {
	display: grid;
	align-items: center;
	justify-content: center;
	grid-template-areas: "logo cookie-desc cookie-button";
	gap: 30px;
	max-width: 1450px;
	margin: 0 auto;

}

#cookie-main-container .cookie-inner-container>div {
	padding: 0 40px;
}

#cookie-main-container .cookie-btns {
	grid-area: cookie-button;
	display: flex;
	gap: 10px;
}

#cookie-main-container .cookie-btns button {
	position: relative;
	text-decoration: none;
	padding: 0.6rem 3rem;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px;
	cursor: pointer;
    transition: color 0.3s ease;


}

#cookie-main-container .cookie-btns #decline-btn::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background-color: #E62136;
	transition: width 0.5s ease, color 0.5s ease;
	z-index: -1;
}

#cookie-main-container .cookie-btns #decline-btn:hover::after {
	width: 100%;
	transition: width 0.5s ease,border 0.3s ease;

}
#decline-btn{
border: 1px solid #808080;
}
#decline-btn:hover{
    color: #fff;
    border: 1px solid #E62136;
    transition: color 0.5s ease, border 0.3s ease;
}


#cookie-main-container .cookie-details-inner {
	padding: 5px 0;
	text-decoration: none;
	border-bottom: 1.2px solid #000;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
}

#cookie-main-container .cookie-btns button:nth-child(1) {
	background: #E62136;
	color: #fff;
	z-index: 1;
	border: 1px solid #E62136;
}


@keyframes animatecookie {

	from {
		opacity: 0;
		transform: translateY(130px);

	}

	to {
		opacity: 1;
		transform: translateY(0px);
	}

}

@media (max-width:1250px) {
	#cookie-main-container .cookie-inner-container {
		grid-template-areas: "logo"
			"cookie-desc"
			"cookie-button"
	}
}

@media (max-width:400px) {
	#cookie-main-container {
	 max-height:100vh;
	overflow-y: scroll;
	overflow-x:hidden;

	}
}


/*Cookie Banner styles ends here*/













.ellipsis{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*language switcher*/
.lang {
  color: #fff;
  padding: 5px;
  margin-left: 30px;
  font-size: 1rem;
  font-weight:600;
  letter-spacing: 0.03rem;
  position: fixed;
  top: -58px;
  z-index:99999;
  border:1px solid white;
}

.lang.active {
  display: none;
}

.resize-header .lang{
    top: -2px !important;
    color:#808080;
    border:1px solid #808080;
}

/*navigation icons (lang,phone & email)*/
.nav-icons{
    padding: 5px;
    position: fixed;
    top: -58px;
    z-index:99999;
}

.resize-header .nav-icons{
    top: 25px !important;
    filter: brightness(0.5) saturate(0);
  
}

.orange{
    color:#E62136 !important;
}

/*.parisienne-regular {*/
/*  font-family: "Parisienne", cursive;*/
/*  font-weight: 400;*/
/*  font-style: normal;*/
/*}*/

.allura-regular {
  font-family: "Allura", cursive;
  font-weight: 400;
  font-style: normal;
}



.text-brown{
    color:#E62136;
}

.pre-header{
    padding-bottom: 10px;
    display: grid;
}

.resa-btn{
    background-color: #E62136;
    font-family: 'Raleway';
    line-height: 1;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
}

.pre-header .line:after{
    content: '';
    background: rgba(255,255,255,0.3);
    height: 1px;
    width: 60%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin:0 350px;
}

header,
header .logo{
    transition:0.6s;
}

.header{
    padding-top:10px;
}

.resize-header{
    background:#fff;
    top:0 !important;
    padding-top:0!important;
}

.resize-header .logo{
    width:260px;
    padding:20px;
}

.play-video {
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: auto;
    background-size: 50%;
    border: none;
    cursor: pointer;
    z-index: 3;
    color: white;
}

.logo{
    width: 220px;
    height: auto;
    margin: 0;
    display: block;
}

.logo-header{
    width: 220px;
    height: auto;
    margin: 0;
    display: none;
    position:relative;
}

.normal-size {
    display: flex;  
}

.resized {
    display: none ;  
}

.navigation{
    text-transform:uppercase;
    justify-content: center;
    margin:0;
    align-items:center;
}

.resized::after{
    content:" ";
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0.05205409800639005) 0%, rgba(255,255,255,0) 30%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.05205409800639005) 0%, rgba(255,255,255,0) 30%);
    background: linear-gradient(180deg, rgba(0,0,0,0.05205409800639005) 0%, rgba(255,255,255,0) 30%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
    position:absolute;
    width:100%;
    height:100%;
    top:100%;
}

.logo-header, .resized, .normal-size {
    transition: opacity 0.3s ease;
}


/*nav ul li > a:not(:last-child)::after {*/
/*  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAGpJREFUGFdj/P//fwIDA4M+IyNjIZDGAED5AKCgPUieEciZAOTkA/ECoEAismqoQfOBYheBcgaMIEmg4AIgFY+sAVkhUNwBqPgDWDG6BiD/IBCDTYQpBKmBK0bTAOKiKMRQjKTBANlEmO0AXm8wBwdNBdkAAAAASUVORK5CYII=);*/
/*  right: -15px;*/
/*  top: -2px;*/
/*  position: relative;*/
  
/*}*/

/*.resize-header nav ul li > a:not(:last-child)::after{*/
/*    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAGpJREFUGFdj/P//fwIDA4M+IyNjIZDGAED5AKCgPUieEciZAOTkA/ECoEAismqoQfOBYheBcgaMIEmg4AIgFY+sAVkhUNwBqPgDWDG6BiD/IBCDTYQpBKmBK0bTAOKiKMRQjKTBANlEmO0AXm8wBwdNBdkAAAAASUVORK5CYII=);*/
/*    filter: brightness(0) saturate(0);*/
/*}*/

.navigation ul{
    display: flex;
}

.navigation ul li{
    padding:5px 10px;
    margin:0 15px;
    position: relative;
}


.navigation ul li a{
    font-size:16px;
    line-height:24px;
    font-family:'Raleway';
    font-weight: 400;
    position:relative;
    padding:15px 0;
    overflow:hidden;
    color:#fff;
    letter-spacing:1px;
}

.resize-header .navigation ul li a{
    color:#000;
}

.navigation ul li.has-children > a:after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAGpJREFUGFdj/P//fwIDA4M+IyNjIZDGAED5AKCgPUieEciZAOTkA/ECoEAismqoQfOBYheBcgaMIEmg4AIgFY+sAVkhUNwBqPgDWDG6BiD/IBCDTYQpBKmBK0bTAOKiKMRQjKTBANlEmO0AXm8wBwdNBdkAAAAASUVORK5CYII=);
    right: -15px;
    top: -2px;
    position: relative;
}


.navigation ul li a:before{
    content:'';
    height:2px;
    width:0;
    background:#E62136;
    position:absolute;
    bottom:10px;
    transform-origin:center;
    transition: all 1s cubic-bezier(.77,0,.175,1);
    left: 50%;
    transform: translateX(-50%);
}

.navigation ul li a:hover:before{
    width:100%;
}

.navigation ul li.active > a:before{
    content:'';
    height:2px;
    width:100%;
    background:#E62136;
    position:absolute;
    bottom:10px;
}

.navigation ul li > ul {
    opacity:0 ;
    visibility: hidden; 
    position: absolute;
    background-color: #808080;  
    min-width: 200px;
    top:40px; 
    left:0; 
    z-index: 1; 
    transform: translateY(10%); 
    transition: 0.3s ease; 
    
}

.resize-header .navigation ul li > ul{
    top: 50.23px;
}

.navigation ul li:hover ul { opacity: 1; visibility: visible; transform: translateY(0); }
.navigation .drop li a {
    color: #fff !important;
    padding: 10px 0 !important;
    text-decoration: none;
    display: block;
    font-size: 14px !important; 
    position: relative;
    text-transform: uppercase !important; 
    margin:0;
    transition: all 0.1s ease-out 0s;
    width:fit-content;
}
.navigation .drop li{
    margin: 0;
}
.navigation .drop li a:hover {color:#ccc !important; margin-left:5px;}
.navigation .drop li{padding-right: 10px !important;    width: 100%}

/* Mobile Nav */
 
#menu-icon {
    color: #fff;
    width: 70px;
    height: 70px;
    position: absolute;
    top:0px;
    right: 5px;
    cursor: pointer;
    z-index: 999;
    justify-content: center;
    align-items: center;
    display: none;
}
#menu-icon span { position: relative;}    
#menu-icon span,
#menu-icon span:before,
#menu-icon span:after {
  background: #fff;
  display: block;
  height: 2px;
  opacity: 1;			 
  transition: 0.3s ease-in-out;
}
#menu-icon span:before,#menu-icon span:after { content: ""; right:0; position: absolute;}
#menu-icon span {  width: 27px;}
#menu-icon span:before { top: -10px; width: 16px;}
#menu-icon span:after { top: 10px; width: 20px;}
#menu-icon.active span {transform: rotate(-45deg); width: 27px; background: #fff;}
#menu-icon.active span:before { top: 0px; transform: rotate(90deg);  width: 27px; background: #fff;}
#menu-icon.active span:after { top: 0px; left:0; transform: rotate(90deg); opacity:0;  width:0;}	


.mnav {
    background: #808080;
    padding: 100px 5% 5% 5%;
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 30;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.mnav li {
    padding: 0;
    list-style: none;
    display: block;
    position: relative;
}
.mnav li a {
    width: 100%;
    position: relative;
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.mnav li.secondary a {
    text-transform: uppercase;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.12em;
    color: #000;
}

.mnav li span.current a {
    color: #E62136;
}

ul.subMenu {
    width: 100%;
}

.mnav li ul li a {
    color:#fff;
    text-transform: none !important;
    margin-left: 5% !important;
    width: 90%;
    padding:20px 0;
    border-bottom: 1px dotted rgba(255,255,255,0.2);
    font-size: 14px !important;
}
.mnav li ul li:last-child a {
    border-bottom: none;
}

.mnav > li .openSub:not(:last-child):after  { 
    content: '\f078';
    right:10px;
    top:8px;
    position:absolute;
    transition: all 0.3s ease-out 0s;
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 14px;
}
.mnav > li .openSub.current:not(:last-child):after  { transform:rotate(180deg)		}

#mobile-nav{
    display:none;
    background-color: #808080;
}

/* Hero banner */


.hero-banner{
    height:100vh;
    position:relative;
    top:0;
    overflow: hidden;
}

.hero-banner img{
    width: 100%;
}

.hero-banner .heading{
    position:absolute;
    left: 30%;
    top: 75%;
    transform: translate(-50%, -50%);
    z-index:3;
    width:910px;
}

.hero-banner .heading a{
    border: 1px solid white;
}

.hero-banner .heading a:hover{
    color: #fff;
  border: 1px solid #E62136;
}

/*.hero-banner .heading h1:after{*/
/*    content:'';*/
/*    height:1px;*/
/*    background:rgba(255,255,255,0.2);*/
/*    width:320px;*/
/*    position:absolute;*/
/*    bottom:0;*/
/*    left:50%;*/
/*    transform: translateX(-50%);*/
/*}*/

.heading .heading01{
  color: #fff;
  /*font-family: 'Raleway', sans-serif;*/
  /*font-weight: 600;*/
  /* font-size: 48px; */
  line-height: 1;
  position: relative;
  padding-bottom:10px;
  text-transform:Capitalize;
}

.heading .heading02{
  font-family: 'Raleway', sans-serif;
  color: #fff;
  line-height: 32px;
  margin-top:10px;
  display:block;
}

.hero-banner .breadcrumb{
    display:flex;
    position:absolute;
    bottom:10px;
    left:10px;
    z-index:3;
}

.hero-banner .breadcrumb li{
    color:#fff;
    margin-right:10px;
    font-size:16px;
    line-height:30px;
    font-family:'Raleway';
    font-weight:500;
}

.hero-banner .overlay{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background: rgb(0,0,0);
    background: 
      linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 90%), /* First gradient */
      linear-gradient(180deg, rgba(0,0,0,0.6039683451505602) 0%, rgba(0,0,0,0) 50%); /* Second gradient */

    z-index:2;
}

/* General Button Styling */
.btn,
.umbraco-forms-navigation input[type='submit'] {
  position: relative;
  height:40px;
  display: inline-block;
  padding: 10px 35px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  line-height:1;
  text-decoration: none;
  cursor: pointer;
  transition: ease-out 0.5s;
  border: 1px solid #808080;
  color: #808080;
  font-family:'Raleway';
  font-weight:600;
  z-index:2;
}

.meeting_tabs .btn{
    color: #fff;
}

.btn:before,
.umbraco-forms-navigation input[type='submit']:before{
    content:'';
    position:absolute;
    width:0;
    top:0;
    bottom:0;
    left:0;
    background:#E62136;
    transition:all 0.5s ease;
    z-index:-1;
}

.btn:hover:before,
.umbraco-forms-navigation input[type='submit']:hover:before{
    width:100%;
}

.btn:hover{
    color:#fff;
    border: 1px solid #E62136;
}

/* End Button styling */

/* Room Listing */

.terrace,
.corner-studio-special,
.boardroom,
.incubator{
    background:#f4f4f4;
}

.price{
    width:120px;
    height:120px;
    background:#E62136;
    border-radius:50%;
    border:5px solid #fff;
}

.price p{
    color:#fff;
    line-height:1;
    text-align:center;
}

.price span{
    font-size:28px;
    margin:5px 0;
    font-weight:600;
    display:block;
    
}

.standard .price,
.corner-studio .price{
    left:-60px;
}

.terrace .price,
.corner-studio-special .price{
   right:-60px;
}

.room-amenities,
.meeting-amenities{
    margin:20px 0;
}

.room-amenities li,
.meeting-amenities li{
    display:flex;
    align-items:start;
    margin-bottom:5px;
}

.room-amenities li img,
.meeting-amenities li img{
    width:25px;
    height:auto;
    margin-right:8px;
}

.room-amenities li p{
    font-size:14px;
}


.box-menu {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 0;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}

/*YOUR HOMES*/
.room-textbox {
  color: white;
  z-index:-1;
  top: 10%;
  position: absolute;
}

.room-textbox:after{
  content: " ";
  background-color: #808080;
  width: 150%;
  height: 130%;
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
}

.rightbox {
  left:-28% !important;
}

/*.yourhomes-img{*/
/*  width:700px;*/
/*  height:auto;*/
/*  z-index: 1;*/
/*  position: relative;*/
/*  right: 10%;*/
/*  top:10%;*/
/*}*/

/*.yourhomes-img:after{*/
/*  content: " ";*/
/*  background-color: black;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  display: block;*/
/*  position: absolute;*/
/*  top: 5%;*/
/*  right: -7%;*/
/*  max-width: 700px;*/
/*  max-height: 400px;*/
/*  z-index: -1;*/
/*}*/

@media screen and (min-width:1380px) {
  .box-menu {
    flex-direction: row
  }
}

.box-item {
  position: relative;
  -webkit-backface-visibility: hidden;
  width: 360px;
  margin-bottom: 35px;
  max-width: 100%;
}

.box-item h3{
    color:white;
}

.flip-box {
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}

.flip-box-front,
.flip-box-back {
  background-size: cover;
  background-position: center;
  border-radius: 0;
  min-height: 600px;
  -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-front {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-back {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box .inner {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 60px;
  outline: 1px solid transparent;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
  
  transform: translateY(-50%) translateZ(60px) scale(.94);
  -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
  -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
  top: 50%;
}

/*.flip-box-header {*/
/*  font-size: 34px;*/
/*}*/

/*.flip-box p {*/
/*  font-size: 20px;*/
/*  line-height: 1.5em;*/
/*}*/

.flip-box-img {
  margin-top: 25px;
  display: inline;
}



.overlay-img:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 1;
}

.overlay-img-back:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1;
  color:#000 !important;
}

.gourmetH2{
    position: absolute;
    font-size: 8rem;
    top: -10px;
    width: 100%;
    left: 15%;
    opacity: 0.12;
    font-weight:600;
    
}



.read-more a:after{
    content: '';
    background-color: #1e2c25;
    mask-image: url(../images/long-arrow.svg);
    display: inline-block;
    vertical-align: middle;
    width: 43px;
    height: 16px;
    margin-left: 10px;
    transform: translateX(0);
    transition:transform 0.3s ease;
}

.read-more a:hover:after {
    transform: translateX(5px);
}

.tagline{
    margin-bottom:30px;
    padding:0 0 10px 0;
    position:relative;
}

.tagline:after{
    content:'';
    width:50px;
    height:2px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    background:#E62136;
    bottom:0;
}

.tagline .image{
    display:inline-block;
    text-align:center;
    width:80px;
    height:80px;
    padding:10px;
    background: #E62136;
    border: 5px solid #fff;
    border-radius:50%;
}


.inner-meeting p {
    line-height: 1.5;
    font-size: 15px;
    margin-bottom: 5px;
}

.meeting-amenity {
    margin-bottom: 10px;
    padding: 10px 0;
    border-top: 1px solid rgba(0,0,0,0.4);
    border-bottom: 1px solid rgba(0,0,0,0.4);
}

.meeting-amenity li{
    display:flex;
    margin-bottom:5px;
}

.meeting-amenity li img{
    width:25px;
    height:auto;
    margin-right:10px;
}

.inner-meeting .meeting-amenity li p,
.meeting-amenities li p{
    font-size: 14px;
    position: relative;
    font-weight: 500;
}

.meeting-sub-banner:before{
    content:'';
    background:rgba(0,32,56,0.5);
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.btn-meeting{
    height:40px;
    padding: 10px 25px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
    line-height:1;
    text-decoration: none;
    color:#fff;
    cursor: pointer;
    transition: ease-out 0.5s;
    border: 1px solid #fff;
    font-family:'Raleway';
    font-weight:500;
    z-index:2;
}

.btn-meeting:before{
    content:"";
    background:#808080;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:0;
    transition: ease-out 0.5s;
    z-index:-1;
}

.btn-meeting:hover:before{
    width:100%;
}

.btn-meeting:hover{
    border: 1px solid #808080;
}

/* Room details page */
.inner-rooms .content p{
    line-height:1.5;
    font-size:15px;
    margin-bottom:5px;
}

.points{
    margin-bottom:10px;
    padding:10px 0;
    border-top:1px solid rgba(0,0,0,0.4);
    border-bottom:1px solid rgba(0,0,0,0.4);
}

.points li{
    font-size:14px;
    position:relative;
    margin-bottom:3px;
    padding-left:20px;
    font-weight:500;
}

.points li:before{
    content:'';
    position:absolute;
    top:6px;
    left:0;
    display:block;
    width:8px;
    height:8px;
    background:#808080;
    margin-right:5px;
}

.inner-price{
    font-weight:900;
    color:#E62136;
}

/*.room-details{*/
/*    background:url(../images/bg-1.png) 120% -120px no-repeat;*/
/*}*/

/* Restaurant */
.voila_restaurant .points,
.office-delivery .points,
.catering .points,
.celebration .points{
    margin-bottom:10px;
    padding:10px 0;
    border-top:1px solid rgba(0,0,0,0.4);
    border-bottom:1px solid rgba(0,0,0,0.4);
}

.voila_restaurant .points li,
.office-delivery .points li,
.catering .points li,
.celebration .points li{
    font-size:14px;
    position:relative;
    margin-bottom:3px;
    padding-left:20px;
    font-weight:500;
}

.voila_restaurant .points li:before,
.office-delivery .points li:before,
.catering .points li:before,
.celebration .points li:before{
    content:'';
    position:absolute;
    top:6px;
    left:0;
    display:block;
    width:8px;
    height:8px;
    background:#808080;
    margin-right:5px;
}

/* Home Intro Section */
.container-intro{
  height: unset !important;
  position: relative;
}

.container-intro p{ 
  color: rgb(29, 29, 29);
  line-height: 2;
}


.container-intro .image-wrapper img{
  position: relative;
  top: -13%;
}

.container-intro .image-wrapper .img2{
  position: absolute;
  top: 20%;
  left: 74%;
}

.container-intro p{
  -webkit-line-clamp: none !important;
  text-overflow: none !important;
} 


.intro{
  background: #F6EDE1;
  
}

.intro-img{
  width:400px;
  height:auto;
}

.intro-img-1{
    display:block;
    width:400px;
    height:auto;
}

.intro-line{
  border: 1px solid #808080;
  height: 100px;
  opacity: 0.8;
}

.wed-line{
  border-left: 1px solid #808080;
  height: 100px;
  opacity: 0.8;
  position:absolute;
  margin-top:30%;
}

.wed{
    width:100%;
    height:100%;
    position:relative;
}

.wed:before{
    content:"";
    background:#E6213614 left top no-repeat;
    width:95%;
    z-index:-1;
    height:70%;
    position:absolute;
    top:-15%;
    left:-15%;
}

.wedCN{
    width:100%;
    height:100%;
    position:relative;
}

.wedCN:before{
    content: "";
    background: #E6213614 right top no-repeat;
    width: 86%;
    z-index: -1;
    height: 49%;
    position: absolute;
    top: -10%;
    right: -30%;
}

.gourmet{
  height: 300px;
  background-image: linear-gradient(180deg, rgba(0,0,0,1), rgba(255,0,0,0));
  z-index:1;
}

.gourmet-content{
    background: #000;
    color:white;
}

.gourmet-content .btn{
    border:1px solid #E62136;
    background:#E62136;
    color:white;
}

.sus-text-box{
  background: #F6EDE180;;
  
}

.sus-heading{
    width:100%;
    height:100%;
    position:relative;
}

.sus-heading:before{
    content:"";
    background:#E621363D left bottom no-repeat;
    width:50%;
    z-index:-1;
    height:60%;
    position:absolute;
    bottom:0;
    left:0;
}

.sus-subheading{
    width:100%;
    height:100%;
    position:relative;
}

.sus-subheading:before{
    content:"";
    background:#E6213666 right center no-repeat;
    width:7%;
    z-index:-1;
    height:30%;
    position:absolute;
    right:0;
}


.sus-border{
    border-bottom:2px solid #808080;
    width:20%;
    position:relative;
}

.subtitle{
  color: #E62136;
}

.animated-text{
  opacity: 0;
  transform: translateX(40%);
  transition: opacity 0.5s, transform 5s;
  white-space: nowrap;
  color: #808080;
  position: relative;
  z-index: 8;
  font-size: 14rem;
}


.animated-text.show {
  opacity: 1;
  transform: translateX(50%);
}

/* End Home intro section */

/* Parallax */

.parallax{
    min-height: 80vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display:block;
}

/*TESTING HORIZONTAL SCROLLING PARALLAX ROOMS*/
.background{
  position: relative;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
}

.background:before{
  content: '';
  /*background: url(../images/bg-r5.jpg) fixed no-repeat;*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  filter: grayscale(100%) ;
}

.gallery-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 70vh;
}

.item .content{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    transform:translateY(173px);
    padding:0 10px;
    transition: all 0.8s ease;
    background:rgba(0,0,0,0);
    background: rgb(0,0,0);
    background: linear-gradient(360deg, rgba(0,0,0,0.6348740179665616) 0%, rgba(0,0,0,0) 100%);
}

.item h3{
    color:#fff;
    font-size:26px;
    font-family: 'Raleway', sans-serif;
    font-weight:600;
    margin-bottom:15px;
}

.item p{
    width:100%;
    color:#fff;
    line-height:30px;
    padding-bottom:75px;
}

.item .btn{
    color:#fff;
    border-color:#fff;
}

.item .btn:hover{
    color:#fff;
    border-color:#E62136;
}

.item {
  flex: 1;
  height: 100%;
  background-size: cover;
  transition: flex 0.8s ease;
  position:relative;
  overflow:hidden;
}

.item:hover {
  flex: 7;
}
.item:hover p{
    color: #fff;
}

.item:hover .content{
    transform:translateY(0px);
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5047268907563025) 63%, rgba(0,0,0,0.6250875350140056) 100%);
}

/*Meeting section*/
.meeting_tabs{
    background:#808080;
}

.wrapper {
  margin: auto;
  border-radius: 10px;
}

.buttonWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.tab-button {
  border: none;
  padding: 10px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  transition: 0.5s;
  font-family:'Raleway';
  font-weight:500;
  padding:20px 20px;
  border:1px solid rgba(255,255,255,0.3);
}

.tab-button:hover {
  background-color: rgba(255,255,255,0.2);
  color:#fff;
}

.tab-button.active {
  background-color: #fff;
  color:#808080;
}

.active {
  /*background-color: white;*/
}

.contentWrapper .content {
  display: none;
  border:1px solid rgba(255,255,255,0.3);
  padding:20px 0;
}

.contentWrapper .content.active {
  display: block;
}

.contentWrapper .content .btn-border-4{
    border-color:#fff;
}

.contentWrapper .content .btn-border-4:hover {
    color: #fff;
    border: 1px solid #E62136;
}

.meeting-mob{
    display: none;
}

.meeting-text1{
  top: -40px;
  left: 20px;
  position: absolute;
  color: #808080;
  font-family: 'Nunito Sans', sans-serif; 
} 

.accordion__item {
  margin: 5px auto;
}
.accordion__item .accordion__title {
  position: relative;
  display: block;
  padding: 13px 60px 15px 13px;
  margin-bottom: 2px;
  color: #fff;
  font-size: 28px;
  text-decoration: none;
  background-color: #3D4C59;
  border-bottom: 1px solid #808080;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  cursor: pointer;
}

.accordion__content h4{
  color: white !important;
}

._4{
  border-bottom: none !important;
}

.accordion__item .accordion__title .accordion__arrow {
  position: absolute;
  top: 13px; right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height: 30px;
  font-size: 20px;
  font-weight: 700;
  margin-right: 5px;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}


.accordion__item .accordion__rotate {
  transform: rotate(225deg);
}
.accordion__item .accordion__content {
  padding: 30px;
  padding-bottom: 0;
  margin-bottom: 2px;
  font-size: 18px;
  display: none;
  background-color: #3D4C59;
  color: white;
  width: 100%;
  border-bottom: 1px solid #808080;
}

/* .accordion__content > p{
  padding: 0 10vw 0 0;
} */

.accordion__item .accordion__arrow-item {
  font-weight: 700;
}
.accordion-panel{
  display: flex;
}

.meeting-text2{
  top: -19px;
  position: absolute;
  color: white;
  z-index: 1;
  left: 5vw;
}

.accordion-image{
  position: relative;
  width: 100%;
}

.accordion-image .meeting-img{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom:0;
}

.accordion-image .meeting-img img{
  width: auto;
  height: 100%;
  object-fit:cover;
}

.meeting_accordion{
  color: #fff !important;
}

.panel {
  padding: 0 18px;
  display: none !important;
  overflow: hidden;
  color: white;
  background-color: rgb(50, 62, 73,0.5);
}


.is-active{
  display: block !important;
}

.panel p{
  text-wrap: wrap;
  z-index: 99999;
  opacity: 5;
}

.meeting-room-label{
    background:rgba(0,32,56,0.7);
}


/* Nearby */
.hp-nearby-slider .grid .hover_nearby{
    position:absolute;
    top:0;
    bottom:0;
    background:rgba(255,255,255,0.85);
    padding:20px;
    opacity:0;
    transform:translateY(100%);
    transition:all 400ms cubic-bezier(.99,0,.5,.82);
}

.hp-nearby-slider .swiper-slide{
    opacity:0.4;
    transform:scale(0.9);
    transition:all 400ms cubic-bezier(.99,0,.5,.82);
}

.hp-nearby-slider .swiper-slide-active{
    overflow:hidden;
    opacity:1;
    transform:scale(1);
}

.hp-nearby-slider .swiper-slide-active .grid:hover .hover_nearby{
    opacity:1;
    transform:translateY(0);
}

.nearby-swiper-pagination .swiper-pagination-bullet,
.advisor.swiper-pagination .swiper-pagination-bullet,
.offers-pagination .swiper-pagination-bullet{
    border-radius:0;
    height:2px;
    width:50px;
    background:#808080;
    margin:0 3px !important;
    transition:all 200ms ease
}

.nearby-swiper-pagination .swiper-pagination-bullet:hover,
.advisor.swiper-pagination .swiper-pagination-bullet:hover,
.offers-pagination.swiper-pagination .swiper-pagination-bullet:hover{
    height:4px;
}

.nearby-swiper-pagination .swiper-pagination-bullet-active,
.advisor.swiper-pagination .swiper-pagination-bullet-active,
.offers-pagination.swiper-pagination .swiper-pagination-bullet-active{
    height:4px;
}

/* Testimonials */
.testimonial{
    background:url(/images/wave-LCR-svg.svg) center bottom no-repeat;
    background-size:contain;
}
.testimonial h3{
    line-height:1.2;
    font-size:1rem;
    text-transform:uppercase;
    
}
.testimonial p{
    font-size:14px;
    line-height:24px;
}

.testimonial h4{
    position:absolute;
    bottom:7px;
    right:80px;
    font-weight:900;
    font-size:16px;
    text-align:right;
    color:#fff;
}

.rating-circle input{
    display:none;
}

.circle {
    display: inline-block;
    position:relative;
    font-size:20px;
}

.circle:before {
    content: "\2605"; /* Unicode for star character */
    font-family: 'Arial', sans-serif; /* Ensure proper font rendering */
    display: inline-block;
    color: black; /* Default star color */
}

.circle.active:before {
    color: orange; /* Star color when active */
}



/* Special offers */
.img-offers-section{
  position: relative;
  width: 100%;
  height:auto;
}
.img-offers-section img{
    width:95%;
}
.img-offers-section:before{
  content: " ";
  position: absolute;
  right:0px;
  top:-36px;
  width:40vw;
  height: 62vh;
  border: 2px solid #E62136;
  z-index:-1;
}

.img-offers-mob{
    display: none;
}

.img-room-section1{
  position: relative;
  width: 100%;
  height: 100%; 
}

.img-room-section1:before{
  content: " ";
  position: relative;
  width:30vw;
  height: 80vh;
  background-color: #E62136;
  object-fit: contain;
}

.img-room-section1 > a:before{
  content: " ";
  border-bottom: 1px solid #fff;
  width: 28vw;
  height: 100%;
  position: absolute;
  right: 150px;
  bottom: 16px;
}


.img-room{
  width: 35vw;
  position: absolute;
}

.img-room-section2{
  position: relative;
  width: 100%;
  height: 78%; 
  top: -0.5px;
  left: -0.5px;
}

.img-room-section2:before{
  content: " ";
  position: relative;
  width:30vw;
  height: 80vh;
  background-color: #E62136;
  object-fit: contain;
}

.offers-slider-nav{
    position:absolute;
    bottom:0;
    right:0;
    width:160px;
    height:80px;
}

.offers-slider-nav .swiper-button-prev,
.offers-slider-nav .swiper-button-next{
    width:80px;
    height:80px;
    background:rgba(255,255,255,0.5);
    top:0;
    margin-top:0;
}

.offers-slider-nav .swiper-button-next{
    right:0;
    border-left:1px solid rgba(255,255,255,0.7);
}

.offers-slider-nav .swiper-button-prev{
    left:0;
}

.offers-slider-nav .swiper-button-prev:after,
.offers-slider-nav .swiper-button-next:after{
    color:#fff;
    font-size:20px;
}

.rooms-swiper {
    user-select: none;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0px 0px;
}
.rooms-swiper .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 500px;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box;
}
.rooms-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 0px;
}
.rooms-swiper .swiper-slide-image {
    border-radius: 0px;
    position: absolute;
    object-fit: cover;
    left: -12%;
    top: -12%;
    width: 124%;
    height: 124%;
    max-width:unset !important;
    z-index: 0;
}
.rooms-swiper .swiper-slide-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding: 48px 48px;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: translate3d(0,0,0);
}

.rooms-swiper .swiper-slide-title {
    font-size: 21px;
    font-weight: bold;
    transform-origin: center;
    color: rgba(255, 255, 255, 1);
}

/* Room Amenities */
.room-amenity{
    width: 100%;
    display:flex;
    align-items:center;
    margin-bottom:5px;
}

.room-amenity .room-icon{
    margin-right:10px;
}

.room-amenity img{
    width:25px;
    height:25px;
}

.room-amenity .room-title{
    font-family: 'Raleway', sans-serif;
    font-size:12px;
    font-weight:400;
    line-height:14px;
}


/* Footer section */
footer{
    background: #000;
    padding-bottom: 90px;
}

.newsletter{
    border:1px solid rgba(255,255,255,0.4);
    width:100%;
    margin-top:70px;
}

.newsletter.umbraco-forms-form fieldset{
    padding:0;
    margin:0;
    flex:2;
}

.newsletter.umbraco-forms-form .umbraco-forms-navigation{
    padding:0;
}

.newsletter.umbraco-forms-form{
    padding:0;
}

.newsletter .umbraco-forms-page{
    display:flex;
}

.newsletter .umbraco-forms-container{
    display:block !important;
}

.newsletter .umbraco-forms-navigation input[type='submit']{
    color:#fff;
    text-transform:uppercase;
    width: 140px;
    padding: 29px 0px 30px;
    border:none;
    border-left: 1px solid rgba(255,255,255,0.4);
    font-family: 'Raleway';
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    margin: 0;
    height: unset;
    background:none;
    position:relative;
}

.newsletter .umbraco-forms-navigation input[type='submit']:hover{
    background:#E62136;
}

.newsletter.umbraco-forms-form span.field-validation-error{
    position:absolute !important;
    top:-27px !important;
    color:#fff !important;
    font-size:12px;
}

/*.newsletter .umbraco-forms-navigation input[type='submit']:before{*/
/*    content:'';*/
/*    position:absolute;*/
/*    width:100%;*/
/*    top:0;*/
/*    bottom:0;*/
/*    left:0;*/
/*    background:#E62136;*/
/*    transition:all 0.5s ease;*/
/*    z-index:1000;*/
/*}*/


/*.newsletter .umbraco-forms-navigation input[type='submit']:hover:before{*/
/*    width:100%;*/
/*}*/

.newsletter input::placeholder{
    color:#fff;
}

.newsletter.umbraco-forms-form input[type="email"]:focus{
    outline:none;
    border:none !important;
}

.newsletter.umbraco-forms-form input[type="email"]{
    flex:1;
    background:none;
    padding:0 20px;
    font-size:32px;
    line-height:32px;
    font-family: 'Raleway', sans-serif;
    color:#fff;
    border:none;
    max-width:unset !important;
    width:100%;
}



.newsletter .btn i{
    margin-left:5px;
}

.footer-nav span {
	display: block;
	font-family:'Raleway';
	font-weight:400;
	color:rgba(255,255,255,0.4);
	line-height:28px;
	font-size:16px;
	text-align:center;
}

.footer-nav{
        overflow: hidden;
        position:relative;
        padding: 0;
        -webkit-transition: border-color 0.3s, background-color 0.3s;
        transition: border-color 0.3s, background-color 0.3s;
        -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
        transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
        -webkit-backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
}

.footer-nav::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #fff;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
	font-family:'Raleway';
	font-weight:400;
	line-height:28px;
	font-size:16px;
	text-align:center;
}

.footer-nav::after,
.footer-nav span {
	transition: transform 0.3s, opacity 0.3s;
	transition-timing-function: cubic-bezier(0.5, 1, 0.3, 1);
	
	-webkit-transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.3, 1);
}

.footer-nav:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.footer-nav:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
}


.voila-logo{
    max-width:200px;
    margin-bottom:30px;
}

.meeting .contact-details{
    background:#E62136 !important;
}

.contact-details{
    background:#808080;
    position:relative;
    padding:15px;
}

.contact-details:before{
    content:"";
    position:absolute;
    left:10px;
    right:10px;
    bottom:10px;
    top:10px;
    border:1px solid rgba(255,255,255,0.2);
}

.contact-details h3{
    color:#f1f1f1;
    font-size:26px;
    font-weight:500;
}

.contact-details ul{
    position:relative;
    z-index:2;
}

.contact-details li,
.contact-details .phone,
.contact-details .email{
    font-size: 14px;
    font-weight: 600;
}

.contact-details li:nth-child(1){
    margin-bottom:8px;
    position:relative;
    padding-bottom:10px;
}

.contact-details li:nth-child(1):after{
    content:'';
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    height:1px;
    width:80px;
    background:#fff;
}


/* Footer contact details */
.contact-details-footer{
    display: flex;
    justify-content:center;
}

.contact-details-footer{
    margin:20px 0;
}

.contact-details-footer li:last-child{
    padding-right:0;
}

.contact-details-footer li:first-child{
    padding-left:0;
}

.contact-details-footer li{
    padding-right:20px;
    padding-left:20px;
    position:relative;
}

.contact-details-footer li:after{
    width:1px;
    height:20px;
    content:'';
    background:#fff;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
}

.contact-details-footer li:last-child:after{
    display:none;
}

.contact-details-footer li .txt{
    font-family: 'Raleway', sans-serif;
    font-size:20px;
    color:#fff;
    font-weight:400;
}

.navigation-policy{
    display:flex;
    justify-content:center;
    margin-bottom:30px;
}

.navigation-policy li a{
    margin:0 10px;
    color:#E62136;
    font-family:'Raleway';
    font-size:14px;
    font-weight:500;
}

.subfooter{
    border-top:1px solid #E62136;
    padding:40px 0;
}

.subfooter .copyright{
    font-size:14px;
    line-height:16px;
    font-family:'Raleway';
    font-weight: 400;
    color:#ccc;
}

.subfooter .copyright span{
    font-weight:700;
    color:#fff;
}

.subfooter .rogers img{
    max-width:150px;
    object-fit:contain;
}

.subfooter .social li a svg{
    fill:#fff;
    transition:all 200ms ease-in-out;
}

.subfooter .social li a svg:hover{
    fill:#E62136;
}

.subfooter .social li{
    margin:0 5px;
}

.subfooter .social li a{
    color:#fff;
    font-size: 25px;
    line-height: 25px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid rgba(255,255,255,0.4);
    transition:all 200ms ease-in-out;
}

.subfooter .social li a:hover{
    color:#E62136;
    border:1px solid rgba(255,255,255,1);
}

/* ---- isotope ---- */

.isotope-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  margin: auto;
}

.isotope-toolbar span {
  text-transform: capitalize;
  display: inline-block;
  padding:10px 15px;
  margin:0 10px;
  font-size: 15px;
  font-weight: 600;
  transform: ease-in-out 0.5s;
  cursor: pointer;
  flex: 1;
  font-family:'Raleway';
  text-transform:uppercase;
}

.isotope-toolbar span:hover{
    background:#f4f4f4;
}

.isotope-toolbar button.active span{
    background:#808080;
    color:#fff;
}

.isotope-box {
  position: relative;
  width: 100%;
  padding:0 20px;
}
.isotope-toolbar {
  text-align: center;
  margin: 10px;
}

.isotope-item {
  position: relative;
  width: calc(95.4% / 3);
  border-bottom: 2px solid rgba(250, 250, 250, 0.1);
  margin:5px;
}

.isotope-item img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

figure {
  overflow: hidden;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}

/* Why book with us */
.icon-box{
    background:#f7f7f7;
    padding:20px 50px;
    margin-bottom:40px;
}

.icon-box .book-title{
    color: #808080;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size:24px;
}

.icon-box .book-description{
    font-family: 'Raleway', sans-serif;
    font-size:14px;
    line-height:18px;
}

.set-1,
.set-3{
    margin-top:100px;
}

.icon-box .book-icon{
    width:100px;
    height:100px;
    background:#fff;
    padding:20px;
    border-radius:50%;
    margin:0 auto 20px;
}

/* Location */
section.location-2,
section.location-4,
section.location-6{
    background:#f4f4f4;
}

/* FAQ */
.accordion-item .accordion-menu{
    font-size: 2.063rem;
    padding: 15px 90px 15px 10px;
    cursor: pointer;
    user-select: none;
    position: relative;
    font-family: 'Raleway', sans-serif;
    color:#808080;
}

.accordion-item {
    border-bottom: 1px solid rgba(0,0,0,0.3);
}

.accordion-item.active .accordion-menu{
    background:#808080;
    color:#fff !important;
}

.accordion-item.active .accordion-menu h3{
    color:#fff;
}

.accordion-content .text {
    margin: 0 0 30px 0;
    padding:30px 10px 0;
    
}

.accordion-item  .accordion-content {
    height: auto;
    overflow: hidden;
}

.accordion-plus, .accordion-minus {
    position: absolute;
    color: #F58229;
    font-size: 3rem;
    font-weight: 300;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.2);
    transition: all .3s ease-out;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 15px;
    right: 15px;
}

.accordion-plus span, .accordion-minus span {
    width: 11px;
    height: 15px;
    display: flex;
}

.accordion-minus span {
    transform: rotate(90deg);
}

.accordion-plus span svg {
    fill: #949494;
}

.accordion-minus span svg{
    fill: #fff;
}

.accordion-item.active .accordion-plus,
.accordion-item.active .accordion-minus{
    border-color:#fff;
}

.faq-menu{
    color:white !important;
    text-decoration:none;
}


/* Blog item */
.blog-detail h6,
.date{
    font-family:'Raleway';
    font-weight:600;
    color:#E62136;
    font-size:14px;
}

.blog-detail h3{
    font-size:2rem;
}

.blog-detail h4{
    font-size:1.4rem;
    color:#E62136;
    font-weight:600;
    display:inline-block;
}

.blog-detail ol{
    counter-reset:item;
}

.blog-detail ol li{
    margin-bottom:10px;
}

.blog-detail ol li::before {
  display: inline-block;
  content: counter(item) ". ";
  counter-increment: item;
  margin-right: 3px;
  font-size:1.2rem;
  color:#E62136;
  font-weight:600;
}

.swiper-fraction {
    background: rgba(255, 255, 255, 0.5);
    color: #808080;
    font-family: 'Raleway', serif;
    font-weight: 600;
    font-size: 20px;
    position: absolute;
    left: 1em;
    bottom: 1em;
    z-index: 10;
    padding: 5px 15px;
}

/* Booking engine */
select {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    box-shadow:none !important;
  }

#room_synxis {
	color: rgb(65, 65, 65);
}

#x {
	display: block;
	position: absolute;
	top: -8px;
	right: -8px;
	background: #BAA88B;
	color: #000;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	font-size: 30px;
	transition: all 0.3s ease;
	z-index: 2;
}

#x:hover {
	transform: rotateZ(-90deg);
	color: #ffffff;
}

#close {
	display: none;
}

.input-bk-icons i {
	position: absolute;
}

.selectedhighlight {
	display: block;
	position: absolute;
}

.input-bk-icons {
	width: 100%;
	margin-bottom: 10px;
}

.bk-icon {
	position: absolute;
	color: #E62136;
	top: 65%;
	transform: translateY(-50%);
	margin-left: 10px;
	left:0;
	z-index:2;
}

.srch-icon {
	position: absolute;
	color: rgb(255, 255, 255);
	top: 44px;
	margin-left: 17px;
}

.input-field {
	width: 100%;
	padding: 10px;
	text-align: center;
}

select#adult_synxis.selectpicker{
	text-align: center !important;
	-webkit-appearance: none;
    appearance: none;
    text-align-last: center;
    text-align: -webkit-center;
}

select#adult_synxis.selectpicker option {
	text-align: center !important;
	-webkit-appearance: none;
    appearance: none;
    text-align-last: center;
    text-align: -webkit-center;
}

#bookingform_synxis input,
#bookingform_synxis select {
	padding: 0px 5px;
	padding-top: 20px !important;
	cursor: pointer !important;
	height:100%;
	width:100%;
	outline:none;
	font-size: 17px;
	line-height: 20px;
	color: #E62136;
	font-family: 'Raleway';
	font-weight: 400;
    border-radius: 0;
    border: 0;
    font-variant: lining-nums;
    appearance: none !important;
	-webkit-appearance: none !important;
    -moz-appearance: none !important;
}

#search {
	overflow: visible;
	max-width: 100% !important;
	height: 70px;
	left: 20%;
	right:20%;
	width: 52%;
	z-index: 99;
	margin: 0;
	background: white;
	position: fixed;
	bottom:0;
	/*border-top:1px #dad5d5 solid;*/
/*    -webkit-box-shadow: inset 0px 20px 22px -18px rgba(0,0,0,0.15);*/
/*-moz-box-shadow: inset 0px 20px 22px -18px rgba(0,0,0,0.15);*/
/*box-shadow: inset 0px 20px 22px -18px rgba(0,0,0,0.15);*/
}

#search::before { 	
    content: ""; 	
    position: absolute; 	
    top: 0;
    width: 80%; 
    height: 1px; 
    background-color: #dad5d5;
}

/*.sticky {*/
/*	position: fixed;*/
/*	bottom: 0;*/
/*	transition: all 0.2s cubic-bezier(.22,.61,.36,1);*/
/*	color: #000;*/
/*}*/

#bookingform_synxis .childrenSearch {
	position: relative;
}

#bookingform_synxis .input-wrap-sub label{
	position: unset;
}

.ft {
	margin-bottom: 0;
}

.ft_wrapper {
	height: 25px;
	border-top: 1px solid rgba(255, 165, 0, 0.14);
}

.ft_left {
	width: 75%;
}

.ft_left .language {
	padding: 6px 20px 0 20px !important;
}

.ft_left .language {
	padding: 6px 20px 0 20px !important;
}

.ft_left .copyright {
	font-size: 11px !important;
	line-height: 12px;
	padding: 6px 20px;
}

.ft_right {
	min-width: 25% !important;
	margin-right: 0 !important;
}

.ft_right .social-ft {
	height: 24px;
	float: right !important;
}

.ft_right .social-ft i.fa {
	line-height: 26px;
	font-size: 14px;
}

.ft_right a {
	font-size: 12px;
}

#lang_sel_list a {
	font-weight: bold;
}

#lang_sel_list .icl-en a {
	padding-left: 3px;
}

.age {
	position: relative;
	display: none;
}

#bookingform_synxis .age {
	position: absolute;
	bottom: 70px;
	left: 0px;
	right:0;
	width: 100%;
	height: auto;
	overflow: visible;
	display: none;
}

#bookingform_synxis .age select {
	height: 70px !important;
	line-height: 20px !important;
	width: 100%;
	border-bottom: 1px solid #c2b59b;
	padding: 0;
}

.posrel {
	margin: 0 auto !important;
}

#ft widget:first-child .textwidget {
	max-width: 800px;
	margin: 0 auto;
}

.selectpicker {
	display: block !important;
}

.input-wrap .chosen-container-single {
	display: none;
}

.selectedhighlight select {
	margin-bottom: 0;
}

.content_wrapper {
	padding: 0 5px 50px 5px !important;
}

.home .content_wrapper {
	padding: 0 0 50px 0 !important;
}

table {
	background-color: transparent;
}

th {
	text-align: left;
}

.table {
	border-bottom: 1px solid #E1E1E1;
	margin-bottom: 35px;
	max-width: 100%;
	width: 100%;
}

.table>thead>tr>th,
         .table>tbody>tr>th,
         .table>tfoot>tr>th,
         .table>thead>tr>td,
         .table>tbody>tr>td,
         .table>tfoot>tr>td {
	padding: 10px 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}

.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 1px solid #dddddd;
}

.table>caption+thead>tr:first-child>th,
         .table>colgroup+thead>tr:first-child>th,
         .table>thead:first-child>tr:first-child>th,
         .table>caption+thead>tr:first-child>td,
         .table>colgroup+thead>tr:first-child>td,
         .table>thead:first-child>tr:first-child>td {
	border-top: 0;
}

.table>tbody+tbody {
	border-top: 2px solid #dddddd;
}

.table .table {
	background-color: #ffffff;
}

.table-condensed>thead>tr>th,
         .table-condensed>tbody>tr>th,
         .table-condensed>tfoot>tr>th,
         .table-condensed>thead>tr>td,
         .table-condensed>tbody>tr>td,
         .table-condensed>tfoot>tr>td {
	padding: 0px;
	color: white;
	padding: 3px;
         /*font-variant: oldstyle-nums;*/;
}

.table-bordered {
	border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
         .table-bordered>tbody>tr>th,
         .table-bordered>tfoot>tr>th,
         .table-bordered>thead>tr>td,
         .table-bordered>tbody>tr>td,
         .table-bordered>tfoot>tr>td {
	border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
         .table-bordered>thead>tr>td {
	border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-child(odd)>td,
         .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover>td,
         .table-hover>tbody>tr:hover>th {
	background-color: #f5f5f5;
}

table col[class*="col-"] {
	position: static;
	float: none;
	display: table-column;
}

table td[class*="col-"],
         table th[class*="col-"] {
	position: static;
	float: none;
	display: table-cell;
}

.table>thead>tr>td.active,
         .table>tbody>tr>td.active,
         .table>tfoot>tr>td.active,
         .table>thead>tr>th.active,
         .table>tbody>tr>th.active,
         .table>tfoot>tr>th.active,
         .table>thead>tr.active>td,
         .table>tbody>tr.active>td,
         .table>tfoot>tr.active>td,
         .table>thead>tr.active>th,
         .table>tbody>tr.active>th,
         .table>tfoot>tr.active>th {
	background-color: #f5f5f5;
}

.table-hover>tbody>tr>td.active:hover,
         .table-hover>tbody>tr>th.active:hover,
         .table-hover>tbody>tr.active:hover>td,
         .table-hover>tbody>tr:hover>.active,
         .table-hover>tbody>tr.active:hover>th {
	background-color: #e8e8e8;
}

.table>thead>tr>td.success,
         .table>tbody>tr>td.success,
         .table>tfoot>tr>td.success,
         .table>thead>tr>th.success,
         .table>tbody>tr>th.success,
         .table>tfoot>tr>th.success,
         .table>thead>tr.success>td,
         .table>tbody>tr.success>td,
         .table>tfoot>tr.success>td,
         .table>thead>tr.success>th,
         .table>tbody>tr.success>th,
         .table>tfoot>tr.success>th {
	background-color: #dff0d8;
}

.table-hover>tbody>tr>td.success:hover,
         .table-hover>tbody>tr>th.success:hover,
         .table-hover>tbody>tr.success:hover>td,
         .table-hover>tbody>tr:hover>.success,
         .table-hover>tbody>tr.success:hover>th {
	background-color: #d0e9c6;
}

.table>thead>tr>td.info,
         .table>tbody>tr>td.info,
         .table>tfoot>tr>td.info,
         .table>thead>tr>th.info,
         .table>tbody>tr>th.info,
         .table>tfoot>tr>th.info,
         .table>thead>tr.info>td,
         .table>tbody>tr.info>td,
         .table>tfoot>tr.info>td,
         .table>thead>tr.info>th,
         .table>tbody>tr.info>th,
         .table>tfoot>tr.info>th {
	background-color: #d9edf7;
}

.table-hover>tbody>tr>td.info:hover,
         .table-hover>tbody>tr>th.info:hover,
         .table-hover>tbody>tr.info:hover>td,
         .table-hover>tbody>tr:hover>.info,
         .table-hover>tbody>tr.info:hover>th {
	background-color: #c4e3f3;
}

.table>thead>tr>td.warning,
         .table>tbody>tr>td.warning,
         .table>tfoot>tr>td.warning,
         .table>thead>tr>th.warning,
         .table>tbody>tr>th.warning,
         .table>tfoot>tr>th.warning,
         .table>thead>tr.warning>td,
         .table>tbody>tr.warning>td,
         .table>tfoot>tr.warning>td,
         .table>thead>tr.warning>th,
         .table>tbody>tr.warning>th,
         .table>tfoot>tr.warning>th {
	background-color: #fcf8e3;
}

.table-hover>tbody>tr>td.warning:hover,
         .table-hover>tbody>tr>th.warning:hover,
         .table-hover>tbody>tr.warning:hover>td,
         .table-hover>tbody>tr:hover>.warning,
         .table-hover>tbody>tr.warning:hover>th {
	background-color: #faf2cc;
}

.table>thead>tr>td.danger,
         .table>tbody>tr>td.danger,
         .table>tfoot>tr>td.danger,
         .table>thead>tr>th.danger,
         .table>tbody>tr>th.danger,
         .table>tfoot>tr>th.danger,
         .table>thead>tr.danger>td,
         .table>tbody>tr.danger>td,
         .table>tfoot>tr.danger>td,
         .table>thead>tr.danger>th,
         .table>tbody>tr.danger>th,
         .table>tfoot>tr.danger>th {
	background-color: #f2dede;
}

.table-hover>tbody>tr>td.danger:hover,
         .table-hover>tbody>tr>th.danger:hover,
         .table-hover>tbody>tr.danger:hover>td,
         .table-hover>tbody>tr:hover>.danger,
         .table-hover>tbody>tr.danger:hover>th {
	background-color: #ebcccc;
}

.datepicker {
	z-index: 99999!important;
}

.input-wrap label {
    color:#808080;
	font-size: 14px;
	font-weight: 700;
	display: block;
	text-align: center;
	position:absolute;
	width:100%;
	top:10px;
	left:0;
	right:0;
	text-align:center;
	font-family: 'Raleway';
    text-transform: uppercase;
}

.input-wrap select,.input-wrap .chosen-container-single {
	color: #707070;
	cursor: pointer;
	height: 42px;
	width: 80px;
	text-indent: 0.01px;
	text-overflow: '';
	appearance: none;
	text-align: center;
	transition: all 0.2s ease-in;
	background-color:#EDEDE7 ;
}

.input-wrap .chosen-container-single {
	padding: 8px !important;
	min-height: 39px;
}

.input-wrap {
	position:relative;
}

.input-wrap .chosen-single span {
	color: #707070;
	font-size: 10px;
	line-height: 25px;
}

.input-wrap .chosen-container .chosen-drop {
	bottom: 100%;
}

.input-wrap br {
	display: none;
}

.selectedhighlight span {
	font-size: 9px;
	line-height: 12px;
	display: block;
	padding: 5px 0 0;
	color: #ada9a9;
}

#hotel_synxis {
	height: 40px;
	width: 148px;
	margin: 22px auto 0;
	font-size: 11px;
	float: left;
}

#synxis_chkinfrm, #synxis_chkoutfrm {
	font-size: 15px !important;
	height: 40px;
	border: 1px solid #cccccc;
	width: 454px;
	color: #000;
}

.input-wrap p {
	padding-right: 0 !important;
}

select#adult_synxis, #child_synxis,#synxis_chkin, #synxis_chkout {
	padding: 0 10px;
	text-align: center;
	/* background: #EDEDE7; */
    background: transparent;
}

#synxis_chkinfrm, #synxis_chkoutfrm {
	background: #fff;
	border-width: 1px;
	color: #000 !important;
	border: 1px solid #c2b59b;
	padding: 0 10px;
	text-align: left;
}

#heritage_hotel_synxis {
	background: #fff;
	font-family: 'Montserrat', sans-serif;
	border-width: 1px;
	color: rgb(65, 65, 65);
	border: 1px solid #c2b59b;
	padding: 0 10px;
	text-align: center;
	width: 150px;
	font-size: 12px;
}

th.dow {
	color: rgb(255, 13, 77) !important;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	font-variant: all-petite-caps;
}

#search .bootstrap-select>.dropdown-toggle {
	max-width: 61px !important;
	padding-right: 0;
}

#search .btn {
	border: 1px solid #ccc !important;
	border-radius: 0;
	font-size: 12px;
	position: unset;
}

#search .bootstrap-select {
	width: auto;
	padding: 0;
}

#search .bootstrap-select li {
	padding: 0 !important;
}

#search .bootstrap-select li a {
	font-size: 11px;
	color: rgb(65, 65, 65);
}

#search .bootstrap-select li a:hover {
	color: #ccc;
}

#search button {
	font-family: 'Montserrat', sans-serif;
}

#search .caret {
	display: none;
}

#search .filter-option {
	font-size: 11px;
	width: auto;
}

.submitbtn #bookNowSynxis {
	height: 100%;
	background: #E62136;
	color: #fff !important;
	font-size: 16px !important;
	padding: 0 20px !important;
	text-transform: uppercase;
	line-height: 1;
	font-weight: normal;
}

.popUp {
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    background: rgb(194,181,155);
	background: radial-gradient(circle, rgb(194, 181, 155) 0%, rgba(255,255,255,0.95) 0%, rgb(194, 181, 155) 100%);
    background-blend-mode: overlay;
    bottom: 20px;
    left: 20px;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    background-color: #C2B59B;
    border-style: solid;
    border-width: 8px;
    border-color: #fff;
    /*transform: scale(0,0);*/
    transition: all 1.2s ease-in;
  	display: none;
}

.popUpShow {
	/*transform: scale(1,1);*/
	transition: all 1.2s ease-in;
	display: block;
}


.contentpu {
	font-family: 'Montserrat', sans-serif;
	color: rgb(70, 60, 50);
	font-size: 14px;
	padding: 40px;
	text-align: center;
}

.btnClose {
	color: #414141;
	float: right;
	font-size: 20px;
	padding: 7px;
	transition: all 0.2s ease-in;
}

.btnClose:hover {
	color: #fff;
	cursor: pointer;
	transition: all 0.2s ease-in;
}

.chosen-container-single .chosen-search input[type="text"] {
	box-sizing: border-box;
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	width: 100%;
	height: auto;
	outline: 0;
	color: #414141;
	font-size: 1em;
	font-family: 'Montserrat', sans-serif;
	line-height: normal;
	border-radius: 0;
	border: 1px solid #e1e1e1;
}

.chosen-container-single .chosen-drop {
	background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
	position: absolute;
	left: -9999px;
}

.chosen-container .chosen-results {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
}

.pb-wrap .chosen-container .chosen-results {
	max-height: 240px;
}

.chosen-container .chosen-results li {
	display: none;
	margin: 0;
	background: none;
	padding: 5px 6px;
	list-style: none;
	line-height: 15px;
	-webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
	display: list-item;
	cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
	display: list-item;
	color: #ccc;
	cursor: default;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #007c9e;
	color: #fff;
}

.chosen-container .chosen-results li.no-results {
	display: list-item;
	background: #FFFFFF;
}

.chosen-container .chosen-results li.group-result {
	display: list-item;
	font-weight: bold;
	cursor: default;
}

.chosen-container .chosen-results li.group-option {
	padding-left: 15px;
}

.chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline;
}


.datepicker {
	padding: 0 !important;
	margin: 0px 0 0 -50px !important;
	background: #484848 !important;
	color: #FFFFFF;
	border: none !important;
	position: absolute;
	display: none;
}

.datepicker:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: -7px;
	left: 6px;
}

.datepicker:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-top: solid 10px #484848;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
}

.datepicker>div {
	display: none;
}

.datepicker table {
	width: 280px !important;
	margin: 0;
}

.datepicker td,
         .datepicker th {
	font-size: 16px;
	text-align: center;
	font-family: 'Raleway';
}

.datepicker td.day:hover {
	background: #000;
	cursor: pointer;
}

.datepicker td.day.disabled,
         .datepicker td span.disabled {
	color: #737373 !important;
	cursor: default !important;
}

.datepicker td.day.disabled:hover,
         .datepicker td span.disabled:hover {
	background-color: #484848;
}

.datepicker td.active,
         .datepicker td.active:hover {
	color: #ffffff;
}

.datepicker td span.active:hover,
         .datepicker td span.active:focus,
         .datepicker td span.active:active,
         .datepicker td span.active.active,
         .datepicker td span.active.disabled,
         .datepicker td span.active[disabled].datepicker td.active:hover,
         .datepicker td.active:hover:hover,
         .datepicker td.active:focus,
         .datepicker td.active:hover:focus,
         .datepicker td.active:active,
         .datepicker td.active:hover:active,
         .datepicker td.active.active,
         .datepicker td.active:hover.active,
         .datepicker td.active.disabled,
         .datepicker td.active:hover.disabled,
         .datepicker td.active[disabled],
         .datepicker td.active:hover[disabled] {
	color: #484848;
	background-color: rgb(194, 181, 155);
	font-family: 'Raleway', sans-serif;
         /*font-weight: 900;*/
	font-size: 16px;
}

.datepicker td.active:active,
         .datepicker td.active:hover:active,
         .datepicker td.active.active,
         .datepicker td.active:hover.active {
	background-color: #E62136;
    color: #fff;
}

.datepicker td span {
	display: block;
	width: 47px;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 2px;
	cursor: pointer;
}

.datepicker td span:hover {
	background: #02304a;
}

.datepicker td span.active {
	color: #ffffff;
	background-color: #006dcc;
}

.datepicker td span.active:active,
         .datepicker td span.active.active {
	background-color: #003399 9;
}

.datepicker td span.old {
	color: #999999;
}

.datepicker th.switch {
	width: 145px;
}

.datepicker th.next,
         .datepicker th.prev {
	font-size: 24px !important;
}

.datepicker thead tr:first-child th {
	cursor: pointer;
	color: white;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
}

.datepicker thead tr:first-child th:hover {
	background: #000000;
}

.datepicker-days {
	padding: 10px;
}

.hrchin{
	border-right: 1px solid #d6d6c2;
	border-left: 1px solid #d6d6c2;
}

.hrchout,
.hradults,
.hrchild{
	border-right: 1px solid #d6d6c2;
}

#lp-pom-button-2126{
    display: none;
}

/*Newsletter code starts here*/
.modal-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: grid;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	opacity: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(10px);
	/* Adjust the blur radius as needed */
	transition: visibility 0s, opacity 0.5s;
	transform: scale(1);
	z-index: 100;
	overflow: auto;
	font-size: 13px;
	box-sizing: border-box;
}


.modal-bg.bg-active {
	visibility: visible;
	opacity: 1;
	transition: 0.5s;
}

.modal {
	opacity: 0;
	transform: scale(0);
	transform: translateY(30px);
	transition: 0.5s;

}

.modal.modal-active {
	transform: scale(1);
	opacity: 1;
	z-index: 1000;
	transition: 0.5s 0.3s;
	transform: translateY(0);

}

.modal-btn {
	color: #fff;
	padding: 1.7rem 1rem !important;
	letter-spacing: 1px;
	border: 0.5px solid white;
	font-size: 16px;
	margin-top: 3rem;
	position: relative;
	transition: border 0.3s ease-in-out;
	z-index: 2;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 600;

}

.modal-btn::after {
	position: absolute;
	content: '';
	width: 0;
	height: 100%;
	background: #E62136;
	transition: width 0.3s ease-in-out;
	bottom: 0;
	left: 0;
	z-index: -1;

}

.modal-btn:hover {
	border: 0.5px solid #E62136;
}

.modal-btn:hover::after {
	width: 100%;

}

/* My code starts here*/
.modal-bg .join_newsletter {
	font-size: 18px;
	font-family: Raleway, sans-serif;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 1.6px;
	margin-top: 15px;
	padding: 15px 0;
}

.modal-bg .form-main-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	max-width: 1000px;
}



.modal-bg .item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #fff;
	padding: 15px;
	border: none;
}

.modal-bg .item:nth-child(1) {
	position: relative;
	text-align: center;
	color: #fff;
	background: url("/media/ttfc2bkq/kazalala_background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	border: none;
	outline: none;
}

.modal-bg .item.item1 img,
h2,
.short-desc {
	z-index: 2;
}


.modal-bg .overlay {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;

}

.modal-bg .short-desc {
	text-align: center;
	padding: 10px 40px;
	font-size: 13px;
	position: relative;
	letter-spacing: 0.75px;

}

.modal-bg .short-desc::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -30%;
	height: 1px;
	width: 25%;
	background-color: #fff;
}

.modal-bg .desc-right {
	margin: 10px 0;
}

.modal-bg .conc-right {
	font-size: 9px;
	padding: 0 20px;
	margin-top: 9px;
}


.modal-bg .label.contact.required {
	font-size: 9px;
	font-weight: bolder;
}



.modal-bg input[type="email"]{
    width: 100%;
}

.modal input, .modal select {
    width:200px;
    padding: 12px 10px;
	border: 1px solid #ccc!important;
	border-radius: 0px;
	box-sizing:border-box!important;
	margin:0!important;
	background:#fff;
	appearance: auto!important;
}

.modal select{
    cursor:pointer;
}
 
#captchaText{
   padding: 12px 10px;   
    
}

.modal-bg .label {
	padding: 10px 0;
	font-size: 14px;
	color: #808080 !important;
}

.modal-bg .contact {
	color: #b03d19;
	font-weight: 600;
}

.modal .detail {
	display: flex;
	gap:30px;
	justify-content:space-between;
}




.modal input[type="button"] {
	background-color: #E62136;
	color: #fff;
	cursor: pointer;
	outline: none;
	border: none;
	padding: 15px 0;
	margin-top: 25px;
	font-size: 14px;
	width:100%;
	
}

.modal-bg #field-container {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.modal-bg .item2 {
	position: relative;
}

.modal-bg .detail-container {
	display: flex;
	flex-direction: column;
}

.modal-bg .close-icon {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 15px;
	width: 55px;
	cursor: pointer;
}

.modal-bg .close-icon path:hover {
	fill: #E62136;
}

.modal-bg .logo-img {
	position: relative;

}



.modal-bg .logo-img::after {
	content: "";
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	/* Use shorthand */
	display: block;
}

.modal-bg #captchaDiv {
	width: 170px;

}


.modal-bg .icon-img2 {
	display: none;
}

.modal-bg #captchaOld {
	margin: 30px 0 20px 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
	
}

.modal-bg #relCaptcha {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}


.modal-bg #captchaParent {
	position: relative;
	width: 100%;


}

.modal-bg .main-captcha {
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding: 0 0 5px 5px;
}

.modal-bg .recaptcha {
	display: flex;
	align-items: center;
	justify-content:space-between;
}

.modal-bg .field-main-container {
	margin-top: 5px;
}


@media screen and (max-width: 900px) {
	.modal-bg .form-main-container {
		grid-template-columns: 1fr;
		max-width: 500px;
	}
	.modal-bg input {
    width: 100%;
}
.modal #select_country, #select_language{
    width: 100%
}

.modal-bg #captchaOld {
  display:flex;
  flex-direction:column-reverse;  
  align-items:revert;
  gap:15px;
    
}
	.modal-bg .field-main-container {
		margin-top: 0;
	}
	.modal-bg .join_newsletter {
		margin-top: 0;
		text-align:center;
	}

	.modal-bg .item {
		padding: 15px;
	}

	.modal-bg .icon-img2 {
		display: block;
		padding: 0;
	}

	.modal-bg .close-icon {
		color: #000;
		z-index: 500;
	}


	.modal-bg .item.item1 {
		background: #fff;
		background-image: none;
		padding: 0;
		border: none;
	}

	.modal-bg .overlay {
		display: none;
		opacity: 0;

	}

	.modal-bg .logo-img {
		display: none;
		opacity: 0;
		padding: 0;
	}


	.modal-bg form {
		position: relative;
	}

	.modal-bg .item2 {
		position: revert;
		display: block;
	}

	.modal-bg .detail,
	.detail-container {
		display: revert;

	}

	.modal-bg .close-icon path {
		fill: #000;
	}
 #captchaDiv {
     padding-top:0;
 }
	.modal-bg .input {
		padding-bottom: 7px;
	}

	.modal-bg .conc-right {
		padding: 5px 0;
	}

	.modal-bg #captchaDiv {
		width: 160px;
		margin: 0 auto;

	}

	.modal-bg .recaptcha {
		margin: 0;
		flex-direction: column-reverse;
		align-items: revert;
		gap: 5px;
	}
}

/*Newsletter pop-up ends here*/

/* Umbraco forms */
.contact-form .umbraco-forms-form label{
    font-family: 'Raleway';
    font-weight: 600;
    color: #E62136;
    font-size: 14px;
    margin-bottom: 3px;
}

.contact-form .umbraco-forms-form .radiobuttonlist label{
    color: rgb(45, 45, 45);
    font-weight: 400;
}

.contact-form .umbraco-forms-form input.text,
.contact-form .umbraco-forms-form textarea,
.contact-form .umbraco-forms-form select,
.contact-form .umbraco-forms-form .datepickerfield{
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0;
    font-family: 'Raleway';
    font-size: 16px;
    font-weight: 400;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    padding: 10px;
    margin: 0;
    font-variant: lining-nums;
    border: 0;
    border: 1px solid rgba(0,0,0,0.04);
    transition: 0.6s ease;
    background-color: rgba(0,0,0,0.04);
}

.contact-form .umbraco-forms-form input.text:focus,
.contact-form .umbraco-forms-form textarea:focus,
.contact-form .umbraco-forms-form select:focus{
    outline: none;
    border: 0;
    border: 1px solid #E62136;
    background: rgba(0,0,0,0.03);
}

.contact-form .umbraco-forms-form textarea{
    height: 100px !important;
}

.contact-form .umbraco-forms-field{
    margin-bottom: 10px;
}

/*.contact-form-area{*/
/*    border: 1px solid #808080;*/
/*}*/

.contact-form .privacyoptions,
.contact-form .privacylabel {
    grid-column-start: 1;
    grid-column-end: 3;
}


.umbraco-forms-fieldset .umbraco-forms-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.umbraco-forms-fieldset:nth-child(4) .umbraco-forms-container,
.umbraco-forms-fieldset:nth-child(5) .umbraco-forms-container{
    grid-template-columns: 1fr;
}

.umbraco-forms-fieldset:nth-child(4) .umbraco-forms-container .umbraco-forms-field,
.umbraco-forms-fieldset:nth-child(5) .umbraco-forms-container .umbraco-forms-field{
    grid-column-start:1;
    grid-column-end:2;
}

.umbraco-forms-fieldset{
    position: relative;
}

.request-a-quote .umbraco-forms-fieldset:before{
    content: '';
    background-color: #E62136;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: -13px;
    z-index: -1;
}

.request-a-quote .umbraco-forms-fieldset legend{
    font-size: 22px !important;
    font-family: 'Raleway';
    font-weight: 400 !important;
    color: #808080;
    display: inline-block !important;
    background: #fff;
    padding: 0 10px;
    margin-left: 20px;
}

.request-a-quote .roomtype .umbraco-forms-field-wrapper,
.request-a-quote .numberofrooms .umbraco-forms-field-wrapper,
.request-a-quote .numberofchildren .umbraco-forms-field-wrapper,
.request-a-quote .numberofadults .umbraco-forms-field-wrapper,
.request-a-quote .country .umbraco-forms-field-wrapper,
.request-a-quote .paymentmethod .umbraco-forms-field-wrapper,
.request-a-quote .arrivaltime .umbraco-forms-field-wrapper{
    position: relative;
}

.request-a-quote .roomtype .umbraco-forms-field-wrapper:after,
.request-a-quote .numberofrooms .umbraco-forms-field-wrapper:after,
.request-a-quote .numberofchildren .umbraco-forms-field-wrapper:after,
.request-a-quote .numberofadults .umbraco-forms-field-wrapper:after,
.request-a-quote .country .umbraco-forms-field-wrapper:after,
.request-a-quote .paymentmethod .umbraco-forms-field-wrapper:after,
.request-a-quote .arrivaltime .umbraco-forms-field-wrapper:after{
    position: absolute;
    z-index: 1;
    content: '\f078';
    font-family: 'FontAwesome';
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #E62136;
}

.contact-form .umbraco-forms-form span.contourError, 
.contact-form .umbraco-forms-form span.field-validation-error,
.request-a-quote .umbraco-forms-form span.contourError, 
.request-a-quote .umbraco-forms-form span.field-validation-error{
    color: #dc2626 !important;
    font-size: 12px;
    font-weight: 600;
}


.privacylabel p{
    font-size:14px;
    line-height:20px;
    font-weight:500;
}

#backtotop {
  display: inline-block;
  background-color: #ccc;
  width: 50px;
  height: 50px;
  text-align: center;
  position: fixed;
  bottom: 20px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
#backtotop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#backtotop:hover {
  cursor: pointer;
  background-color: #808080;
}
#backtotop:active {
  background-color: #555;
}
#backtotop.show {
  opacity: 1;
  visibility: visible;
}

.work-1 .play-video,
.work-2 .play-video{
    position:absolute;
    top:20px;
    left:20px;
    background:rgba(0,0,0,0.4);
    padding:20px;
    transform:none;
}

.work-1 .play-video svg,
.work-2 .play-video svg{
    fill:#fff;
}

@media screen and (max-width: 767px){
    #custom_html-3 {
        display: none;
        position:relative;
        z-index: 1000;
    }

    footer{
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 767px){
    .lang{
        top: 15px !important;
        margin-left: 10px;
    }
    
    .resize-header .lang {
        top: 15px !important;

    .isotope-item{
        width: 46%;
    }
    #backtotop{
        bottom:0;
        right:0;
    }
    
    #close {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        background: #E62136;
        color: #fff;
        width: 50px;
        height: 50px;
        font-family: 'Montserrat';
        line-height: 50px;
        font-weight: bold;
        text-align: center;
        font-size: 50px;
        cursor: pointer;
        transition: all 0.3s ease;
        z-index: 99999;
    }

    .main-wrap{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        margin-top: 120px;
    }

	#lp-pom-button-2126 {
		position: fixed;
		z-index: 9 !important;
        bottom: 0;
		left: 50%;
        transform: translateX(-50%);
		background: #E62136;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		display: block;
        font-family: 'Raleway';
        font-weight:500;
        font-size: 20px;
        padding: 10px 30px;

	}
    #search {
        position: fixed;
        display: block;
        text-align: center;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        cursor: pointer;
        height: auto;
        z-index: 10;
    }
    .input-wrap label{
        position:static
    }
    .datepicker {
        margin: -27px 0 0 -4% !important;
    }

    .hrhotel, .hrchin, .hrchout, .hradults, .hrchild {
        width: 100%;
        float: unset;
        max-width: 250px;
        margin: 0 auto 20px;
        border:0;
        position:relative;
        background: rgba(255,255,255,0.3);
    }
    
    select#adult_synxis, #child_synxis, #synxis_chkin, #synxis_chkout{
        background: none;
        border:0;
        appearance: none;
        text-align: center !important;
    }

    select#adult_synxis option,
    select#child_synxis option{
        background-color: #EDEDE7;
        text-align: center;        
        appearance: none;
    }

    .submitbtn #bookNowSynxis{
        max-width: 250px;
        padding: 10px 30px !important;
    }

    #bookingform_synxis input, #bookingform_synxis select{
        height:auto;
    }

    i{
        top:10px;
        left:10px;
        transform: none;
    }

    #x{
        z-index: 3;
    }

    .input-wrap-sub{
        background: #fff;
        z-index: 2;
    }
    
    #bookingform_synxis .input-wrap-sub label{        
        color:#E62136;
    }

    #bookingform_synxis .input-wrap-sub #child_ages0,
    #bookingform_synxis .input-wrap-sub #child_ages1{
        color:#E62136;
        background: #fff;
    }

    .umbraco-forms-fieldset .umbraco-forms-container{
        display: grid;
        grid-template-columns: 1fr;
        gap: 5px;
    }
}

@media screen and (max-width: 1279px){
    .hp-nearby-slider .swiper-slide{
        transform:none;
        opacity:1;
    }
    .hp-nearby-slider .grid .hover_nearby{
        position:static;
        transform:none;
        opacity:1;
        background:#f4f4f4;
    }
    .intro{
        background:none;
    }
}

@media screen and (max-width: 1024px) {
    .pre-header{
        display: none !important;
    }
    header{
        top: 0 !important;
    }
}

@media screen and (min-width:0) and (max-width: 1023px) {
    
    .parallax-hp{
        display:none !important;
    }
    .header{
    padding-top:0 !important;
}

.swiper-button-next,
.swiper-button-prev{
    display:none;
}
    
    #mobile-nav{
        display: block;
        z-index: 30;
        height:65px;
        padding-top:5px;
    }
    .intro-img-1{
        display:none !important;
    }
    
    .intro-line{
        display:none !important;
    }
    
    .wed-img{
        display:none !important;
    }
    
    #menu-icon {
        display: flex;
    }
    nav{
        display: none;
    }

    .swiper-fraction{
        left: unset;
        right: 10px;
        bottom: 0;
    }
    
    .hero-banner .heading{
        left: 50%;
        top: 75%;
        text-align:center;
        width:100%;
    }
    
    .heading .heading01{
        padding-bottom:0;
    }
    
    .heading .heading02{
        display:none;
    }
    
    .flip-box-front{
        display:none;
    }
    
    .flip-box-back{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height:350px !important;
        -ms-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        background-color: transparent;
    }
    
    .flip-box .inner{
        padding:60px 20px;
    }
    
    .box-item{
        position: relative;
        -webkit-backface-visibility: hidden;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 5vh;
        height: 45vh;
    }
    
    .gourmetH2{
        top: 10px;
        width: 100%;
        left: 0;
        opacity: 0.12;
        font-weight:600;
        
    }

    .sus-heading:before{
        content:"";
        background:none;
        width:100%;
        z-index:-1;
        height:100%;
    }
    
    .sus-border{
        border-bottom:none;
        width:100%;
        position:relative;
}

}

@media screen and (min-width:768px) and (max-width:1100px){
    #backtotop{
        bottom:100px;
    }
}

/* 767 */
@media screen and (max-width:768px){
    
    .standard .price,
    .corner-studio .price,
    .terrace .price,
    .corner-studio-special .price{
        left:unset;
        right:10px;
        top:-60px;
    }
    
    .rooms-slider{
        padding-bottom:40px;
    }
    
    .rooms-slider .swiper-pagination-bullet-active{
        background:#E62136 !important;
    }
    
    .item .content{
        transform:translateY(0);
        background: rgb(0,0,0);
        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5047268907563025) 63%, rgba(0,0,0,0.6250875350140056) 100%);
        width:100%;
    }

    .item p{
        padding-right: 30px;
    }
    
    .contact-details-footer{
        display:flex;
        flex-direction:column;
    }
    
    .contact-details-footer li .txt{
        text-align:center;
    }
    
    .contact-details-footer li:after{
        display:none;
    }
    
    .set-1, .set-3{
        margin-top:0;
    }
    
    .newsletter input{
        font-size:24px;
        line-height:24px;
    }
    
    .newsletter .btn{
        padding:15px 20px;
    }
}

@media screen and (max-width:501px){
    .newsletter.umbraco-forms-form input[type="email"]{
        font-size:22px;
        line-height:22px;
    }
    .newsletter .umbraco-forms-navigation input[type='submit']{
        width:auto;
        padding:14px 10px;
        line-height:22px;
    }
}

@media screen and (max-width:480px){
    .newsletter.umbraco-forms-form span.field-validation-error{
        top:-40px;
    }
    
    .hero-banner{
        height:50vh !important;
    }
    
    .newsletter input{
        padding:0 10px;
    }
    
    .newsletter .btn {
        padding: 10px 5px;
    }

    .isotope-item{
        width: 87%;
    }
}


/*BOOKING WIDGET - EATAPP*/

.eatapp-container{
    height:100% !important;
    max-height:100vh !important;
    border-radius:0px !important;
}

#eatapp-widget{
    position:fixed !important;
    padding-top:15px;
    height:100vh !important;
}

.rounded div.flex.items-center.justify-center{
    padding-top:30px;
}

 
    /*BANNER SLIDER*/
    .swiper {
      width: 100%;
      height: 100% !important;
      
    }

    .swiper .swiper-slide {
      text-align: center;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
:root {
    --swiper-theme-color: #E62136; /* Change this to your desired color */
}

.swiper-pagination-bullet {
    background-color: #ccc; /* Default bullet color */
}

.swiper-pagination-bullet-active {
    background-color: #E62136; /* Active bullet color */
}