html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
}
#carouselExampleSlidesOnly {
    position: relative;
    z-index: 0;
}
.menu-bar {
    height: 60px; 
    line-height: 60px;
    background:rgba(0,0,0,0.3); 
    color: #ffffff;
    position: absolute;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu-bar a {
    color: #ffff00;
}
.logo {
    top:40px !important;
    left: 40px;
    position: relative;
    top: 0;
}
.img-fluid {
    height: 450px;
    width: 100%;
    object-fit: cover;
}
/* .owl-carousel {
    width: 80% !important;
    margin: 0 auto;
} */
.room-img {
    margin-right: 4%;
}
.room-img:nth-child(3n) {
    margin-right: 0;
}
/* #ourrooms {
    display: flex;
    align-items: center;
    width: 100%;
} */
.services-heading {
    color:#ffffff;
    font-size: 2.5rem;
    text-align: center;
    padding: 80px 0;
    text-transform: uppercase;
}
.services-container {
    width: 100%;
    background: #253A58;
    display: flex;
    flex-direction: column;
}
.services {
    display: flex;
    flex-wrap:wrap;
    width: 90%;
    margin: 0 auto;
	padding: 0;
}
.service {
    width: 31%;
    margin: 0 1% 3% 1%;
    display: flex;
    flex-direction: column;
}
.service h2 {
    text-align: center;
    margin: 10px 0;
    color: #ffffff;
    font-size: 1.2rem;
}
.service h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem;
	text-align: center;
	/* color: #FC6104; */
	color: #2E3AA8;
	margin-top: 20px;
}
.service:nth-child(3n) {
    margin-right: 0 !important;
}
.service img {
    object-fit: cover;
    width: 100%;
}
.booking {
    height: 100%;
}
.booking_item
{
	height: 660px;
    margin-right: 3% !important;
}
.booking_item_list ul {
	list-style-type: none;
	margin-bottom: 0px;
    line-height: normal;
    text-align: left;
}
#owl-two .booking_item_list ul li {
    font-size: 16px 
}
.booking_price
{
	position: absolute;
	top: 15px;
	left: 15px;
	width: 128px;
	height: 36px;
	background: #ffffff;
	text-align: center;
	line-height: 36px;
	font-size: 16px;
	font-weight: 600;
	color: #393939;
}
.booking_link
{
	position: absolute;
	bottom: 18px;
	left: 15px;
	width: calc(100% - 30px);
	height: 65px;
	background: #ffa37b;
	text-align: center;
	cursor: pointer;
}
.booking_link a
{
	display: block;
	height: 100%;
	line-height: 65px;
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
}
.booking_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(13,9,30,0.67);
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
}
.booking_item:hover .booking_overlay
{
	visibility: visible;
	opacity: 1;
}
.booking_item_content
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-left: 42px;
	padding-right: 20px;
	background: transparent;
	padding-bottom: 114px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}
.booking_item:hover .booking_item_content
{
	visibility: visible;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.booking_item_list ul li:not(:last-of-type)
{
	margin-bottom: 3px;
}
.booking_item_list ul li
{
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
}
.background_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

/*********************************
7. Details
*********************************/


.details
{
	background: #ffffff;
    margin-top: 120px;
}
.details:not(:last-child)
{
	margin-bottom: 73px;
}
.details_image {
    padding: 20px;
}
.details_image img {
    max-width:100%;
    max-height:100%;
    object-fit: scale-down;
    padding: 10px; 
    border: 1px solid #8b8b8b;
}
.details_content
{
	padding-bottom: 20px;
}
.details_title
{
	font-size: 36px;
	font-weight: 600;
	color: #393939;
}
.details_list
{
	margin-top: 30px;
}
.details_list ul li:not(:last-of-type)
{
	margin-bottom: 3px;
}
.details_list ul li
{
	font-size: 16px;
	font-weight: 600;
	color: #101010;
}
.details_long_list
{
	margin-top: 33px;
}
.details_long_list ul
{
	margin-left: -3px;
}
.details_long_list ul li::before
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 4px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #6d6d6d;
	content: '';
	vertical-align: middle;
	font-size: 15px;
}
.details_long_list ul li
{
	position: relative;
	font-size: 15px;
	font-weight: 400;
	color: #6d6d6d;
	padding-left: 12px;
	line-height: 2;
}
.book_now_button
{
	width: 152px;
	height: 54px;
	background: #ffa37b;
	text-align: center;
	margin-top: 26px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.book_now_button:hover
{
	box-shadow: 0px 10px 23px rgba(0,0,0,0.15);
}
.book_now_button a
{
	display: block;
	height: 100%;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	line-height: 54px;
}
.room-features {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    
}
.room-features li {
    margin: 10px;
    background: #e7e4e4;
    border-radius: 200px;
    padding: 10px 20px;
    font-size: 0.8rem;
}
.multi-image {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #8b8b8b;
}
.multi-image img {
    width: 50%;
    border: none;
}
/* .multi-image img:nth-child(1) {
    border-right: none;
    border-bottom: none;
}
.multi-image img:nth-child(2) {
    border-left: none;
    border-bottom: none;
}
.multi-image img:nth-child(3) {
    border-right: none;
    border-top: none;
}
.multi-image img:nth-child(4) {
    border-left: none;
    border-top: none;
} */
.contact-number, #contact-number {
    color: #ffffff !important;
    font-size: 3rem;
	margin-right: 20px;
}
.innerpage-container {
    width: 100%;
    margin: 50px auto;
}
.bookings {
    border: 1px solid #cccccc;
    padding: 50px;
    margin: 0 auto;
    width:90%;
    border-radius: 20px;
    font-size: 2rem;
    line-height: 2;
	text-align: center;
}
.contact {
    font-size: 3rem;
    color: #000000;
}
.booking-sites {
    text-align: center;
    font-size: 3rem;
}
.booking-sites a {
	text-decoration: none;
	background: #333333;
	color: #ffffff;
	padding: 10px 40px;
	border-radius: 80px;
	margin-right: 30px;
	height: 50px;
	line-height: 50px;
}
.booking-sites a:hover {
    color: #ffff00
}
.contacts-container {
    width: 100%;
    background: #ffffff;
    margin: 0 auto;
	display: flex !important;
	justify-content: center !important;
}
/* .tp-bgimg.defaultimg {
	max-height: 500px !important;
	height: 500px !important;
} */
.entry-content-h a {
	color: #000000;
}
.dotted-border {
	padding: 6px;
    border: 2px dotted #888888;
    border-radius: 10px;
    background-color: #cccccc;

}

 /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
 .flip-card {
	background-color: transparent;
	width: 36% !important;
	height: 300px;
	float: left;
	perspective: 1000px; /* Remove this if you don't want the 3D effect */
  }
  
  /* This container is needed to position the front and back side */
  .flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
  }
  
  /* Do an horizontal flip when you move the mouse over the flip box container */
  .flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
  }
  
  /* Position the front and back side */
  .flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
	border-radius: 10px;
  }
  .flip-card-back {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
  }
  /* Style the front side (fallback if image is missing) */
  .flip-card-front {
	background-color: #bbb;
	color: black;
  }
  .flip-card-front img {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  
  /* Style the back side */
  .flip-card-back {
	background-color: #283C5A;
	color: white;
	transform: rotateY(180deg);
  } 
  .flip-card-back h3 {
	color: #ffffff;
  }
  .k2t-medium-post-h {
	background: transparent;
  }
  .main-heading {
	font-family: 'Teko', sans-serif;
	font-size: 5rem;
	text-align: center;
	margin: 80px 0 50px 0;
	font-weight: 300;
	/* color: #D6B800; */
	color: #C2A800;
	text-shadow: 1px 2px 2px rgba(34,34,34,0.6);
  }
  .main-buttons {
	position: absolute; 
	top: 80px; 
	right: 50px; 
	z-index:10; 
	display: flex; 
	align-items:center; 
	justify-content: flex-end
  }
  .main-buttons button {
	margin-right: 12px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	background:#F6E955;
	color: #3F51B5;
	font-size: 1.4rem;
  }
  .main-buttons button:hover {
	background:#3F51B5;
	color: #F6E955;
  }
  footer {
	background: #FF5D20
  }
  .menu-items a {
	padding: 20px;
  }
  .menu-items a:hover {
	background: #D6BA00;
	color: #000000;
	padding: 20px
  }
  .menu-strip.black {
	opacity: 1;
	background: #000000;
  }
  .main-content-innerpage {
	margin-top: 200px;
  }