@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*font-family: 'Poppins', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*font-family: 'Montserrat', sans-serif;*/
/**/
*{text-decoration:none; list-style:none; }
ul{ padding:0; margin:0; }
 html, body, #myVerticalCarousel {
            height: 100%;
            margin: 0;
        }

body {font-family: Calibri; }
body::-webkit-scrollbar, body::-moz-scrollbar {
    display: none;
}  
p, li {
	font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
}
img{ max-width:100%; }
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
}
h2 {font-size: 34px}
h3{ font-size: 24px}
h4 {font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}


::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

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

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}



/*Header*/
header {
    width: 100%;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    min-height: 70px;
}
.vertical-carousel-box {
    position: relative;
}

.top-1 {
	padding: 0px 0;
	width: 100%;
	position: relative;
	z-index: 1;
	float: left;
}
.top-1-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 0;
 

}
.logo {
    width: max-content;
    display: inline-block;
    max-width: 233px;
    padding-top: 8px;
	float:left;
    z-index: 10;
    position: relative;
    transition: all ease-in-out 0.5s;
}
/*=====================Main Menu
================================*/
/*.main-menu {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 92%;
    float: left;
    padding-top: 8px;
    height: 53px;
    text-align: center;
    background:linear-gradient(90deg, rgba(0,0,0,0) 0% , rgba(0,0,0,0) 0%, rgb(20 6 70 / 79%) 12%, rgb(67 31 106) 52%, rgb(43 28 98) 88%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%);
    padding-left: 50px;
}*/
.main-menu {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    float: left;
    padding-top: 0px;
    height: 75px;
    text-align: center;
    background: #0a0a0a57;

}

.logo img{
	width: 85%;
}

.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 16px !important;
 
}
 
 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    font-size: 15px !important;
}
#mega-menu-wrap-hotel_bbsr {
    background: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    background: #212121d1!important;
}
.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background:none!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: rgb(41 22 112)!important;
 }
@media only screen and (min-width: 769px){
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
    background:none!important;
}
}
.mega-menu-wrap {
    text-align: center;
    width: 100%;
}
#mega-menu-wrap-primary {
    clear: both;
    text-align: center!important;
}
.main-menu .mega-menu.max-mega-menu.mega-menu-horizontal {
    display: inline-block!important;
}
.main-menu .border-right {
    border-right: 1px solid #dee2e626!important;
}
.main-menu ul.navbar-nav.mr-auto {
    margin: auto;
}
header.shrink {
    padding-bottom: 10px;
}

header.shrink .top-menu-con {
    display: none;
}
header.shrink .main-menu {
   background:#000000e8;
}
.main-menu .navbar {
    background: none!important;
}

.main-menu .nav-link {
    padding: 0 16px 24px !important;
    color: #fff!important;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}
.main-menu .nav-link:hover{ color:#ff534b!important; }
.dropdown-menu-single {
    position: relative!important;
    height: max-content;
}
.dropdown-menu-single .dropdown-menu {
    width: 223px!important;
    max-width: unset!important;
}
.main-menu .dropdown-menu ul {
    padding: 0;
    margin: 0;
}
.main-menu .dropdown-menu ul li a.nav-link {
    padding: 7px 0!important;
    margin: 0!important;
    font-size: 13px;
    line-height: 16px;
    text-transform: unset;
}
/* adds some margin below the link sets  */
.main-menu .navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}
.main-menu .navbar .dropdown-menu {
    border: none;
    background-color: #29166f00!important;
    padding: 20px;
    -moz-transition: height 1s ease;
  -webkit-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: none!important;
}
/*.main-menu .navbar .dropdown-menu {
    border: none;
    background-color: #29166fe3!important;
    padding: 20px;
    transition: all ease-in-out 1.0s;
}*/
h4.megamenu-title {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1.5px;
    position: relative;
    border-bottom: 1px solid #ffffff42;
    padding-bottom: 9px;
}
/*Hotel Page Menu*/
.main-menu.hotel-menu {
    position: relative;
	padding:0;
}
.main-menu.hotel-menu .mega-menu-wrap {
    display: inline-block!important;
    width: auto;
    float: unset;
	
}
/*04052022 M K M*/
.main-menu.hotel-menu #mega-menu-wrap-hotel_bbsr #mega-menu-hotel_bbsr > li.mega-menu-item > a.mega-menu-link {
    padding: 0 10px;
    margin: 0!important;
    font-size: 14px!important;
    line-height: 40px;
    color: #fff!important;
    border-radius: 0!important;
    height: auto;
}
.main-menu.hotel-menu #mega-menu-wrap-hotel_bbsr #mega-menu-hotel_bbsr > li.mega-menu-item > a.mega-menu-link:before{border-radius: 0!important;}
/*04052022 M K M End*/
/*HOtel menu end*/
/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.main-menu .navbar {
  padding-top:0px;
  padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.main-menu .navbar .nav-item {
    padding: 0;
    margin: 0 0;
}

/* makes the dropdown full width  */
.main-menu .navbar .dropdown {position:static;}

.main-menu .navbar .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    top: 100%;
}
  
  /* shows the dropdown menu on hover */
.main-menu .navbar .dropdown:hover .dropdown-menu, .main-menu .navbar .dropdown .dropdown-menu:hover {
    display: block!important;
    max-width: 97%;
    margin: auto;
    height: auto;
    overflow: visible;
    background-color: #212121d1!important;
    padding: 15px;
}
.main-menu .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }

}
/*=====================Main Menu End
================================*/
.top-1-right {
    width: max-content;
    float: right;
}
ul.right-menu-1 {
    padding: 0;
    margin: 0;
    display: inline-block;
}
ul.right-menu-1 li {
    display: inline-block;
}
ul.right-menu-1 li a {
    padding-right: 8px;
    font-weight: bold;
    font-size: 1.1rem;
    margin-right: 8px;
    color: #fdd45a;
    position: relative;
}
ul.right-menu-1 li a:before {
    content: "";
    width: 1px;
    height: 13px;
    background: #ededed;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
ul.right-menu-1 li:last-child a:before{ display:none; }
.top-1-right {
    width: max-content;
    float: right;
    position: relative;
    padding-top: 0px;
}
.font-type {
    display: inline-block;
}
.font-type a {
    color: #cecece;
    display: inline-block;
    padding: 0 5px;
}
ul.screen-reader {
    display: inline-block;
	padding:0; 
	margin:0;
}
ul.screen-reader li{ display:inline-block; }
ul.screen-reader li a {
    color: transparent;
    width: 12px;
    height: 12px;
    background: #fff;
    overflow: hidden;
    display: inline-block;
}
ul.screen-reader li:last-child a {
    background: #2e2e2e;
}
.menu-section {
    text-align: right;
    position: relative;
    padding-right:0;
}
ul.search-user li {
    display: inline-block;
}
ul.search-user li a {
    color: #fff;
    display: inline-block;
    margin: 0 4px;
    text-shadow: 0 0 6px #0000007a;
    line-height: 74px;
}
a.book {
    display:none!important;
    font-size: 14px!important;
    padding: 6px 20px;
    border: 1px solid #fff;
    text-transform: uppercase;
}

a.book:hover{
	background:#d22322;
	border-color:#d22322;
	text-decoration:none;

}
/*  BURGER MENU
========================================== */
.menu {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 21;
    right: 1%;
    top: 15px;
    display: none;
}
.menu.clicked{top:50px;}
.menu span {
	position: relative;
	margin-top: 9px;
	margin-bottom: 9px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -1.5px;
}
.menu span, .menu span::before, .menu span::after {
    display: block;
    width: 26px;
    right: 0;
    height: 3px;
    background-color: #ffffff;
    outline: 1px solid transparent;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.menu span::before, .menu span::after {
	position: absolute;
	content: "";
}
.menu span::before {
	top: -9px;
	 width:20px
}
.menu span::after {
	top: 9px;width: 33px;

}
.menu.clicked span {
	background-color: transparent;
}
.menu.clicked span::before {
	-webkit-transform: translateY(9px) rotate(45deg);
	-moz-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);    width: 33px;
}
.menu.clicked span::after {
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-moz-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	-o-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}
.menu.clicked span:before, .menu.clicked span:after {
	background-color: #ffffff;
}
.menu:hover {
	cursor: pointer;
}
/*  NAV
========================================== */

#nav {
    background: #29166f;
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 250px;
    width: 100%;
    padding: 100px 40px 60px 40px;
    overflow-y: auto;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#nav.show {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
#nav.show ul.main li {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    text-align: left;
}
.menu.clicked {
    position: fixed;
    z-index: 99;
}
#nav.show ul.main li:nth-child(1) {
	transition-delay: 0.15s;
}
#nav.show ul.main li:nth-child(2) {
	transition-delay: 0.3s;
}
#nav.show ul.main li:nth-child(3) {
	transition-delay: 0.45s;
}
#nav.show ul.main li:nth-child(4) {
	transition-delay: 0.6s;
}
#nav.show ul.main li:nth-child(5) {
	transition-delay: 0.75s;
}
#nav.show ul.main li:nth-child(6) {
	transition-delay: 0.9s;
}
#nav.show ul.main li:nth-child(7) {
	transition-delay: 1.05s;
}
#nav.show ul.main li:nth-child(8) {
	transition-delay: 1.2s;
}
#nav.show ul.main li:nth-child(9) {
	transition-delay: 1.35s;
}
#nav.show .about, #nav.show .social, #nav.show ul.sub {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	transition-delay: .85s;
}

@media (min-width: 667px) {
#nav {
	padding: 120px 30px 70px 20px;
}
}
#nav ul.main {
	list-style-type: none;
}
#nav ul.main li {
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float: none;
	list-style: none;
    color: #fff
	text-align:left;
}
#nav ul.main li:last-of-type {
	margin-bottom: 0px;
}
#nav span.menu-icon {
    display: none;
}

#nav ul.main li a {
	color: #ffffff;
	
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1rem;
	display: block;
	padding: 10px 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#nav ul.main li a span {
	color: #b7ac7f;
}
#nav ul.main li a:hover {
	color: #b7ac7f;
}
#nav ul.sub {
	list-style-type: none;
	margin-top: 40px;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#nav ul.sub li {
	margin-bottom: 10px;
}
#nav ul.sub li:last-of-type {
	margin-bottom: 0px;
}
#nav ul.sub li a {
	color: #ffffff;
	font-family: "Raleway", sans-serif;
	letter-spacing: 1px;
	font-size: 0.9rem;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#nav ul.sub li a:hover {
	color: #b7ac7f;
}
.menu:hover span{}
/*Drop Down Menu*/
.menu-dropdown ul {
    height: 0;
    overflow: hidden;
    transition: all ease-in-out 0.5s;
    padding-left: 5px;
}
li.menu-dropdown a {
    display: inline-block!important;
    position: relative;
    padding-right: 16px!important;
}
li.menu-dropdown a:before {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 0;
    top: 16px;
    font-size: 12px!important;
}
li.menu-dropdown.active ul {
    height:auto;
	overflow:visible;
}
li.menu-dropdown.active ul li a {
    position: relative;
    font-size: 12px!important;
    padding-left: 13px!important;
    text-transform: unset!important;
}
li.menu-dropdown.active ul li a:before {
    content: '';
    background: #ffffff78;
    width: 7px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 19px;
}
/* Designing for scroll-bar */
        #nav::-webkit-scrollbar {
            width: 6px;
        }
      
        /* Track */
        #nav::-webkit-scrollbar-track {
            background: gainsboro;
            border-radius: 5px;
        }
      
        /* Handle */
        #nav::-webkit-scrollbar-thumb {
            background: #f57c07;
            border-radius: 5px;
        }
      
        /* Handle on hover */
        #nav::-webkit-scrollbar-thumb:hover {
            background:#f57c07;
        }
/*top menu*/

.top-menu-con {
    width: 100%;
    float: left;
    background: #ffffffcc;
    text-align: right;
    position: relative;
    z-index: 10;
}
.top-menu ul li {
    display: inline-block;
    padding: 4px 0;
}
.top-menu ul li a {
    font-size: 13px;
    color: #000;
    padding: 0px 8px;
    display: inline-block;
    border-left: 1px solid #ccc;
}
.top-menu ul li a:hover{ text-decoration:none; }
.top-contact-left {
    display: inline-block;
    float: left;
}
.font-acess {
    display: inline-block;
}
.font-acess button {
    cursor: pointer;
    padding: 0px 3px;
    line-height: unset;
    font-size: 15px!important;
    color: #000;
    margin: 1px 0;
    border: none;
    background: none;
}
.font-acess button:focus {
    border: none !important;
    outline: none;
}
.font-acess button i{
  font-size: 13px!important;
}
 button#contrast_btn {
    background: none;
    border: none;
	padding: 0px 0;
} 
button#contrast_btn:focus{ border:none; outline:none; stroke:none; }
.top-menu {
    display: inline-block;
}
.top-menu aside {
    display: inline-block;
}
.top-contact-left a {
    display: inline-block;
    color: #000;
    margin-right: 18px;
    font-size: 14px;
	text-decoration: none;
}
/*top menu End*/
/**/
.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog,
.modal.modal-top .modal-dialog,
.modal.modal-bottom .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

/* Left & Right */

.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 500px;
  max-width: 100%;
  height: 100%;
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.modal-left .modal-body,
.modal.modal-right .modal-body {
  padding: 15px 15px 80px;
}

.modal.modal-left.fade .modal-dialog {
  left: -500px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.modal-left.fade.show .modal-dialog {
  left: 0;
}

.modal.modal-right.fade .modal-dialog {
  right: -500px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.modal-right.fade.show .modal-dialog {
  right: 0;
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content,
.modal.modal-top .modal-content,
.modal.modal-bottom .modal-content,
.modal.modal-full .modal-content {
  border-radius: 0;
  border: none;
}

.modal.modal-left .modal-dialog.modal-sm,
.modal.modal-right .modal-dialog.modal-sm {
  width: 300px;
}

.modal.modal-left .modal-dialog.modal-lg,
.modal.modal-right .modal-dialog.modal-lg {
  width: 800px;
}

.modal.modal-left .modal-dialog.modal-xl,
.modal.modal-right .modal-dialog.modal-xl {
  width: 1140px;
}

/* XS */

.modal.modal-left.xs .modal-body,
.modal.modal-right.xs .modal-body {
  padding: 15px;
}
/*Calender Right*/
.calender-right {
    position: fixed;
    top: 134px;
    right: 0;
    z-index: 10000;
    display: inline-block;
}
.calender-right .modal {
    position: absolute;
    top: 0;
}
.calender-right button.rightsidecalender {
    background-color: #d41e25;
    color: #ffffff;
    border: none;
    font-size: 28px;
    padding: 5px 13px;
    cursor: pointer;
}
.calender-right .mc-main .event-title a {
    display: block;
    line-height: 1.5;
    padding: 4px 6px;
    position: relative;
    border-bottom: none;
    box-shadow: none;
    font-size: 11px;
    font-weight: normal;
}
.calender-right button.close {
    position: absolute;
    left: 7px;
    font-size: 33px;
    z-index: 10;
}
.calender-right button:focus{
	border:none;
	stroke:none;
	outline:none;
}
.calender-right .heading.my-calendar-month {
    font-size: 19px!important;
}
.calender-right .mc-main td {
    height: 11px!important;
}
.calender-right  .mc-main th {font-size: 12px; font-weight: 400;}
.calender-right button.mc-toggle.close {
    width: 27px;
    font-size: 14px;
    height: 21px;
    padding: 0!important;
    margin: 0;
    text-align: center;
    background: none!important;
    color: #000!important;
    right: 0;
	background:none!important;
}
.calender-right button.mc-toggle.close:hover{ border:none; outline:none; stroke:none; }
.calender-right .mc-main .time-block {
    float: none;
}
.calender-right  h4.mc-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px!important;
}
/*Calender Right End*/
/**/
/*  OVERLAY
========================================== */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 7;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #603e82;
	opacity: 0;
	visibility: hidden;
}
.overlay.show {
	opacity: 0.8;
	visibility: visible;
}
/*Search box */
.ser-input{
    border-color: transparent;
    border-bottom-color: #fff;
    color: #fff;
}
.ser-input:focus {
    border-color: transparent;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.search-full-view {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 84%);
    opacity: 0;
    z-index: -1;
    transition: .5s all;
    transform: scale(0);
}
.search-full-view.search-normal-screen {
    opacity: 1;
    z-index: 1000;
    transform: scale(1);
}

.search-full-view .input-group {
    width: 80%;
    margin: 0 auto;
    top: 40%;
    height: auto;
}
.search-full-view .input-group .form-control {
    background: transparent;
    border-bottom: 2px solid #fff;
    font-size: 18px;
    padding: 10px;
    vertical-align: unset;
    color: #cdcdcd;
}
.search-full-view .input-group .form-control:focus{
    border-color: #fff;
    border:0 !important;
    border-bottom: 2px solid #fff !important;
}
.search-full-view .input-group .input-group-addon {
    background: transparent;
    font-size: 4em;
    color: #fff;
    border: 0;
    cursor: pointer;
    margin-left: 14px;
}
.search-full-view .btn-close {
    background: transparent;
    border: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 36px;
}
.search-full-view .btn-close img { width: 60px; }
/*Search box End*/
/*header End*/		
/*Vertical Carousel*/

.vertical-carousel-indicators {
    right: unset;
    left: 0px;
    height: 100vh!important;
    padding: 107px 0 0px 23px;
    top: 0;
    bottom: 0;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgb(0 0 0 / 0%) 2%, rgba(0,0,0,0) 100%);
    z-index: 100;
    margin: auto 0;
}
.vertical-carousel-indicators li:before {
    width: 22px;
    height: 3px;
    border-radius: 5px;
    left: 0;
    top: unset;
    bottom: 0;
}
.vertical-carousel-indicators li.active:before, .vertical-carousel-indicators li:hover:before {
    width: 46px;
    height: 3px;
    border-radius: 5px;
}
.vertical-carousel-indicators li.active span.tooltipvs, .vertical-carousel-indicators li:hover span.tooltipvs { display:inline-block; }
.vertical-carousel-indicators li {
    display: block;
    position: relative;
    z-index: 1001;
    list-style: none;
    cursor: pointer;
    width: 56px;
    height: 40px;
    padding: 0;
    margin: 0 0 5px;
}
.vertical-carousel-indicators li span.tooltipvs {
    color: #fff;
    font-size: 11px;
    text-align: left;
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 130px;
    display: none;
    line-height: 16px;
}
/*myCarousel */
.home-slider {
    position: relative;
    width: 100%;
    min-height: 100%;
    text-align: center;
    overflow-x: hidden;
}
.home-slider .slide-item {
    position: relative;
    max-width: 100%;
    max-height: 100vh;
}
.home-slider .owl-carousel .owl-nav button.owl-next {
    left: unset;
    right: 11px;
}
.home-slider .owl-carousel .owl-nav button.owl-prev {
    right: unset;
    left: 11px;
}
.home-slider .owl-carousel .owl-nav button.owl-next, .home-slider .owl-carousel .owl-nav button.owl-prev {
    font-size: 39px;
    color: #fff;
}
.home-slider .carousel-item{
    position: relative;
    max-height: 100vh;
}
.home-slider video{ width:100%; }

 /*.home-slider:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 28%;
   background: linear-gradient(180deg, #2d196f00, #2d196fa6, #2d196f);
    z-index: 1;
}*/

.bannerimgbox h3, .bannerimgbox .inner-banner-caption {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: max-content;
    color: #fff;
    text-shadow: 0px 0px 12px #000!important;
    width: 100%;
    text-align: center;
    padding: 0;
	font-weight: 200;
     line-height: 37px;
	 font-size: 43px!important;
    font-family: 'Poppins', sans-serif;
}
.bannerimgbox .inner-banner-caption h4{
	 font-weight: 200;
     line-height: 37px;
	 font-size: 43px!important;
}
.breadcrumb-2 ul li {
    display: inline-block;
    font-size: 16px;
    padding: 0 4px;
    font-weight: 300;
}
.breadcrumb-2 ul li a {
    color: #fff;
    display: inline-block;
    position: relative;
    padding: 0 4px;
    font-weight: 300;
}
.breadcrumb-2 ul li a:hover{ text-decoration:none; }
/*.breadcrumb-2 ul li a:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 12px;
    display: inline-block;
    background: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -6px;
    transform: rotate(15deg);
}
.breadcrumb-2 ul li:last-child a:before {
	display:none;
}*/
.bannerimgbox {
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
}


.entry-header {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: max-content;
    color: #fff;
    text-align: center;
    padding-top: 82px;
    text-shadow: 0px 0px 16px #000;
    z-index: 1;
}
h1.entry-title {
    padding: 0;
    font-size: 43px;
    font-weight: 200;
    line-height: 51px;
    font-family: 'Poppins', sans-serif;
}
.entry-content {
    padding: 60px 0px;
    line-height: 26px;
    font-size: 14px;
    float: left;
    width: 100%;
}
.home-slider img{min-height:100vh;}

/*Hotel search box*/
.hotel-search-box {
    position: absolute;
    width: 100%;
    max-width: 750px;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}
.hotel-search-box input.searchbar-input {
    width: 100%;
    background: #000000a8;
    padding: 10px;
    border: none;
    color: #fff;
    border-left: 3px solid #db241b;
}
.hotel-search-box input.searchbar-input::placeholder{ color:#fff; }
.hotel-search-box input.searchbar-input:focus-visible{ stroke:none; outline:none; }
.hotel-search-box {
    transition: all .3s ease 0s;
    border-left: none;
}
.hotel-search-box.shrink {
    position: fixed;
    bottom: 0!important;
    z-index: 1000;
    background: #151650;
    width: 100%;
    max-width: unset;
    padding: 0px 0 0;
    text-align: center;
}
.hotel-search-box.shrink .test {
    padding: 5px 25px 0px;
    background: none;
    max-width: 75%;
    display: inline-block;
}
.shrink .test .form-control {
    color: #ffffff;
    background: #ffffff00;
    border: none;
    border-bottom: 1px solid #ffffff;
    height: 39px !important;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: normal;
    border-radius: 0px!important;
}
.shrink .test button.form-control {
    background: #db241b;
    color: #fff;
    border-color: #db241b;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 13px!important;
}
.shrink .test input[placeholder="Check-in"], .shrink .test input[placeholder="Check-out"] {
    background-image: url(../images/calendar_white.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 95% center;
}
.shrink .test input[placeholder="Check-in"]::placeholder, .shrink .test input[placeholder="Check-out"]::placeholder {
    color: #fff;
}
.shrink .form-group {
    margin-bottom: 5px;
}
.test {
    width: 100%;
    padding: 15px 25px 2px;
    border-radius: 10px;
    border: none;
    /*background: #0000004a!important;*/
}
.test button.form-control {
    background: #db241b;
    color: #fff;
    border-color: #db241b;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 13px!important;
}
.datepicker.dropdown-menu {
    z-index: 1000!important;
}
.test button, .test input, .test select, .test textarea {
    font-size: 14px!important;
    border-radius: 5px!important;
}
.test input[placeholder="Check-in"], .test input[placeholder="Check-out"] {
    background-image: url(../images/calendar.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 95% center;
}
.test input[placeholder="Check-in"]::placeholder, .test input[placeholder="Check-out"]::placeholder {color: #000;}
.test .col-md-3, .test .col-md-4,  .test .col-md-2 {
    padding: 0 7px;
}
.test .form-control {
    color: #000000;
    border-radius: 0!important;
    background: #ffffffdb;
    border: none;
    border-bottom: 1px solid #ffffff;
    height: 39px;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: normal;
    border-radius: 5px!important;
}
.test .form-control option{ color:#000; }
.test .form-control::placeholder{color:#fff;}
/*Hotel search box*/
.home-slider .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 100vh;
}
.home-slider img {
    opacity: 1;
}
.home-slider .slider-caption {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    display: inline-block;
    z-index: 1000000000;
    max-width: unset;
    text-align: justify;
    color: #fff;
    margin: auto;
    height: max-content;
    text-align: center;
    text-shadow: 0 0 10px #000000d9;
}
.home-slider .slider-caption .content {
    padding: 0;
    font-size: 43px;
    font-weight: 200;
    line-height: 37px;
    font-family: 'Poppins', sans-serif; 
	
}
.home-slider .slider-caption  a.slider-btn {
    display: inline-block;
    background: #000000b3;
    padding: 6px 18px;
    margin-top: 10px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
}
.home-slider .slider-caption  a.slider-btn:hover {background:#db241b;}

.carousel-control-next, .carousel-control-prev {
    display: inline-block;
    height: max-content;
    width: max-content;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.home-slider .carousel {
    position: relative;
    max-height: 100vh;
}
#myCarousel .nav a small {
    display:block;
}
#myCarousel .nav {
	background:#eee;
}
#myCarousel .nav a {
    border-radius:0px;
}

.home-slider .carousel-indicators li span {
    border: 2px solid #ed801e;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    line-height: 19px;
    text-align: center;
}
.carousel-indicators li:nth-child(2) span {
    border: 2px solid #7a75b4;
}

.carousel-indicators li:nth-child(3) span {
    border: 2px solid #ee403f;
}

.carousel-indicators li:nth-child(4) span {
border: 2px solid #1997d2;
}
.carousel-indicators li.active:nth-child(4)::before {
    background:#1997d2;
}
/*myCarousel End*/

/*Section 2*/
.section-2 {
    background: linear-gradient(to top, #592f5f, #333985);
    color: #fff;
    padding-top: 130px;
    text-align: left;
}
/*Section 2 End*/
/*section 3*/
.section-3 {
    background: linear-gradient(to bottom,#3d1ca7 35%,#22088b 85%);
    color: #fff;
}

div#Accommodation {
    /* background: #ffffff url(../images/texture-bg.png) repeat; */
    padding: 60px 30px;
    color: #000;
    height: auto;
    width: 100%;
    background: #ffffff;
	padding-top:0;
}
div#Accommodation:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: url(../images/flora-bg.png);
    opacity: 0.4;
}
div#Accommodation .container {
    position: relative;
}
.fancybox-lock .fancybox-overlay {
    background: #000000a3;
}
#demo {
  height:100%;
  position:relative;
  overflow:hidden;
}

.vertical-tabs .col-md-6.thumb {
    margin: 0 0 15px;
    height: auto;
    padding-right: 0px;
}
.vertical-tabs .green{
  background-color:#6fb936;
}
        .vertical-tabs .thumb{
            margin-bottom: 30px;
        }
        
        .vertical-tabs .page-top{
            margin-top:85px;
        }

   
img.zoom {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
	overflow:hidden;
}
        
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
    .modal-header {
   
     border-bottom: none;
}
    .modal-title {
        color:#000;
    }


/*div#Accommodation:before, div#hotelpackages:after {
    content: '';
    background: linear-gradient(360deg, #2d196f00, #ddd4f2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 188px;
}*/
 div#hotelpackages:after{
	 top:unset;
	 background: linear-gradient(180deg, #2d196f00, #ddd4f2);
	 bottom:0;
	 height:337px;
 }
div#Accommodation .tab-content .row {
    /* border: 1px solid #ffffffab; */
    border-left: none;
    padding: 0 0;
    border-radius: 0 0 26px 0;
}
div#Accommodation a.nav-link.active {
    background: #ffffffab!important;
    border-color: #ffffff38!important;
    position: relative;
    color: #fff;
}
div#Accommodation .nav-item a.nav-link span {
    position: relative;
}
div#Accommodation .nav-item a.nav-link.active:before {
    content: '';
    width: 102%;
    height: 102%;
    position: absolute;
    top: -1%;
    left: -1%;
    background: #00000063;
}
div#Accommodation .nav-item a.nav-link.active:after {
    content: '';
    position: absolute;
    right: -1px;
    top: 43px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 13px solid #ffffffc2;
    border-bottom: 7px solid transparent;
    margin: 0 auto;
}
div#Accommodation .vertical-tabs .nav-tabs .nav-link {

    font-weight: 500;
   text-transform:upercase;
}

div#Accommodation .nav-item:first-child a {
    background: url(../images/puri.png)!important;
	 border-top: none!important;
}
.accommodation-content {
    max-height: 351px;
    overflow-y: scroll;
    padding-right: 10px;
}
/* Designing for scroll-bar */
        .accommodation-content::-webkit-scrollbar, .photogallery::-webkit-scrollbar  {
            width: 6px;
        }
      
        /* Track */
        .accommodation-content::-webkit-scrollbar-track, .photogallery::-webkit-scrollbar-track {
            background:#bcbcbc;
            border-radius: 5px;
        }
      
        /* Handle */
        .accommodation-content::-webkit-scrollbar-thumb, .photogallery::-webkit-scrollbar-thumb {
            background:#352272;
            border-radius: 5px;
        }
      
        /* Handle on hover */
        .accommodation-content::-webkit-scrollbar-thumb:hover, .photogallery::-webkit-scrollbar-thumb:hover {
            background:#352272;
        }

.vertical-tabs .nav-tabs:first-child .nav-link {
	 border-top: none!important;
}
.vertical-tabs .nav-tabs .nav-item:last-child a {
    border-bottom: #0000;
}

div#Accommodation .nav-item:nth-child(2) a.nav-link {
    background: url(../images/empires-hotel-bhubaneswar-2.jpg)!important;
}
div#Accommodation .nav-item:nth-child(3) a.nav-link {
    background: url(../images/empires-hotel-paradip.jpg)!important;
}
div#Accommodation .nav-item:nth-child(4) a.nav-link {
    background: url(../images/empires-hotel-Joda.jpg)!important;
}
.vertical-tabs .nav-tabs .nav-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffffa8;
}
/* Vertical Tabs */
.vertical-tabs {
    font-size: 15px;
    padding-top: 15px;
    color: #000;
    flex: 0 0 100%;
    height: 100%;
    position: relative;
}	
.vertical-tabs .nav-tabs .nav-link {
    border-radius: 0;
    background: none;
    text-align: center;
    font-size: 16px;
    color: #29166f;
    height: 40px;
    width: auto;
    border-color: #ffffff57;
    height: 85.3px;
    font-weight: 500;
    font-size: 18px;
    line-height: 74px;
    font-weight: bold!important;
    text-transform: uppercase;
    border: none;
    border-bottom: 1px solid #dbdbdb8f;
    border-top: 1px solid #dbdbdb8f;
    margin-top: 1px;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0 6px 1px #00000017;
    border-radius: 5px;
    overflow: hidden;
}
.vertical-tabs .tab-content>.active {
    display: block;
    color: #fff;
}
.vertical-tabs a.nav-link.active.show {
    background: #ffffff57;
    border-color: #fff0;
}
.vertical-tabs .nav.nav-tabs {
    border-bottom: 0;
    display: block;
    float: left;
    margin-right: 0;
    padding-right: 0;
    flex: 0 0 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.vertical-tabs .sv-tab-panel {
    background: none;
    height: 274px;
    padding-top: 10px;
}
.vertical-tabs h3, .vertical-tabs p, .hotel-facilities  {
    color: #333333;
}
.vertical-tabs p {
    margin-bottom: 3px;
}
.hotel-facilities ul li {
    position: relative;
    padding-left: 0;
    width: 50%;
    float: left;
    padding-right: 7px;
    margin-bottom: 5px;
    line-height: 15px;
}
.vertical-tabs .button-group {
    width: 100%;
    margin: 20px 0 0;
    float: left;
}
.vertical-tabs .button-group .btn {
    background: #db241b;
    color: #fff;
    text-transform: uppercase;
    margin: 0 5px;
    border: 1px solid #db241b;
	transition: 1.5s;
}
.vertical-tabs .button-group .btn:hover{
	background: #fff;
	border:1px solid #db241b;
	color:#db241b !important;
}
/*.hotel-facilities ul li:before {
    content: "\f178";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 6px;
    left: 0;
    color: #f6b417;
}*/
.accommotation-box {
    margin-top: 38px;
}

.accommotation-box .box-3 h4 a {
    color: #fff;
    padding: 15px 15px 0;
    display: inline-block;
    font-size: 18px;
}
.accommotation-box .box-3 {
    padding-bottom: 15px;
}
.accommotation-box .box-3 h4 a:hover{text-decoration:none;}
/*Section 4*/
.section-4 {
	background:linear-gradient(to top,#286993, #7670b2);
    position: relative;
	color:#fff;
	
}

.section-4 #slideshow.fullscreen {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 1;
}
.section-4 .thumb {
    border-radius: 15px;
    overflow: hidden;
}
#hotelpackages {
    background: #ffffff url(../images/nbg-new.png) no-repeat;
    background-size: cover;
    padding: 60px 30px;
    background-position: center;
	padding-top:0;
}
#hotelpackages .heading-group h2 {
    color: #48266d;
    text-align: center;
}
#hotelpackages .heading-group {
    padding-top: 25px;
    color: #353436;
    text-align: center;
    margin-top: 0;
    padding-top: 0;
}
.package-box {
    width: 100%;
    position: relative;
    background: #0000005c;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #fff3;
	margin-bottom: 10px;
	transition:all eae-in-out 0.5s;
}

.package-box figure {
    border-radius: 0;
    overflow: hidden;
    overflow: hidden;
}
ul.duration-location {
    border-bottom: 1px solid #ffffff2e;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
ul.duration-location li {
    padding: 13px 0 13px 0;
    width: 60%;
    float: left;
    font-size: 14px;
}
ul.duration-location li:nth-child(2){ width:40%; }
ul.duration-location li i {
    margin-right: 5px;
}
ul.duration-location li:last-child{ text-align:right;}
.package-box figure img{width:100%; transition: 5s;}
.package-box:hover figure img{transform: scale(1.5);}
.package-box h3 a {
    color: #29166f;
}
.package-box .content {
    color: #fff;
    font-size: 14px;
}

.package-box h3 a:hover{ text-decoration:none; }
.package-box h3 {
    font-weight: 100;
    color: #ffffff;
    margin: 6px 0 10px;
    text-align: center;
    border-radius: 5px;
    font-size: 19px;
    padding: 0;
    font-weight: normal;
    position: relative;
    max-width: 100%;
  
}
.package-box h3 a{ color:#fff; text-decoration:none; }
/*Section 4 End*/
.heading-group {
    margin-bottom: 20px;
    padding-top: 0;
    text-align: center;
}
.heading-group h2 {
    padding: 0;
    margin: 0;
    font-size: 44px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #48266d;	
    margin: 0 0 10px;
}
.micehead {
    color: #fff!important;
    font-family: 'Poppins', sans-serif!important;
}
/*offer box */
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    width: max-content;
    height: max-content;
    left: -24px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    font-size: 32px;
	color:#000;
}
.owl-carousel .owl-nav button.owl-next{ left:unset; right: -24px; }
.owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus{outline: none;}
.offer-box {
    width: 100%;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 20px;
    background: none;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 20px 3px rgb(213 213 213 / 72%);
    border: none;
}
.offer-box:hover{
    box-shadow: 0 10px 10px -10px rgb(0 0 0 / 50%);
    /*-webkit-transform: scale(1.1);
    transform: scale(1.1);*/
}
.offer-box img{
	width:100%;
/*transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;	*/
}
/*.offer-box:hover img{transform: scale(1.5);}*/
.offer-box h4 {
    font-size: 18px!important;
    margin: 0;
    color: #310154;
    overflow: hidden;
    padding: 0px 0px 8px 0px;
    font-weight: 500;
    letter-spacing: 0;
	height:45px;
}
.offer-box figure {
    border-radius: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    height: 180px;
}
.offer-box figure img {
    display: block;
    width: 100%;
    height: 100%;
}
.offer-box h6 {
    font-size: 12px!important;
    color: #000;
    font-weight: 500;
	padding:0px; margin:0px;
}
.offer-price {
    padding: 10px 0px 10px 0px;
    width: 100%;
    margin: 0;
}
.offer-price .fa-solid,.fas{font-size:14px; }


.offer-price .moredetail{font-size:14px; color:#000;}

.offer-price span {
    color: #000000;
    margin-right: 5px;
    font-weight: 500;
    font-size: 15px;
}
.offer-price span.d-price {
    color: #959595;
    font-weight: normal;
    text-decoration: line-through;
}
.offer-box .content {
    padding: 15px;
    background: #fff;
    border-radius: 8px 8px 0 0;
    color: #000;
    margin-top: -10px;
    position: relative;
    margin-bottom: 0;
    padding-right: 15px;
    box-shadow: 0 2px 10px #000;
    border: 1px solid #e3e3e3;
}
.offer-box .content p {
    font-size: 12px;
    font-weight: 400;
	height:100px;
}
.offer-box .content .c-right {
    position: relative;
    display: inline-block;
    width: 100%;
}
.offer-box .content .c-right{height:auto;}
.offer-box .content .c-right p {
    margin-bottom: 0;
    height: auto!important;
}
.offer-box figure .date {
    position: absolute;
    top: 5px;
    right: 5px;
    /*text-shadow: 0 0 6px #000000c7;*/
    background: #29166fde;
    padding: 4px 12px;
    font-size: 12px;
    border-radius: 19px;
    border: 1px solid #fff;
}
div#Offers .offer-box figure .date , #hotelpackages .offer-box figure .date {
    background: #ffffff;
}
div#Offers .offer-box .content p, #hotelpackages .offer-box .content p {
    height: 39px;
	overflow:hidden;
}
.offer-box a.Exp-btn {
    background: #db241b;
    display: inline-block;
    color: #fff;
    padding: 3px 17px;
    text-transform: unset;
    text-decoration: none;
    border-radius: 5px;
    font-size: 15px;
    float: right;
	margin:0px 0px 0px 0px;
    border-color: #db241b;
}
/*Offer box end*/
/*Section 5*/
div#Offers {
    padding: 60px 30px;
    height: auto;
    position: relative;
    padding-top: 0;
}

.section-buttom-bg {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
}
.section-buttom-bg img{ width:100%; }
.section-5 {
    color: #000;
}
#Offers:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/nbg-new.png) repeat-x;
	background-size: cover;
    background-position: center;
    padding-top: 0;
	opacity:0.6;
}
div#Offers:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, #ffffff, #ffffff00, #ffffff);
    top: 0;
    left: 0;
	z-index: 1;
}
/*div#Events:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/n-bgwave-3.png) no-repeat;
    background-size: 100%;
    background-position: bottom;
}*/
div#Offers .container {
    position: relative;
    z-index: 10;
}
.bar-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    border-top: 2px solid #d2910e;
    z-index: 1;
    display: none;
}
.bar-img img {
    max-width: 194px;
}
.bar-img img{}
.section-5 .nav-link, .main-menu.hotel-menu #mega-menu-wrap-hotel_bbsr #mega-menu-hotel_bbsr > li.mega-menu-item > a.mega-menu-link{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    background: #29166f;
    border-radius: 30px;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
}
.section-5 .nav-link:before, .main-menu.hotel-menu #mega-menu-wrap-hotel_bbsr #mega-menu-hotel_bbsr > li.mega-menu-item > a.mega-menu-link:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    border-radius: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #db241b;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.section-5 .nav-link:focus, .section-5 .nav-link:hover {
    border-color: #db241b;
    color: #fff;
}
.section-5 .nav-link:hover:before, .section-5 .nav-tabs .nav-link:focus:before,  .main-menu.hotel-menu #mega-menu-wrap-hotel_bbsr #mega-menu-hotel_bbsr > li.mega-menu-item > a.mega-menu-link:hover:before,  .main-menu.hotel-menu #mega-menu-wrap-hotel_bbsr #mega-menu-hotel_bbsr > li.mega-menu-item > a.mega-menu-link:focus:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
	border-radius: 30px!important;
}
.main-menu.hotel-menu #mega-menu-wrap-hotel_bbsr #mega-menu-hotel_bbsr > li.mega-menu-item > a.mega-menu-link:hover:before {
    border-radius: 0!important;
    width: 100%;
}.
.section-5 .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #14073d;
    color: #14073d;
    border-radius: 0;
    border-radius: 30px!important;
}
.vertical-tabs .nav-link:hover { border-radius:0;}
.section-5 .nav-tabs .nav-item.show .nav-link, .section-5 .nav-tabs .nav-link.active {
    background-color: #db241b;
    border-color: #db241b;
    color: #fff;
    border-radius: 30px!important;
}
.section-5 .heading-group {
    margin-bottom: 20px;
    padding-top: 0;
    text-align: center;
}

#Dining .container {
    position: relative;
    z-index: 1;
}
div#Gallery-Reviews {
    background: #fff;
    background: #ffffff url(../images/texture-bgnew.png) repeat;
    padding: 60px 0 0;
    color: #272728;
    height: auto;
}
div#Gallery-Reviews .box-3 {
    padding-bottom: 0;
}

.video-box {
    margin-bottom: 30px;
	border-radius:5px;
	overflow:hidden;
}
.video-box iframe {
    width: 100%;
    height: 264px;
    border-radius: 5px;
}
.box-3 {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    color: #000;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background: #0006;
    padding-bottom: 33px;
	 border: 1px solid #ffffff38;
}
.box-3 figure {
    width: 100%;
    overflow: hidden;
    margin: 0;
	position:relative;
}

.box-3 .content {
    width: 100%;
    padding: 15px 15px 0 15px!important;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-right: 0;
    color: #fff;
    border-top: none;
    text-align: left;
    height: 112px;
    overflow: hidden;
    background: linear-gradient(1deg, black, transparent);
}
.box-3 img {
    width: 100%;
    transition: 5s;
}
.box-3:hover figure img {
    transform: scale(1.5);
}

.box-3 .c-right {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    color: #fff;
    padding: 10px;
	z-index:10;
}
.box-3 .c-right a.Exp-btn {
    display: inline-block;
    background: #06b2a7;
    color: #fff;
    padding: 1px 24px;
    border-radius: 19px;
    border: 1px solid #06b2a7;
    transition: all ease-in-out 0.5s;
}
.box-3 a.Exp-btn:hover {
    background: none;
    color: #06b2a7;
    text-decoration: none;
}
.box-3 .content h4 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    padding: 0 15px 0 0;
    text-align: left;
}
.box-3 .c-right .date {
    font-size: 12px;
}
/*Section 4 End*/
@media only screen and (max-width: 420px){
  .titulo{font-size: 22px}
  .top-contact-left a {
    font-size: 12px;
	margin-right: 6px;
}
}
@media only screen and (max-width: 325px){
  .vertical-tabs{ padding:8px;}
}
/*section 3 End*/
/*section-6*/

div#AmazingActivities {
    background: url(../images/events-bg.png) no-repeat;
    background-size: cover;
    color: #fff;
    padding: 60px 0;
    height: auto;
	padding-top:0;
}
.prev .fa-3x, .next .fa-3x{
    font-size: 22px;
}
div#AmazingActivities:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #221454;
}
div#AmazingActivities div#slideshow figure {
    margin: 0;
    border-radius: 5px;
    overflow: hidden;
}
div#AmazingActivities div#slideshow .col-md-5 { position:relative; }
div#AmazingActivities div#slideshow .col-md-5 .box-right {
    position: relative;
    padding: 40px 15px 0 0;
}
div#AmazingActivities div#slideshow .col-md-5 .box-right h4 {
    font-size: 25px;
    text-transform: uppercase;
}
div#AmazingActivities div#slideshow .col-md-5 .box-right p{ text-align:justify; }
div#AmazingActivities div#slideshow .col-md-5:before {
    content: '';
    position: absolute;
    width: 161%;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(87deg, transparent 2%, #29166f 29%, #531481);
}
div#AmazingActivities div#slideshow .col-md-5:before {
    content: '';
    position: absolute;
    width: 161%;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(87deg, transparent 18%, #448585 29%, #29166f);
}
div#Dining {
    background: #ffffff url(../images/nbg-new.png) no-repeat;
    color: #272728;
    background-size: cover;
    padding: 60px 0 30px;
    text-align: center;
    height: auto;
	padding-top:0;
}
div#Dining .box-3 {
    padding-bottom: 0;
    border-radius: 5px;
}
div#Dining .box-3 .content {
    height: auto;
}
div#Dining .box-3 .content h4 {
    padding: 10px 7px;
}
/*section-6 End*/

/*Section-7 Blog Section*/
div#Blogs {
    background: url(../images/nbg-5.jpg) no-repeat;
    background-size: cover;
    padding: 60px 0;
    height: auto;
}
div#Blogs .heading-group, div#Gallery-Reviews .heading-group {
    text-align: left;
}
div#Blogs .owl-carousel .owl-nav button.owl-next, div#Blogs .owl-carousel .owl-nav button.owl-prev {
    color: #fff;
    left: 0;
    font-size: 21px;
}
div#Blogs .owl-carousel .owl-nav button.owl-next{left:unset; right:0;  }
div#Blogs h2{
    color: #fff;
}
 div#Gallery-Reviews h2 {
    color: #272728;
}
div#Blogs:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #395dbbc7;
}
.blog-box {
    width: 100%;
    position: relative;
    background: #000000c2;
    overflow: hidden;
    border: 1px solid #ffffff29;
    border-radius: 5px;
}
.blog-box  figure img{ width:100%; }
.blog-box figure {
    margin-bottom: 15px;
}
.blog-box .date {
    font-size: 26px;
    width: 91px;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: #29166f59;
    padding: 10px;
    text-align: center;
    line-height: 21px;
    border-radius: 0 0 0 0;
}
.blog-box .date span {
    width: 100%;
    display: inline-block;
	font-weight:bold;
}
.blog-box .date span.month {
    font-size: 17px;
	font-weight:normal;
}
.blog-box h4 {
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    text-transform: uppercase;
}
.blog-box .content {
    color: #fff;
    padding: 0 15px;
}
.blog-box h4 a {
    font-size: 18px;
	color:#fff;
	
}
.blog-box h4 a:hover{ text-decoration:none; }

/*Review Box*/
.review-box {
    width: 100%;
    background: #fff;
    padding: 15px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.review-box {
    width: 100%;
    background:#fff;
    padding: 15px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 0px 6px 0px #0000002b;
    margin: 0 0 15px;
    min-height: 342px;
}
.review-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/testimonial.png) no-repeat;
    background-size: 174px;
    background-position: center;
    opacity: 0.1;
}
.col-md-4.testimonial-con .owl-carousel .owl-nav button.owl-next, .col-md-4.testimonial-con  .owl-carousel .owl-nav button.owl-prev {
    color: #29166f!important;
    top: 31px;
    bottom: unset;
    left: 25px!important;
}
.col-md-4.testimonial-con .owl-carousel .owl-nav button.owl-next {
    right: 25px!important;
    left: unset!important;
}
.c-details {
    position: relative;
    min-height: 80px;
    padding-top: 59px;
    margin-bottom: 15px;
    text-align: center;
}
.c-details figure {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}
.c-details h3 {
    font-size: 20px!important;
    font-weight: 300;
    padding-top: 15px;
}
.c-details h4 {
    font-size: 15px!important;
    font-weight: 200;
}
/*Review Box End*/
.events-con marquee {
    max-height: 339px;
}
.events ul {
    padding: 0;
    margin: 0;
}
.events ul li {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 67px;
    box-shadow: 0 4px 6px 0px #00000059;
}
.events ul li .date {
    text-align: center;
    width: 50px;
    position: absolute;
    top: 10px;
    left: 10px;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
}

.events ul li .date span {
    font-size: 30px;
    width: 100%;
    display: inline-block;
    font-weight: bold;
}
.events ul li h4 {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
}
.events ul li h4 a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    font-weight: 200;
}
/*Events*/
.events-wedding-wrapper {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
}
.events-wedding-wrapper:before {
    content: '';
    position: absolute;
   /* background: url(../images/events-wedding-wrapper-bg.png) no-repeat;*/
    width: 100%;
    height:100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-size: 100%;
    background-position: bottom left;
}
.events-wedding-wrapper .container {
    position: relative;
    z-index: 10;
}

div#Events{
    /* background: #ffffff url(../images/texture-bg.png) repeat; */
    padding: 60px 30px;
    color: #000;
    height: auto;
    width: 100%;
    background: #ffffff;
	float: left;
	position: relative;
	padding-top:0px;
}
div#Events:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: url(../images/flora-bg.png);
    opacity: 0.4;

}
.mice-event-bg-top img {
    width: 100%;
}
div#Events .container {
    position: relative;
    z-index: 1;
}
.event-box {
    width: 100%;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #ffffff73;
    max-height: 264px;
}
.event-box figure{margin:0; overflow:hidden;}
.event-box figure img{width:100%; transition: 5s;}
.event-box:hover figure img{transform: scale(1.5);}
.event-box .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    color: #fff;
    z-index: 1;
}
.event-box .content h4 {
    font-size: 20px !important;
    margin-bottom: 10px;
}
.event-box .content h4 a{ color:#fff; }
.event-box .content h4 a:hover{ text-decoration:none; }
.event-box .b-time {
    font-size: 14px;
    font-weight: 200;
}
.event-box .b-time i {
    margin-left: 7px;
}
.event-box .b-time a {
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 2px 10px;
    color: #fff;
    background: #29166fb0;
}
.event-box figure a {
    display: inline-block;
    position: relative;
    width: 100%;
}
.event-box.last figure a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000c9;
}
.event-box figure a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 108%;
    background: linear-gradient(1deg, #000000b0, #0000004d, #00000008);
    z-index: 1;
}
a.view-all {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: max-content;
    width: max-content;
    color: #fff;
    text-transform: uppercase;
    background: #06b2a7;
	border:2px solid #06b2a7;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
}
a.view-all:hover{ text-decoration:none; background:none; border-color:#fff; }
div#Events .nav-tabs {
    border-bottom:none;
}
/*Events End*/
/*Wedding Start*/
.weding-box {
    min-height: 170px;
    padding-bottom: 0;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.weding-box:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.weding-box .content {
    padding: 0 15px;
}
.weding-box figure{overflow:hidden;}
.weding-box img{width: 100%;
transition: 5s;}
.weding-box:hover figure img {
    transform: scale(1.5);
}
.weding-box figure {
    /* -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); */
    /* clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); */
    max-width: 100%;
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 4px 10px 0px #00000052;
}
.wedding-box-right {
    color: #000;
    margin-top: -65px;
    margin-left: 4%;
    width: 92%;
    background: #ffffff;
    text-align: center;
    border-radius: 5px;
    z-index: 1;
    position: relative;
    box-shadow: 0 4px 10px 0px #00000052;
    margin-bottom: 12px;
}
.weding-box .content {
    padding: 15px;
    height: max-content;
    top: 0;
    bottom: 0;
    margin: auto;
}
.wedding-box-right h4 {
    color: #d64e7c;
    padding: 0;
    font-size: 18px!important;
    text-transform: uppercase;
    font-weight: 400;
    overflow: hidden;
    height: 19px;
}
a.wedding-rmore {
    color: #000;
    bottom: 15px;
    border: 1px solid;
    padding: 7px 20px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
}
a.wedding-rmore:hover {
    background: #db241b;
    color: #fff;
    border-color: #db241b;
}
#Wedding {
    background: url(../images/events-wedding-wrapper-bg.png) no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
    padding: 60px 0;
    height: auto;
    margin-top: -0.6px;
    width: 100%;
    float: left;
	background-position:bottom;
	padding-top:0;
}
.wedding-bottom {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.wedding-bottom img{ width:100%; }
#Wedding .heading-group {
    text-align: center;
}
#Wedding:before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
    /*background: url(../images/nbg-4.jpg) repeat;*/
    background-size: contain;
}
#Wedding .owl-dots button, #Offers .owl-dots button, #Dining .owl-dots button, #Accommodation .owl-dots button {
    width: 10px;
    margin: 0 2px;
    height: 8px;
    margin-top: 0;
    margin-bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ECC878), to(#BF862D));
    background-image: linear-gradient(#ECC878, #BF862D)!important;
    border-radius: 12px;
    transition: all eae-in-out 1.0s;
}
#Wedding .owl-dots button.active, #Offers .owl-dots button.active, #Dining .owl-dots button.active, #Accommodation .owl-dots button.active{width:34px;}
#Wedding .owl-dots, #Offers .owl-dots, #Accommodation .owl-dots {
    width: max-content;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}
#Wedding .owl-carousel, #Offers .owl-carousel, #Dining .owl-carousel, #Accommodation .owl-carousel  {
    padding-bottom: 0x;
}
.weeding_place {
    position: absolute;
    top: 0;
    background: #1b24b5b8;
    width: 150px;
    height: 40px;
    border-radius: 0px 0px 60px 0px;
}
.weeding_place p {
    padding: 8px 10px;
    font-weight: 400;
    font-family: 'Poppins';
    font-size: 14px;
}
/*Wedding Start End*/
/*Events End*/
/*Section-7 Blog Section End*/
/*Hotel Page 03052022*/
.hotel-map iframe {
    width: 100%;
    height: 372px;
    background: #29166f;
    padding: 3px;
    border: 1px solid #000;
}
a.know-more {
    display: inline-block;
    background: #db241b;
    color: #fff;
    border-color: #db241b;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px!important;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 6px;
    text-decoration: none;
	border:1px solid #db241b;
}
a.know-more:hover{ background:none; text-decoration:none; color:#db241b; }
.hotel-listing-page div#Accommodation {
    padding: 60px 0;
}
.entry-header-2 h2 {
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-weight: 200;
    line-height: 37px;
    font-family: 'Poppins', sans-serif;
    color: #29166f;
}
.entry-header-2 h2:before {
    content: '';
    background: #2b176e;
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
/*04052022*/
.hotel-search-box.hotel-pagsearch {
    bottom: 0px;
}
/*04052022*/
.bannerimgbox.hotel-home-page-banner {
    position: relative;
    margin-bottom: 0;
    background: #000;
    height: 100%;
    z-index: 100;
}
.bannerimgbox.hotel-home-page-banner .carousel-inner {
    height: 100%!important;
}
.bannerimgbox video {
    width: 100%!important;
}
.bannerimgbox.hotel-home-page-banner .entry-header {
    padding-top: 0;
}
/*040522 M K M*/
header.hotelpage-header.shrink {
    position: absolute;
}
.hotel-page-menu {
    padding: 0;
    width: 100%;
    float: left;
    text-align: center;
    background: #29166f;
    position: relative;
    z-index: 10;
}
.hotel-page-menu.shrink {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    left: 0;
}
.hotel-page-menu.shrink .menu {
    display: inline-block!important;
    position: absolute;
}
.about-hotels .container {
    max-width: auto!important;
}
.intro h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 400;
}
.hotel-testimonial {
    text-align: center;
    width: 100%;
    float: left;
    padding: 60px 0;
    background: url(../images/abstract-background.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}
.hotel-testimonial h2{font-family: 'Poppins', sans-serif; font-weight:300;}
.hotel-testimonial .review-box:before {
    background:none!important;
}
.hotel-gallery .thumb {
    width: 100%;
    padding: 0;
    margin: 30px 0 0;
    height: auto;
}
.hotel-gallery .thumb .img-thumbnail {
    border: none;
    padding: 0;
   
}
.hotel-testimonial .owl-item {
    padding: 10px;
}
.hotel-testimonial .review-box {
    text-align: center;
}
.hotel-facilities-sec {
    width: 100%;
    float: left;
    padding: 60px 0;
    background: #29166f;
    text-align: center;
    color: #fff;
    position: relative;
	padding-top:0;
}

.hotel-facilities-sec  h2{
	padding: 0;
    margin: 0;
    font-size: 44px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 10px;
}

.hotel-facilities-sec .owl-carousel .owl-nav button.owl-next, .hotel-facilities-sec .owl-carousel .owl-nav button.owl-prev {
	color:#fff;
}
.facilities-sec-content ul {
    display: inline-block;
    width: auto;
}
.facilities-sec-content ul li {
    width: auto;
    display: inline-block;
    position: relative;
    padding-left: 0;
    text-align: center;
    padding: 15px;
    width: 150px;
    line-height: 16px;
    height: 128px;
}
.facilities-sec-content ul li .icon {
    
}
.facilities-sec-content ul li .icon img {
    width: 57px;
    border: 1px solid #fff;
    padding: 8px;
    border-radius: 13px;
    margin-bottom: 9px;
    display: inline-block;
}
#hotel_accommodation {
    width: 100%;
    float: left;
    padding: 60px 0 0;
    margin-top: 0;
    position: relative;
    background: url(../images/nbg-new.png);
    background-size: cover;
	padding-top:0;
}
div#hotel_accommodation:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, #ffffff, #ffffff00, #ffffff);
    top: 0;
    left: 0;
}

.hotel-accommodation .offer-box .content p {
    height: 35px;
    overflow: hidden;
}
.hotel-testimonial:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff85;
}
.hotel-accommodation .offer-box {
    margin-top: 0;
   }
 .hotel-accommodation .offer-box .content {
    margin-top: 0;
    box-shadow: 0 2px 14px #000;
    border: 1px solid #ffffff;
}  
div#hotel-Accommodation .offer-box a.Exp-btn {
 position: absolute;
  bottom: 25px;
    right: 10px;
}
.hotel-accommodation .owl-carousel.owl-drag .owl-item {
    padding: 10px;
}
.hotel-accommodation h2{text-align:center;}
.hotel-gallery {
    width: 100%;
    float: left;
    padding: 60px 0;
    background:url(../images/nbg-3.jpg) no-repeat;
	background-size:cover;
    color: #fff;
}
.hotel-gallery .thumbnail {
    display: inline-block;
    width: 100%;
    height: 221px;
    border-radius: 5px;
    overflow: hidden;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotel-gallery .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hotel-gallery .thumb .img-thumbnail {
    border: none;
    padding: 0;
}
.hotel-gallery h2 {
    text-align: center;
}
#abouthotel:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/BG_OFFERS.jpg) repeat-x;
    background-size: 100%;
    opacity: 0.4;
}
div#abouthotel {
    padding: 60px 0px;
    height: auto;
    position: relative;
    width: 100%;
    float: left;
}

.readmore-btn {
    background: #db241b;
    display: inline-block;
    color: #fff;
    padding: 6px 19px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    border-color: #db241b;
    text-transform: uppercase;
}
.readmore-btn:hover{
	text-decoration:none;
	background: #b71b13;
	color:#fff;
}
/*Hotel Page 03052022 End*/
/*Left Pop Up*/
.sidebar {
    position: fixed;
    top: 225px;
    left: 0;
    width: auto;
    max-width: 340px;
    z-index: 10000;
    background: #e9e9e9;
}
.sidebar-content-wrapper {
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    width: 0;
    overflow: hidden;
    transition: all ease-in-out 0.8s;
    height: 300px;
    /* overflow-y: scroll; */
    box-shadow: 0 0 9px #0000008c;
    border-radius: 0 10px 10px 0 ;
}
.sidebar:hover .sidebar-content-wrapper {
    width: 320px;
    max-width: unset;
}
.sidebar-content {
    padding: 15px;
}
.sidebar-content p {
    width: 290px;
}
.sidebar-button {
    display: inline-block;
    background: #291670;
    padding: 12px;
}
.sidebar-button a{ color:#fff; }
/*Left Popup End*/
/*Footer*/
.footer-section {
    background: #e4e4e4;
    color: #000;
    height: auto!important;
    padding: 60px 0 0;
}

.footer-2 h4 {
    font-size: 20px;
    margin-bottom: 24px;
}
.footer-section a {
    color: #000;
    font-size: 14px;
}
.footer-section a:hover{text-decoration:none; color:#db241b;}
.footer-1 {
    margin-bottom: 50px;
}
#rightPopup .loa-popup-content {
    height: 400px !important;
    bottom: 0;
    margin: auto;
}
button#rightBtn {
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
    z-index: 10;
    border-radius: 0;
    background: #2d0a70;
    border: 1px solid #2d0a70;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 11px #0000004a;
    padding: 5px;
}
#Footer {
    background: #dedede   repeat;
	width:100%; 
	float:left;
	padding-bottom: 50px;
}
.newsletter form {
    position: relative;
    display: inline-block;
}
.newsletter input[type="submit"] {
    background: #db241b;
    border: 1px solid #db241b;
    color: #fff;
    padding: 4px 20px;
    text-transform: uppercase;
    font-size: 14px;
	border-radius: 17px;
}
.newsletter input[type="text"] {
    padding: 6px 12px;
    border-radius: 17px;
    border-color:transparent;
	width:75%;
}
.newsletter input[type="text"]:focus{ border:1px solid #db241b; }
.newsletter h4 {
    font-size: 28px!important;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}
.footer-2 {
    width: 100%;
    float: left;
    padding-bottom: 60px;
}
.footer-cright {
    width: 100%;
    float: left;
    margin: 0 0px 0;
    border-top: 1px solid #ccc;
    padding: 30px 0 15px!important;
    background: #fff;
}
.hotel-review-footer{ width:100%; }

.hotel-review-footer img {
    width: 100px;
}
.hotel-review-footer ul.social-network.social-circle {
    width: 100%;
    margin: 15px 0 10px;
}
/*Footer End*/

/*180422 M K M*/
@media only screen and (min-width: 769px){
.main-menu #mega-menu-wrap-primary {
    background: none;
}

}
/*180422 M K M End*/
/*07052022 MKM*/
.hotel-restaurant.hotel-home-page .restaurant-desc p, div#Dining  .restaurant-desc p {
    min-height: unset;
}

.hotel-restaurant.hotel-home-page .offer-box a.Exp-btn, div#Dining .offer-box a.Exp-btn  {
    float: left;
    margin: 23px 10px 20px 0px;
}

/*07052022 MKM End*/
/*10062022 MKM*/
.main-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
    background: #ffffff96!important;
}
/*10062022 MKM End*/
/*Contrast 09082022*/
.contrast {
    background: #000!important;
	color: #ffa602!important;
}
/*Contrast 09082022 End*/
/*19092022 MKM*/
.photo-gallery {
    width: 100%;
    float: left;
} 
.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li {
    display: inline-block;
    margin: 0;
    list-style: none;
    padding: 10px 30px;
    cursor: pointer;
    -webkit-transition: all 05s ease;
    -moz-transition: all 05s ease;
    -ms-transition: all 05s ease;
    -o-transition: all 05s ease;
    transition: all .5s ease;
    width: 16.4%;
}

.portfolio-item{
	/*width:100%;*/
}
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}
/*19092022 MKM End*/
/*Resonsive Start*/
@media screen and (max-width: 1200px){
.mid-content {
    padding: 0 0!important;
}
}
@media screen and (max-width: 1100px){
#mega-menu-wrap-hotel_bbsr #mega-menu-hotel_bbsr > li.mega-menu-item > a.mega-menu-link {
    font-size: 13px!important;

}
}
@media (max-width:768px){
.main-menu {
    display: none!important;
}
.hotel-page-menu.shrink .menu {
    display:none!important;
}
.bannerimgbox.hotel-home-page-banner {
    max-height: 431px;
}
.main-menu.hotel-menu {
    display: inline-block!important;
}
.main-menu.hotel-menu ul.mega-menu.max-mega-menu.mega-menu-horizontal {
    display: none!important;
    background: none!important;
}
.hotel-menu .mega-menu-wrap .mega-menu-toggle, .hotel-menu .mega-menu.max-mega-menu.mega-menu-horizontal{
    background:none!important;
}
.hotel-page-menu.shrink {position: relative;}
.mega-menu-wrap  .mega-menu.max-mega-menu.mega-menu-horizontal > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
	background: #311c81!important;
}
.hotel-search-box.hotel-pagsearch {
    background:#29166f;
    bottom: 0;
    left: 0;
    width: 100%!important;
    margin: 0;
	max-width:unset;
}
.hotel-search-box.hotel-pagsearch .form-group {
    margin-bottom: 0;
}
.bannerimgbox h3 {
    top: 111px;
    bottom: unset;
    font-size: 25px!important;
}
.main-menu.hotel-menu .mega-menu-toggle.mega-menu-open, .main-menu.hotel-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    background: none!important;
}

body.customize-support.mega-menu-hotel_bbsr-mobile-open .main-menu.hotel-menu ul.mega-menu.max-mega-menu.mega-menu-horizontal {
    display: block!important;
}
h2 {
    font-size: 22px!important;
}
.test .form-control {
    margin-bottom: 10px;
}
.top-menu-con {
    text-align: center;
}
}
@media (max-width:768px){
.test .form-control, .test select.form-control {
    height: 30px!important;
}
.footer-cright {
    text-align: center;
}
.col-md-6.text-right {
    text-align: center!important;
}
.top-contact-left {
    float: unset;
}
.hotel-search-box {
    bottom: 0;
    z-index: 10;
    position: relative;
}
.home-slider .slider-caption .content {
    font-size: 24px;
 font-family: Calibri;
}
.home-slider .slider-caption  a.slider-btn {
    padding: 2px 11px;
    font-size: 12px;
    margin-top: 5px;
}
.home-slider {
    min-height: 300px;
 }
 .logo img {
    width: 33px;
}
.test .form-control, .test select.form-control {
    height: 25px!important;
    font-size: 12px!important;
}
.test button.form-control {

    font-size: 12px!important;
    line-height: 12px;
}
.home-slider .carousel-inner {
    min-height: unset;
}
.home-slider:after {
    height: 57%;
}
.test {
    border-radius: 0;
}

.home-slider .slider-caption {
    bottom: 40px;
    top: unset;
}
.top-menu ul li a {
    font-size: 13px;
    padding: 1px 5px;
}
ul.search-user li a {
    font-size: 18px;
}
.vertical-tabs .nav.nav-tabs {
    height: auto;
    position: relative;
    width: 100%;
    z-index: 10;
}
.vertical-tabs .nav.nav-tabs li {
    display: inline-block;
}
.vertical-tabs .nav-tabs .nav-link {
    font-size: 14px;
    line-height: 18px;
    height: auto;
    padding: 3px 12px;
}
.vertical-tabs .col-md-6.thumb {
    margin: 0 0 10px;
}
div#AmazingActivities div#slideshow .col-md-5 .box-right {
    padding: 15px;
    padding-bottom: 85px;
}
div#AmazingActivities .thumb {
    width: 50px;
    height: 50px;
    margin: 5px;
}
div#AmazingActivities .thumb.active {
    width: 60px;
    height: 60px;
}
.section-4 #slideshow.fullscreen {

    padding-bottom: 80px;
}
.thumbs-container.bottom {
    bottom: -30px;
}
.prev, .next {
    padding: 26px 1%;
  
}
div#AmazingActivities div#slideshow figure {
    border-radius: 0;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    left: 0;
    background: #29166fab;
    width: 19px;
    height: 26px;
    line-height: 0!important;
    font-size: 13px;
    color: #fff!important;
}
.owl-carousel .owl-nav button.owl-next {
    left: unset;
    right: 9px;
}
.owl-carousel .owl-nav button.owl-prev{
	 left: 9px;
	 right:unset;	
}
.menu {
    display: block;
    background: #2d0b6f40;
    border-radius: 7px;
}
.menu-section {
    padding-right: 66px;
}
.col-md-6.photogallery a.thumbnail {
    margin: 15px 0;
    display: inline-block;
}
}
@media (max-width:575px){
.home-slider .slider-caption .content {
    font-size: 18px;
    padding: 0;
	
	
    margin: 0;
    line-height: 18px;
}
.section-5 .nav-link {
    font-size: 14px;
    margin: 0 5px;
	padding: 4px;
   
}	
.heading-group h2 {
    font-size: 24px;
}
.footer-2 h4 {
    margin-bottom: 10px;
    margin-top: 20px;
}
.bannerimgbox h3 {
    top: 89px;
    bottom: unset;
    font-size: 18px!important;
}
}
/*Resonsive End*/
.photogallery{ height:500px; overflow:auto; }

.photogallery .col-md-6{ padding:0px; margin:0px;}
.photogallery a.thumbnail {
    display: inline-block;
    margin: 0 0 30px;
}
.intro li {
    width: 48%;
    float: left;
    list-style: none;
    margin: 0px 0px 0px 0;
    position: relative;
    padding: 0 6px 0 15px;
    margin-bottom: 10px;
	min-width: 280px;
}
.intro li:before {
    content: '';
    width: 7px;
    height: 2px;
    background: #29166f;
    position: absolute;
    left: 0;
    top: 11px;
}

.intro h3 {
    font-size: 20px;
    padding: 20px 0px 10px 0px;
    font-weight: 400;
}

 
#mega-menu-wrap-hotel_bbsr #mega-menu-hotel_bbsr > li.mega-menu-item > a.mega-menu-link, .hotel-menu .mega-menu-wrap ul.mega-menu.max-mega-menu.mega-menu-horizontal > li.mega-menu-item > a.mega-menu-link {color:#fff!important;}

.hotel-accommodation .offer-box figure {
    border-radius: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    height: 220px;
}

.hotel-restaurant {
    width: 100%;
    float: left;
    padding: 60px 0 0;
    margin-top: 0;
    position: relative;
	padding-top:0;
}
.hotel-restaurant:before {
	content:'';
    background: #ffffff url(../images/restaurant-bg.png) repeat;
	opacity:0.2;
	position:absolute;
	width:100%;
	height:100%;
	
}

.hotel-restaurant .container{position:relative;}
.hotel-restaurant:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, #ffffff, #ffffff00, #ffffff);
}
.hotel-restaurant.hotel-home-page .restaurant-desc, div#Dining .restaurant-desc{
    height: 44px;
    overflow: hidden;
    margin-bottom: 10px;
	text-align:justify;
}
.hotel-restaurant .offer-box {
    margin-top: 0;
    background: #fff!important;
    box-shadow: 0 0.625rem 0.75rem 0 rgb(0 0 0 / 25%);
}
.hotel-restaurant .offer-box figure {
    border-radius: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    height: 300px;
}
.hotel-restaurant .offer-box figure img{
	height:100%;
	object-fit:cover;
	width:100%;
}

.hotel-accommodation .offer-box .content {
    margin-top: 0;
    box-shadow:0px;
    border: 1px solid #ffffff;
	border-radius:none!important;
}  
 
.hotel-restaurant .owl-carousel.owl-drag .owl-item {
    padding: 10px;
}
.hotel-restaurant h2{text-align:center;}
.booking{text-align:center;}
 
.desc {border-top:1px solid #ddd; border-bottom:1px solid #ddd; float:left; font-size:12px;}
.desc ul{width:100%; float:left; padding:10px 0px 10px 0px;}
.desc li{ float:left; width:30px; height:30px; margin:3px 12px 0px 12px; padding:0px;}
.desc img{width:auto!important;}
.desc h6{font-size:15px;}
.desc:hover img{transform:none!important;}
.restaurant-spec {
    padding: 30px 20px 0px 20px;
    background: #fff;
    text-align: left;
}
.restaurant-desc p{min-height:100px;}
.restaurant-info p{ font-size:13px; }
.restaurant-info ul li{ font-size:13px!important; }
.restaurant-info .place{
	bottom: 10px;
    position: absolute;
    right: 24px;
    font-size: 16px;
    color: #221454;
    font-weight: 600;
} 
/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
	float:left;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 35px;
    height: 35px;
    font-size: 14px;
    line-height: 16px;
}
.social-circle li i {
    margin: 0;
    line-height: 37px;
    text-align: center;
}
.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

ul.social-network a {
    background: #29166f;
}


div#Accommodation:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, white, #ffffff00, #ffffff);
    top: 0;
    left: 0;
}
div#Accommodation .container {
    position: relative;
    z-index: 1;
}

div#hotelpackages:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, #ffffff, #ffffff00, #ffffff);
    top: 0;
    left: 0;
}
div#hotelpackages .container {
    position: relative;
    z-index: 1;
}

div#Events:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, #ffffff00, #ffffff );
    top: 0;
    left: 0;
}
div#Events .container {
    position: relative;
    z-index: 1;
}