.mfp-bg {z-index:9998 !important;}
.mfp-wrap {z-index:9999 !important;}


/****************************
KSZ Offer bar - begin
****************************/
#show_hide_ksz_offerbar:hover {
  text-decoration: none;
}

.ksz-offerbar-container {
  position: fixed;
  left: 0px;
  top: 220px;
  z-index: 10000;
  width: 270px;
  height: 260px;
  -moz-transition: left 1000ms;
  -o-transition: left 1000ms;
  -webkit-transition: left 1000ms;
  transition: left 1000ms;
}

.ksz-offerbar-container .ksz-offerbar {
  background-color: #FFF;
  width: 270px;
  height: 100%;
  border: 1px solid #ccc;
  overflow-y: none;
  position: relative;
}

.hide-ksz-offerbar {
  left: -270px;
}


.ksz-offerbar-container .arrow-left {
  position: absolute;
  right: -40px;
  top: 0px;
  width: 40px;
  height: 100%; 
  /* width: 50px;
  height: -17%; */
  line-height: 40px;
  text-align: center;
  font-size: 25px;
  color: #fff;
  /*margin-top: -25px;*/
  margin-top: 0px;
  border: 0px solid #bd9e55;
  z-index: -1;
  background-color: #bd9e55;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px 0px 0px 0px;
  -moz-transition: color 300ms;
  -o-transition: color 300ms;
  -webkit-transition: color 300ms;
  transition: color 300ms;  
  cursor: pointer;
}

.ksz-offerbar-container .arrow-left:hover {
  color: #eee;
}

.ksz-offerbar-container .arrow-left .rotate-left {
position: absolute;
top: 100%;
left: 0;
width:250px;
padding-right:50px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: right;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
font-family: "Marine", "Open Sans",sans-serif;
border:0px solid #000;
  -moz-transition: color 300ms;
  -o-transition: color 300ms;
  -webkit-transition: color 300ms;
  transition: color 300ms;  

	}

.ksz-offerbar .ksz-offerbar-elements {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.ksz-offerbar .ksz-offerbar-row {
  padding: 15px 10px 10px 15px;
  clear: both;
  display: none;
  overflow: hidden;
  background-color:#fff;
}

.ksz-offerbar .ksz-offerbar-row.ksz-offerbar-row-open {
  display: block;
  overflow: hidden;
}


.ksz-offerbar .ksz-offerbar-row.ksz-offerbar-row-open h1,.ksz-offerbar .ksz-offerbar-row.ksz-offerbar-row-open h3 {color:#bd9e55;font-size:21px;font-family:'Marine';text-transform: uppercase;margin:5px 0 15px 0;line-height:1.0em;}
.ksz-offerbar .ksz-offerbar-row.ksz-offerbar-row-open h2,.ksz-offerbar .ksz-offerbar-row.ksz-offerbar-row-open h4 {color:#00529e;font-size:14px;font-family:'Marine';font-weight:400;margin:0 0 5px 0;line-height:1.2em;}
.ksz-offerbar .ksz-offerbar-row.ksz-offerbar-row-open h2 b,.ksz-offerbar .ksz-offerbar-row.ksz-offerbar-row-open h4 b {font-weight:700;cursor: pointer;}
.ksz-offerbar .ksz-offerbar-row.ksz-offerbar-row-open h6 {color:#bd9e55;font-size:11px;font-family:'Marine';font-weight:400;margin:0;}
.ksz-offerbar .ksz-offerbar-row.ksz-offerbar-row-open	a.btn-popup1 {background-color:#00519e;color:#ffffff;transition: all 0.1s ease-in;text-transform: uppercase;font-weight: bold;display: inline-block;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: "Marine", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;padding: 8px 25px;}
.ksz-offerbar .ksz-offerbar-row.ksz-offerbar-row-open	a.btn-popup1:hover,#small-dialog .btn-popup1:focus,#small-dialog .btn-popup1:active  {background-color:#00519e !important;color:#ffffff !important;}

#ksz-chevron {width:35px;}

@media (max-width: 279px) or (max-height: 400px) {
  #ksz-offerbar-container {   display: none;  }
}

@media (min-width: 280px) and (max-width: 767px) {
	.ksz-offerbar-container {  top:unset;bottom:80px;}
}


@media (min-width: 768px) and (max-width: 1240px) and (min-height: 591px) {
	.ksz-offerbar-container {  top:320px;bottom:unset;}
}

@media (min-width: 768px) and (max-width: 1240px) and (max-height: 589px) {
	.ksz-offerbar-container {  top:unset;bottom:80px;}
}

@media (min-width: 280px) and (max-width: 300px) {
.ksz-offerbar-container {
  width: 250px;
}
.ksz-offerbar-container .ksz-offerbar {
  width: 250px;
}
.hide-ksz-offerbar {
  left: -250px;
}
}

.ksz-offerbar-container .arrow-left .rotate-left-en {
width:270px;
padding-right:30px;
}

@media (max-width: 767px) {
    div.reservation-vertical h4 {
      font-size: 22px;
      font-family: "Marine Light","Open Sans",sans-serif !important;
    }
}
/****************************
KSZ Offer bar - end
****************************/

#navbar-collapse-grid { 
  float: unset;
  margin: 0 auto;
    
}