body {font-family: 'Open Sans', sans-serif;}
.beboxouter {
  position: relative;
  z-index:1;
  top:-410px;
}
.beboxwrap {
  position: relative;
  top:4px;
  left:25px;
  background: url("../images/whitetransbg_e.png") !important;
}
.bb_resbox h2 {
  font-family: 'dancing_script_otregular' !important;
  color: #40B9DE !important;
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #BCBCBC;
}
.bb_resbox {  
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border: 1px solid #F1F1F1 !important;
  padding: 10px 17px;
  -moz-box-shadow: 0 0 2px 0 #707070;
  -webkit-box-shadow: 0 0 2px 0 #707070;
  box-shadow: 0 0 2px 0 #707070;
}
.resboxbgwh {background: #fff !important;}
p.bbres_fieldset { position: relative;}
input.bbres_fieldset {
  padding: 7px !important;
  width: 147px !important;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}
input.bbres_fieldset, select.bb_combobox {border: 1px solid #A4A4A6   !important;}
.bb_resbox .ui-datepicker-trigger {
  position: relative;
  left: -36px;
  top:7px;
  margin-right: -30px;
}
select.bb_combobox {
  padding: 7px 4px;
  width: 148px !important;
}
p.bbres_fieldset label {
  padding-top: 7px;
  font-weight: normal;
  width: 88px !important;
}
p.bbres_fieldset label, select.bb_combobox {
  color: #000 !important;
} 
.bb_resBtn {
  margin-left: 0px !important;
  width: 100% !important;
  padding:7px 0px !important; 
}
.bb_resBtn:hover {
  background: #2291E0 !important;
}
.navbar-wrapper {
  margin-top: 0px !important;
}
/*CSS Added by kishan*/
div#bbcalheader{background: rgb(0, 139, 247) !important;}
.ui-datepicker td a.ui-state-active, .ui-datepicker td a.ui-state-hover{background: #40B9DE !important; border: 1px solid #40B9DE !important;}
.gallery{text-align: center; text-transform: uppercase; margin: 50px 0px;}
.gallery h2{color: #40B9DE; margin-bottom: 35px;}
.hm-gallery figure {float: left;    width: 25%;}
.rdmore{background: transparent; color: #fff; border: 2px solid #fff; border-radius: 0px; text-align: center; padding: 8px 24px; transition: all ease 0.5s;}
.rdmore:hover, .rdmore:focus{color: #fff; outline: none; background: #40B9DE;}
p.bbres_fieldset{margin-bottom: 10px !important;}
.room-block{
border-radius: 5px;
text-align: left;
display: inline-block;
width: 49%;
padding: 35px;
margin: 0;
background-repeat: no-repeat;
background-size: cover;
background-image: url('../images/room.png');
}
.room-block2{background-image: url('../images/room2.png'); margin-left: 10px;}
.room-block .rdmore{margin-top: 15px;}
.gallery .seemore{background: #40B9DE; padding: 10px 31px; margin-top: 40px;}
.room-block p{color: #fff; margin-bottom: 0px; line-height: 26px;}
.room-block h2{color: #fff; text-transform: uppercase; margin-top: 0px; font-weight: normal;}
.abtus{margin:50px 0px;}
.abtus img{border: 0px; padding: 0px; border-radius: 5px; max-width: 100%;}
.abtcontent h2{margin-bottom: 15px;}
.rooms{text-align: center;margin: 50px 0px;}
.rooms h2{text-transform: uppercase;}
.text-center{text-align: center;}
.facility{text-align: center; background:#EFEFEF; padding: 50px 0px;  border-bottom: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6;}
.facility h2{color: #40B9DE; margin-bottom: 15px; position: relative; margin-top: 0px;}
.facility h2 span{
  position: absolute;
  height: 3px;
  background-color: rgb(0, 139, 247));
  width: 13%;
  top: 42px;
  left: 50%;
  margin-left: -67px;
}
.toolinnpad{line-height: 26px;}
.facility ul{margin: 0px ; padding: 0px; margin: 35px 0px 20px;}
.facility li{display: inline-block; width: 23.33%; margin: 15px 0px;vertical-align: top;}
.facility ul li span img{padding: 18px;}
.facility ul li span{
    display: inline-block;
    border-radius: 50%;}
.facility li h4{color: #272727;}
.featurette{margin-bottom: 45px;}
.facility h2{text-transform: uppercase;}
.bgbanner {
/*    background: url('../images/bnrimg1.png') no-repeat center center;
    background-size: cover;
    height: 600px;
    width: 100%;*/
    position: relative;
}
.navbar {margin-bottom: 10px;}
nav.navbar.navbar-inverse.navbar-static-top {margin-top: 10px;}
.slider-container {}
.slider-container .slide-image {
  background: url('../images/bnrimg1.png') no-repeat center center;
  background-size: cover;
  height: 600px;
  width: 100%;
}
.bookingengine {
    position: absolute;
    height: 100%;
    top: 50%;
    margin-top: -184px;
}
.navbar-inverse .navbar-toggle {background-color:#40b9de; border-color:#40b9de;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color:#40b9de; border-color:#40b9de;}}
.navbar-inverse .navbar-toggle .icon-bar { background-color:#FFF; }
p.bbres_fieldset{padding: 0px !important;}
button.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
button.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{background-position: 1px -24px !important;}
.bb_resbox .ui-datepicker-trigger{top: 9px;}
p.bbres_fieldset label{text-align: left;}
p.bbres_fieldset input, p.bbres_fieldset select{height: 40px; width: 100% !important;  border-radius: 0px;     color: rgb(109, 109, 109) !important;}
div#bkngbg {
    background: rgba(255, 255, 255, 0.77);
    position: absolute;
    left: 120px;
    top: 40px;
    text-align: center;
    padding: 15px;
    color: #333333;
    width: 350px;
    height: auto;
    border-radius: 0px;
    box-shadow: none;
}
div#bkngbg h2{margin: 10px 0px 0px;}
p.bbres_fieldset.bbres_fieldset5, p.bbres_fieldset.bbres_fieldset6, p.bbres_fieldset.bbres_fieldset9 {
    float: left;
    padding-right: 9px !important;
    width: 33.33% !important;
}
p.bbres_fieldset.bbres_fieldset10.bb_btn{margin-top: 2px;}
p.bbres_fieldset.bbres_fieldset9{padding-right: 0px !important;}
input#bb_resBtn{border-radius: 0px !important; background: #40B9DE !important; color: #fff !important; border: 1px solid #40B9DE !important; text-transform: uppercase;}
p.bbres_fieldset.bbres_fieldset9 ,p.bbres_fieldset.bbres_fieldset5, p.bbres_fieldset.bbres_fieldset6{margin:0px 0px 17px !important;}
input#bb_resBtn:hover{background: #40B9DE !important}
.bb_resbox{background: none !important;
    border: none !important;
    padding: 0px 6px;
    border-radius: 0px !important;
    box-shadow: none;}

.navbar-inverse .navbar-nav > .active > a{    color: #fff;
    background-color: #40B9DE;}


/*CSS Ended by kishan*/
.booknow {background: #40B9DE !important; color: #fff !important; border-radius: 0px !important; padding: 11px 13px !important;}
.navbar-wrapper.navbarbg {background: #fff;transition: all 0.3s ease;position: relative;z-index: 200!important;}
.navbar-wrapper.navbarbg.sticky {position: fixed;top: 0;left: 0;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.navbar-nav {
  background: none;
  display: inline-block;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  margin: 12px 0 0;
}
.navbar-inverse .navbar-nav > li.tour_2 { margin-right: 0; }
.navbar-inverse .navbar-nav > li > a {
  color: #444;
  font-size: 14px;
  font-weight: bold;
  font-family: Verdana,Arial,sans-serif;
  border-radius:0px;
  background-color: transparent;
  padding: 11px 10px;
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus{
  border-radius: 0px !important;
}
.endtour, .nextstep, .prevstep {background: #40B9DE !important; border: 1px solid #40B9DE !important;   color: #FFFFFF !important;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #444;
    border-radius:6px;
}
.tour_1, .tour_3 , .tour_2 {
	position: relative;
}
.navoverlaywrap {
	width: 100%;
	height: 100px;
	position: absolute;
	z-index: 1;
}
.navoverlay {
	background:#000;
	opacity:0.3;
	z-index:85;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
#tour_tooltip p {
	padding: 10px;
}
.main-title {
text-transform: uppercase;
  color: #40B9DE;
  font-size: 30px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 13px;
  margin-bottom: 10px;
  margin-top: 0px;
}
.main-sub { color: #595858;}
.paratxt {line-height:26px;}
.footerbg {
  background: #313131;
  width: 100%;
  clear: both;
}
.lowfooter {background: #000;}

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
}
.boxicon
{

  bottom: 22%;
  left: 22%;
  margin: 0 auto;
  position: absolute;
  right: auto;
  top: 23%;
  font-size: 76px;
}

.fboxtitle
{
  font-family: 'Open Sans';
  font-size: 24px;
  margin-top:0px; 
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  position: relative;
}
.titlebr
{
  height: 1px;
  border:2px solid #fff;
  left: 0;
  bottom: -10px;
  width: 80px;
  position: relative;
}
/*custom booking box css*/
.bookinboxwrap
{
  width: 800px;
  margin: 0 auto;
  margin-top: -40px;
  position: relative;
  z-index: 999;
}
.bookinboxwrap2
{
  width: 100%;
  clear: both;
  float: left;
  margin-bottom: 31px;
  background: #40B9DE;
  margin-top: -113px;
  background: url("../images/transbg2.png") !important;
  position: relative;
  z-index: 999;
}
.bookinboxwrap2 .bb_resbox h2
{
  font-family: 'dancing_script_otregular' !important;
  color: #fff !important;
}

.boxinner
{
  width: 922px !important;
  margin: 0 auto !important;
  clear: both;
}
.bookinboxwrap .bb_resbox
{  
  border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.fboxtxt
{
  color: #939393;
  border-radius:6px;
}
.flink
{
  color: #939393;
  text-decoration: none;
  display: block;
  width: 46%;
  margin-right: 10px;
  float: left;
  padding: 4px 7px;
    transition: background-color 500ms ease-out 0.50s;
}
.flink:focus, .flink:hover{ color: #939393;  text-decoration: none;}
.site-info {
    margin: 0 auto;
    max-width: 1170px;
    padding: 14px 0px;
    width: 100%;
}
.site-info span {
    color: #6D6D6D;
    display: inline-block;
    font-size: 13px;
}
.site-info span a, .site-info span a:focus, .site-info span a:hover{text-decoration: none; color: #6D6D6D;}
.designbox {
    float: right;
}
.navbar-brand { height: auto; margin:0; padding: 0 15px 0 0;}
.navbar-brand img {max-width: 100%;}
.social_links {
  margin:0;
  padding:0;
}
.social_links li {
  float:left;
  margin:0 10px 0 0;
  padding:0;
  list-style:none;
}
.social_links li a {
  text-indent:-9999px;
  overflow: hidden;
  background:url(../images/img-sprite.png) no-repeat;
  height:30px;
  width:30px;
  display:block;
}
.social_links li .fb { background-position:0px 0px;}
.social_links li .tw { background-position:-40px 0px;}
.social_links li .yt { background-position:-80px 0px;}
.social_links li .gp { background-position:-120px 0px;}
.social_links li .fb:hover { background-position:0px -40px;}
.social_links li .tw:hover { background-position:-40px -40px;}
.social_links li .yt:hover { background-position:-80px -40px;}
.social_links li .gp:hover { background-position:-120px -40px;}
ul.foocontact
{
    padding: 0px;
  list-style: none;
}
.lblico {
    display: inline-block;
    font-size: 18px;
    vertical-align: top;
    width: 30px;
}
.lblcnt {
    display: inline-block;
    line-height: 30px;
}

@media (max-width: 805px) {
.bookinboxwrap
{
  width: 97%;
  margin-left:10px;
  margin-right: 10px; 
}
}

/* -------------------------------- 

xnugget info 

-------------------------------- */
.cd-nugget-info {
  position: absolute;
  width: 60%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-nugget-info h1 {
  color: #fefffb;
  font-size: 2.4rem;
  margin: .6em 0;
}
.cd-nugget-info .cd-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  border-radius: 50em;
  background: #ff962c;
  padding: 1em 2em;
  color: #fefffb;
  font-weight: bold;
  font-size: 1.4rem;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.cd-nugget-info .cd-btn:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.no-touch .cd-nugget-info .cd-btn:hover, .cd-nugget-info .cd-btn:focus {
  outline: none;
  background: #ffa346;
}


@media only screen and (min-width: 1100px) {
  .cd-nugget-info h1 {
    font-size: 4.2rem;
    font-weight: 300;
  }
  .cd-nugget-info .cd-btn {
    font-size: 1.6rem;
  }
}

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-tour-wrapper {
  position: fixed;
  z-index: 2;
  height: 90%;
  width: 90%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}
.cd-tour-wrapper::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: 'mobile';
}
.cd-tour-wrapper.active {
  /* start tour */
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 600px) {
  .cd-tour-wrapper {
    max-width: 500px;
    max-height: 600px;
  }
}
@media only screen and (min-width: 1100px) {
  .cd-tour-wrapper {
    /* reset style */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: none;
    max-height: none;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-tour-wrapper::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
  .cd-tour-wrapper.active {
    visibility: hidden;
  }
}

.cd-single-step {
  /* tour single step */
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #fefffb;
  border-radius: 4px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  opacity: 0;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.4s 0s, opacity 0s 0.4s;
  -moz-transition: -moz-transform 0.4s 0s, opacity 0s 0.4s;
  transition: transform 0.4s 0s, opacity 0s 0.4s;
}
.cd-single-step > span {
  /* dot indicator - visible on desktop version only */
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: inherit;
  background: #ff962c;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  /* replace text with background images */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  /* hide on mobile */
  display: none;
}
.cd-single-step::after {
  /* this is used to create the pulse animation */
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* hide on mobile */
  display: none;
}
.active .cd-single-step {
  /* tour started */
  -webkit-transform: scale(1) translateX(100%);
  -moz-transform: scale(1) translateX(100%);
  -ms-transform: scale(1) translateX(100%);
  -o-transform: scale(1) translateX(100%);
  transform: scale(1) translateX(100%);
  -webkit-transition: -webkit-transform 0.4s 0s, opacity 0.4s 0s;
  -moz-transition: -moz-transform 0.4s 0s, opacity 0.4s 0s;
  transition: transform 0.4s 0s, opacity 0.4s 0s;
}
.active .cd-single-step.move-left {
  -webkit-transform: scale(1) translateX(-100%);
  -moz-transform: scale(1) translateX(-100%);
  -ms-transform: scale(1) translateX(-100%);
  -o-transform: scale(1) translateX(-100%);
  transform: scale(1) translateX(-100%);
}
.active .cd-single-step.is-selected {
  /* visible step */
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s 0s;
  -moz-transition: -moz-transform 0.4s 0s;
  transition: transform 0.4s 0s;
}
@media only screen and (min-width: 1100px) {
  .cd-single-step {
    /* reset style */
    height: auto;
    width: auto;
    top: auto;
    left: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    border-radius: 50%;
    visibility: hidden;
    opacity: 1;
    background-color: transparent;
    box-shadow: none;
    -webkit-transition: visibility 0s 0.4s;
    -moz-transition: visibility 0s 0.4s;
    transition: visibility 0s 0.4s;
  }
  .cd-single-step:nth-of-type(1) {
    /* set tour points positions */
    bottom: 40%;
    right: 30%;
  }
  .cd-single-step:nth-of-type(2) {
    bottom: 60%;
    right: 48%;
  }
  .cd-single-step:nth-of-type(3) {
    top: 28%;
    left: 20%;
  }
  .cd-single-step > span, .cd-single-step::after {
    display: block;
  }
  .active .cd-single-step, .active .cd-single-step.move-left {
    -webkit-transition: visibility 0s 0.4s;
    -moz-transition: visibility 0s 0.4s;
    transition: visibility 0s 0.4s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-single-step.is-selected {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
  }
  .cd-single-step.is-selected > span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .cd-single-step.is-selected::after {
    -webkit-animation: cd-pulse 2s infinite;
    -moz-animation: cd-pulse 2s infinite;
    animation: cd-pulse 2s infinite;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }
  .cd-single-step.is-selected .cd-more-info {
    opacity: 1;
  }
}

@-webkit-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #ff962c;
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
  }
}
@-moz-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #ff962c;
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
  }
}
@keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #ff962c;
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
  }
}
.cd-single-step .cd-more-info {
  z-index: 1;
  padding: 1.5em;
  width: 100%;
}
.cd-single-step .cd-more-info::after {
  clear: both;
  content: "";
  display: table;
}
.cd-single-step .cd-more-info::before {
  /* triangle next to the step description - hidden on mobile */
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  display: none;
}
.cd-single-step .cd-more-info h2 {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: .4em;
}
.cd-single-step .cd-more-info p {
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 1.4em;
  font-family: Georgia, serif;
  color: #7f7f7d;
}
.cd-single-step .cd-more-info img {
  margin-bottom: 1.4em;
}
.cd-single-step .cd-more-info .cd-close {
  /* 'X' icon to skip the tour */
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  /* replace text with background images */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-single-step .cd-more-info .cd-close::after, .cd-single-step .cd-more-info .cd-close:before {
  /* these are the 2 lines of the 'X' icon */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 2px;
  width: 16px;
  border-radius: 4em;
  background-color: #cbccc8;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-single-step .cd-more-info .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-single-step .cd-more-info .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-single-step .cd-more-info span {
  /* step count e.g. 1 of 3*/
  float: left;
  padding-top: .1em;
  font-size: 1.3rem;
  font-family: Georgia, serif;
}
@media only screen and (min-width: 1100px) {
  .cd-single-step .cd-more-info {
    position: absolute;
    width: 340px;
    border-radius: 4px;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
    opacity: 0;
    background-color: #fefffb;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
    border-color: #fefffb;
  }
  .cd-single-step .cd-more-info p {
    margin-bottom: 2.5em;
  }
  .cd-single-step .cd-more-info img {
    display: none;
  }
  .cd-single-step .cd-more-info::before {
    /* triangle next to the step description - hidden on mobile */
    display: block;
  }
  .cd-single-step .cd-more-info.left {
    right: calc(100% + 15px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-single-step .cd-more-info.right {
    left: calc(100% + 15px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-single-step .cd-more-info.left, .cd-single-step .cd-more-info.right {
    top: 50%;
  }
  .cd-single-step .cd-more-info.top {
    bottom: calc(100% + 15px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-step .cd-more-info.bottom {
    top: calc(100% + 15px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-step .cd-more-info.top, .cd-single-step .cd-more-info.bottom {
    left: 50%;
  }
  .cd-single-step .cd-more-info.left::before, .cd-single-step .cd-more-info.right::before {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-single-step .cd-more-info.top::before, .cd-single-step .cd-more-info.bottom::before {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-step .cd-more-info.left::before {
    border-left-color: inherit;
    left: 100%;
  }
  .cd-single-step .cd-more-info.right::before {
    border-right-color: inherit;
    right: 100%;
  }
  .cd-single-step .cd-more-info.top::before {
    border-top-color: inherit;
    top: 100%;
  }
  .cd-single-step .cd-more-info.bottom::before {
    border-bottom-color: inherit;
    bottom: 100%;
  }
  .is-selected .cd-single-step .cd-more-info {
    opacity: 1;
  }
}

.cd-tour-nav {
  float: right;
}
.cd-tour-nav::after {
  clear: both;
  content: "";
  display: table;
}
.cd-tour-nav li {
  display: inline-block;
  float: left;
}
.cd-tour-nav li:first-of-type {
  margin-right: 1.5em;
}
.cd-tour-nav a {
  font-size: 1.3rem;
  color: #222d33;
  font-weight: bold;
}
.cd-tour-nav a.inactive {
  /* item not clickable */
  color: #cbccc8;
  cursor: not-allowed;
}

.cd-cover-layer {
  /* background cover layer - visible when tour is activated */
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}
.cd-cover-layer.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 1100px) {
  .cd-cover-layer.is-visible {
    opacity: 0;
    -webkit-animation: cd-fade-in 2.1s;
    -moz-animation: cd-fade-in 2.1s;
    animation: cd-fade-in 2.1s;
  }
}

@-webkit-keyframes cd-fade-in {
  0%, 100% {
    opacity: 0;
  }
  14%, 40% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0%, 100% {
    opacity: 0;
  }
  14%, 40% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0%, 100% {
    opacity: 0;
  }
  14%, 40% {
    opacity: 1;
  }
}
/* -------------------------------- 

xapp prototype - no need to import this in production 

-------------------------------- */
.cd-app-screen {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  height: 80%;
  background: #222d33;
  border-radius: 4px;
  box-shadow: 0 10px 60px #08151d;
}
.cd-app-screen::before, .cd-app-screen::after {
  content: '';
  position: absolute;
}
.cd-app-screen::before {
  top: 0;
  left: 0;
  height: 40px;
  width: 100%;
  background: #fefffb;
  border-radius: 4px 4px 0 0;
}
.cd-app-screen::after {
  top: 14px;
  left: 20px;
  height: 12px;
  width: 60px;
  background: #e4e5e1;
  border-radius: 3px;
}

/* Custom CSS */
.ui-datepicker-header {background: #40b9de !important;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {font-size: 0;}
.ui-datepicker .ui-datepicker-prev span:before, 
.ui-datepicker .ui-datepicker-next span:before {
  font-size: 14px;
  width: 30px;
  display: block;
  margin: -2px 0 0 -7px;
  text-align: center;
  color: #FFF;
}
.ui-datepicker .ui-datepicker-prev span:before {content: "<"; font-size: 14px;}
.ui-datepicker .ui-datepicker-next span:before {content: ">"; font-size: 14px;}


@media (max-width:1199px) {
  .navbar-nav > li {margin: 0;}
}
/* End: 1199 */

@media (max-width:1024px) {
  .abtus img { max-width: 100%; }
  .navbar-collapse { width: 100%; }
  .navbar-collapse.collapse {display: none !important; visibility: hidden!important;}
  .navbar-collapse.collapse.in {display: block !important; visibility: visible!important;}
  .navbar-toggle {position: absolute; right: 0; top: 10px; display: block; margin-right: 0;}
  .navbar-nav {background: none;display: inline-block;width: 100%;margin: 12px 0 0;}
  .navbar-nav > li { float: none; }
  .navbar-nav > li.tour_2 a.booknow {display: inline-block;}
  /*#tour_overlay, #tour_tooltip {display: none !important;}*/
  /*.tour_1, .tour_2, .tour_3 {opacity: 1 !important;}*/
  #tour_tooltip, .tooltip {left: 0!important; right: 0 !important; top: 100px !important; margin: 0 auto;}
  #tour_tooltip.lftmrg {top: 200px!important;left: 50% !important;right: auto !important;}
  .demo-cnt { position: relative; }
  .demo_click:before,.demo_click:after { left: 20px; }

}
/* End: 1024 */

@media (max-width:991px) {
  .room-block { width: 45%; padding: 25px; } 
  .rooms h2 { font-size: 24px; }
  .abtcontent { text-align: center; }
  .abt-img {text-align: center;margin-top: 30px;}
    #_exitwidgetcontainer .popup-inner {width:60% !important;}
}
/* End: 991 */

@media (max-width:767px) {
  .slider-container .slide-image {height: 350px;}
  .bookingbox .bb_resbox input.bbres_booknow {width: 100% !important;}
  .facility li { width: 30%;}
  .room-block {text-align: center; vertical-align: top; min-height: 350px; padding: 50px 25px 25px;}
  .hm-gallery figure { width: 50%;}
  .fboxtitle { font-size: 18px; display: inline-block;width: 100%;margin: 30px 0 15px;}
  .fboxtxt:first-child .fboxtitle {margin-top: 0;}
  .bookingengine {margin-top: -190px;}
  .abtus, .rooms, .gallery { margin: 40px 0;}
  .navbar-toggle {top: 0;}
  #_exitwidgetcontainer .popup-inner h2 {font-size: 24px !important; line-height: 1.2em !important;}
  #_exitwidgetcontainer .popup-inner h3 {font-size: 20px !important; line-height: 1.2em !important;}
  #_exitwidgetcontainer .popup-inner p {font-size: 14px !important;}
  .navbar-header { position: relative; }
}
/* End: 767 */

@media (max-width:640px) {
  .room-block {width: 100%;padding: 25px;text-align: center;margin: 0 0 15px;min-height: inherit;}
  /*.abtcontent h2, h2 { font-size: 24px;}*/
  .facility li h4 { font-size: 16px;}
  #_exitwidgetcontainer .popup-inner {width:auto !important;padding:40px 20px 20px !important;top: 30px !important;left: 0 !important;right: 0 !important;margin: 0 15px; transform: translate(0%, 0%) !important;}
  .demo_click:hover ~ .demo-cnt {position: relative;}
  .demo_click:before,
  .demo_click:after {left: 5%;}
  #tour_tooltip.lftmrg {top:180px !important;left:0 !important;right:0 !important;}
  #tour_tooltip.lftmrg .tooltip_arrow_L {background-position: 0px -7px;top: -2px;left: 50%;margin-left: -3.5px;background-image: url(../images/topbottom.png);width: 13px; height: 7px;}
  .room-block.room-block2 {margin-bottom: 0;}
  .main-title { border-bottom: 0; padding-bottom: 10px;}
  .abtcontent h2 .main-sub { display: block; }


}
/* End: 640 */

@media (max-width:480px) {
  .navbar-brand {padding: 0;}
  .navbar-brand img {height: 46px;}
  .slider-container .slide-image { height: 250px; }
  .bookingengine {top: auto;left:0;right:0;margin: 0; bottom: 0; height: auto; position: relative;}
  div#bkngbg {position: relative; width: 100%;left: 0; top: 0; display: inline-block; padding: 25px 15px;}
  .facility li { width: 48%; }
  .abtcontent h2 .main-sub { display: block; }
  .demo_click:hover ~ .demo-cnt { display: none; }
  .demo_click:before,.demo_click:after { display: none!important; }
  #tour_tooltip, .tooltip {width: 280px;}
  #tour_tooltip.lftmrg {top:120px !important;left:0 !important;right:0 !important; box-shadow: none; display: block !important;}
  #tour_tooltip.lftmrg .tooltip_arrow_L {background-position: 0px 0;top: auto; bottom:-8px;left: 50%;margin-left: -3.5px;background-image: url(../images/topbottom.png);width: 13px; height: 7px;}
  .hm-gallery figure { width: 100%; padding: 10px 15px; }
  .hm-gallery figure img { -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden;}
  .gallery .seemore {margin-top: 25px;}
  .bgbanner { border-bottom: 1px solid #ddd; }
  h2 { font-size: 26px; }
  .main-title { font-size: 24px; line-height: 1.3;}

}
/* End: 480 */

@media (max-width:360px) {
  .facility li { width: 100%; }
  .flink { width: 100%; display: block; margin: 0; float: none; }

}
/* End: 360 */

@media (max-width:320px) {
  .ui-pnotify.stack-bottomleft {left: 10px !important;}
}
/* End: 320 */