html, body  { margin:0px; color:#666; font-size:16px; }
a { text-decoration:none; }

iframe { max-width: 100%; }

#header { position:fixed; z-index:100; top:0; width:100%; height:100px; border-bottom:1px solid #eee; background:#fff; box-shadow:0 0 5px 2px rgba(0,0,0,0.1); }
#header .logo { float:left; padding: 10px 10px 10px 0; position:absolute; z-index:3; display:flex; flex-direction:row; align-items:center; vertical-align:middle; height:100%; }
#header .logo img { display:block; max-height:80px; max-width:280px; }


#header .menu { float:right; clear:right; position:relative; z-index:2; padding-left:300px; width:100%; }
#header .menu ul { margin:0; padding:0; list-style:none; display:block; }
#header .menu > ul > li { display:flex; flex-grow:1; line-height:69px; vertical-align:bottom; position:relative; }
#header .menu > ul { display:flex; flex-flow:row nowrap; justify-content:flex-end; }
#header .menu a { font-weight:300; text-transform:uppercase; color:#333; text-decoration:none; font-size:0.8em; transition-duration:0.2s; display:block; width:100%; text-align:center; }
#header .menu ul a { white-space:nowrap; }
#header .menu a:hover { color:#888; }
#header .menu .bestRateLogo { position:absolute; top:-17px; right:-117px; }
#header .menu ul .dropdown-arrow { display: none; }

#mobile-menu-toggle,
#booking-panel-toggle,
#mobile-call-button { display:none; }


#header .top { float:right; clear:right; height:30px; line-height:30px; margin:0 20px; }
#header .top a { opacity:1; transition-duration:0.3s; }
#header .top:hover a { opacity:0.7; }
#header .top:hover a:hover { opacity:1; }
#header .social-icon { margin:0 2px; }
#header .phone { margin-right:10px; }


@media (min-width:993px) {
#header .booking-panel-frame { transition-duration:0.2s; position:relative; z-index:1; }
#header .menu ul ul { background:#ffffff; border-color:#eee; border-style:none solid solid; border-width:0 1px 1px; display:none; position:absolute; line-height:40px; left:0; top:100%; }
#header .menu ul ul li { float: none; }
#header .menu ul ul a { border-bottom:1px solid #eee; padding:10px 25px; }
/*#header .menu ul ul li:last-child a { border-bottom: 0 none; }*/
#header .menu li:hover ul { display: block; }

}

@media(max-width: 992px) {
  .container { width: 100%; }
}
@media (max-width: 768px) {
  .container { width: 100%; }
}

.parallax { background-size:cover; background-position:center center; }
.parallax:before { content:""; display:block; padding-top:20%; max-height:400px; }
.parallax-lead { margin-bottom:50px; margin-top:100px; }
.parallax-lead:before { content:""; display:block; padding-top:20%; }
.parallax-split { margin:50px 0; }



#content { line-height:1.4em; z-index:4; }
.pageTitle { margin:30px auto 40px auto; font-size:2em; color:#333; text-transform:lowercase; text-align:center; font-weight:300; max-width:1170px; }



#footer { background:#282A2B; color:#999; margin-top:50px; }
#footer a { /*color:#ccc;*/ transition-duration:0.2s; }
/*#footer a:hover { color:#fff; }*/
#footer .copyright { padding:10px; font-size:0.8em; }

#foooter .footer-bottom { background:#111; }
#footer .footer-top { padding:20px 0; }
/*#footer .footer-top h4 { color:#fff; }*/
#footer .form-group { margin-bottom:5px; }

#footer .promo-container { position:relative; overflow:hidden; z-index:1; }
#footer .promo { width:100%; height:130px; background-size:cover; background-position:center center; }
#footer .promo .promo-text { position:absolute; bottom:0; left:0; right:0; text-align:center; }

#footer .social-icon { margin:0 10px; font-size:25px; }
#footer .photo-holder img { margin-bottom:5px; }


/*levart cms*/

.LDSNodeGroup .LDSImage { background-size:cover; background-position:center center; }


/* list view */
.LDSNodeGroup.nodeGroupLayoutList li { overflow:hidden; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd; }
.LDSNodeGroup.nodeGroupLayoutList li:last-child { border-bottom:none; }
.LDSNodeGroup.nodeGroupLayoutList .LDSImage {
  float:left; padding:2px; border-radius:1px; display:block; width:180px; height:120px; display:block;
  box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.LDSNodeGroup.nodeGroupLayoutList .LDSText { display:block; margin-left:200px; }


/* grid view */
.LDSNodeGroup.nodeGroupLayoutGrid li { width:48%; margin:1%; padding:0px; float:left; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; padding:5px; padding-top:10px; }
.LDSNodeGroup.nodeGroupLayoutGrid .LDSImage {
  float:left; padding:2px; border-radius:2px; display:block; width:100px;
  box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12); height:auto; position:relative; margin:0;
}
.LDSNodeGroup.nodeGroupLayoutGrid .LDSImage img { width:100px; height:60px; display:block; }
.LDSNodeGroup.nodeGroupLayoutGrid .LDSText { display:block; margin-left:5px;  margin-left:110px; }
.LDSNodeGroup.nodeGroupLayoutGrid li:hover { border-color:#aaa; }


/* block view */
.LDSNodeGroup.nodeGroupLayoutBlock li { padding:0; max-width:none; width:32%; margin:10px 0.5%; border:0; position:relative; border-radius:0; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12); }
.LDSNodeGroup.nodeGroupLayoutBlock .LDSImage { height:auto; position:relative; margin:0; }
.LDSNodeGroup.nodeGroupLayoutBlock .LDSText { margin:0; padding:15px; min-height:auto; }
.LDSNodeGroup.nodeGroupLayoutBlock .LDSText h3 { font-size:1.8em; margin:10px auto 0; text-align:center; }
.LDSNodeGroup.nodeGroupLayoutBlock p { color:#999; margin:4px 11px 7px; max-height:1.4em; overflow:hidden; text-align:center; text-overflow:ellipsis; white-space:nowrap; }


.vouchers-purchase .label {color:#000;}

@media (max-width:992px) {
  .LDSNodeGroup.nodeGroupLayoutGrid li { margin:0; width:100%; padding-bottom:15px; margin-bottom:10px; }
  .LDSNodeGroup.nodeGroupLayoutGrid > li:last-child { border-bottom:0; }
  .LDSNodeGroup.nodeGroupLayoutBlock li { width:48%; }
}
@media (max-width:768px) {
  .LDSNodeGroup.nodeGroupLayoutBlock li { width:100%; margin:10px 0; }
}





/*Rooms pages*/
#roompage-slideshow {  position:relative; overflow:hidden; margin-bottom:60px; z-index:1; box-shadow:0 2px 3px rgba(0, 0, 0, 0.3), 0 0 4px 0 rgba(0, 0, 0, 0.3); }
#roompage-slideshow:before { display:block; content:""; padding-top:40%; }
#roompage-slideshow .slide { width:100%; height:100%; background-position:center center; background-size:cover; }
#roompage-slideshow .cycle-arrow {
  position:absolute; top:50%; z-index:9999; margin-top:-15px; display:block; position:absolute;
  cursor:pointer; background:rgba(0,0,0,0.7); color:#fff; font-size:12px; width:30px; height:30px; text-align:center; line-height:30px;  opacity:0.3; transition-duration:0.2s;
}
#roompage-slideshow .cycle-arrow:hover { opacity:1; }
#roompage-slideshow .cycle-prev { left:0; }
#roompage-slideshow .cycle-next { right:0; }

#roompage-rate-preview { margin:50px 0; font-size:1.5rem; }
#roompage-rate-preview a { font-size:2.5rem; display:inline-block; margin-top:20px; text-decoration:none; }




.topNavigator {
  position: fixed;
  bottom: 20px;
  /*left: 30px;*/
  width: 50px;
  height: 50px;
  background: #fff;
  /*color: #000;*/
  /*border: 5px solid #000;*/
  border-radius: 10px;
  text-align: center;
  line-height: 40px;
  display: none;
  z-index: 99999999;
}






/*booking pages*/
.grid-rate-book { box-sizing:content-box; }




@media (max-width:1170px) {
  #header .container { width:auto; }
}

@media (max-width:992px) {
  #header { height:60px; }
  #header.mobile-book-style-large  { height:98px; }
  #header .logo { padding: 5px 5px 5px 0; height:60px; }
  #header .logo img { max-height:50px; }

  #mobile-menu-toggle,
  #mobile-call-button,
  #booking-panel-toggle { display:block; float:right; text-shadow:none; margin-top:12px; padding:5px 10px; background:#333; color:#fff; border:1px solid #333; border-radius:1px; text-decoration:none; }
  #mobile-menu-toggle { background:transparent; }
  #booking-panel-toggle,
  #mobile-call-button { margin-right:15px; }
  .mobile-book-style-small #booking-panel-toggle .fa { display:none; }

  .mobile-book-style-large #booking-panel-toggle { display:block; padding:8px 10px; text-align:center; color:#fff; position:absolute; bottom:-2px; left:0; right:0; margin:0; }
  .mobile-book-style-large #booking-panel-toggle .fa { margin-right:5px; }
  .bookingButtonSpacer {height: 39px;}

  #header .menu { padding:0; display:none; position:absolute; background:#fefefe; top:60px; left:0; right:0; bottom:0; float:none; height:100vh; padding-bottom:60px; overflow-x:hidden; overflow-y:auto; box-shadow:0 3px 3px 0 rgba(0,0,0,0.2), inset 0 2px 3px -2px rgba(0,0,0,0.8); }
  #header .menu ul { display:block; padding:0; }
  #header .menu ul li { float:none; display:block;  margin:0; line-height:30px; }
  #header .menu ul ul li:last-child a { border-bottom:1px solid #eee; }
  #header .menu ul a { white-space:initial; }
  #header .menu a { text-align:center; }
  #header .menu li { float:none; display:block; line-height:1.2rem; margin:0; padding:0; }
  #header .menu li a { display:block; padding:10px 15px; border-bottom:1px solid #eee; }
  /*#header .menu > ul li:last-child a { border-bottom:0; }*/

  #header .top { display:none; }
  #header .booking-panel-frame { position:absolute; top:100%; left:0; right:0; display:none; }
  #header.mobile-book-style-large .booking-panel-frame { box-shadow:0 3px 3px 0 rgba(0,0,0,0.2), inset 0 4px 12px -5px rgba(0,0,0,0.8); }

  #footer .footer-top .container > div { padding:10px 0; }


  .parallax-lead { margin-top:60px; }

}


@media (max-width:768px) {
  #header .menu ul .dropdown-arrow {
    display:block;
    position: absolute;
    right: 0;
    margin-top: -51px;
    z-index:4000;
    width:50px;
    border-left:1px solid #eee;
    color:#999;
    text-align: center;
    padding-top: 10px;
    padding-bottom:10px;
    line-height: unset;
  }
  #header .menu ul ul {display: none; background-color: #eee;}
  #header .menu ul ul li a { border-bottom-color: #fff;}
  #header .menu ul .show {
    display:block;
  }
  #header .menu .hasChildren {width:100%}
  .mobile-book-style-small #booking-panel-toggle,
  #mobile-call-button { margin-right:5px; }
  .topNavigator { display: none!important; }
  #ui-datepicker-div { top:40% }
}

@media (max-width:500px) {
  .mobile-book-style-small #booking-panel-toggle .text,
  #mobile-call-button .text { display:none; }
  .mobile-book-style-small #booking-panel-toggle .fa { display:initial; }
}


#ui-datepicker-div { z-index:999999 !important; }

.bookingConfirmation .label { color: #333; }