@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,200italic);
@import url(//fonts.googleapis.com/css?family=Merriweather:400,300);

html, body  { margin:0px; font-family:'Source Sans Pro', Arial, Tahoma, sans-serif; color:#333; }


body { background:#666; background:#666; background-size:cover; background-attachment:fixed; line-height:1.4em; }

.content-wrapper { width:1100px; margin:0 auto; }

a { text-decoration:none; transition-duration:0.1s; }
button { transition-duration:0.1s; }

#wrapper { background:#fff; width:1160px; margin:0 auto; box-shadow:0 0 20px 15px rgba(0, 0, 0, 0.2); }
#wrapper.layout-fullwidth { width:auto; }


h1 { font-size:2em; }
h2 { font-size:1.5em; }
h3 { font-size:1.3em; }
h4 { font-size:1.2em; }

p { margin:10px 0; }

.pageTitle {
  border-bottom: 1px solid #e8e8e8;
  margin: 0 0 30px;
  padding: 0 0 14px;
  position: relative;
  font-size:28px;
  font-variant:small-caps;
}
.pageTitle:after { content:" "; position:absolute; bottom:0; left:0; height:4px; width:50px; }


ul { list-style:circle; padding-left:30px; }
ol { list-style:decimal; padding-left:30px; }



/* Topbar */
#topbar { padding:10px 0; background:#1C1C1C; }
#topbar .topbar-right { float:right; width:50%; }
#topbar .header-contact { float:right; margin:0; padding:0; list-style:none; }
#topbar .header-contact li { float:right; margin:0 15px 0 0; }
#topbar .header-contact li a { color:#fff; font-size:12px; text-decoration:none; padding-left:25px; }
#topbar .header-contact .fa { font-size:1.2em; position:absolute; margin-left:-20px; margin-top:4px; }
#topbar .header-contact .fa-phone { margin-left:-17px; }

#topbar .topbar-left { float:left; width:50%; }

#topbar #translateBox { float:left; margin-right:20px; }
#topbar .goog-te-gadget-simple { padding:0; font-size:10px; border:0; }
#topbar .goog-te-gadget-icon { height:16px; width:16px; margin-top:-2px; }

#topbar .socials-container { float:left; }
#topbar .socials { position:absolute; }
#topbar .socials a {
  background-image: url("../images/social_icons.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin:1px 7px 0 0;
  opacity:0.8;
}
#topbar .socials a:hover { opacity:1; }
#topbar .socials .facebook { background-position: -21px -60px; }
#topbar .socials .twitter { background-position: -65px -60px; }
#topbar .socials .pinterest { background-position: -109px -60px; }
#topbar .socials .googleplus { background-position: -152px -60px; }
#topbar .socials .linkedin { background-position: -195px -60px; }
#topbar .socials .tumblr { background-position: -238px -60px; }
#topbar .socials .rss { background-position: -280px -60px; }
#topbar .socials .instagram { background-position: -322px -60px; }
#topbar .socials .youtube { background-position: -362px -60px; }






/* Banner */
#banner .content-wrapper { position:relative; }
#banner #logo { float:left; margin:20px 0;  }
#banner #logo a { display:block; height:86px; width:180px; background-position:center left; background-size:contain; background-repeat:no-repeat; background-color:#fff; }

/* Main Nav */
#main-navigation { display:block; font-family:'Merriweather',serif; font-size:12px; text-transform:uppercase; }
#main-navigation ul { float:right; padding:0; list-style:none; }
#main-navigation li { float:left; border-bottom:4px solid #fff; position:relative; }
#main-navigation li a { color: #1c1c1c; display: block; padding: 15px 20px; margin:40px 0; text-decoration: none; border-left:1px solid #e8e8e8; }
#main-navigation ul li:first-child a { border-left:0; }
#main-navigation li a:hover { color:#444; }

#main-navigation ul ul { display:none; position:absolute; z-index:100; background:#fff; box-shadow:0 2px 4px rgba(136, 136, 136, 0.6); min-width:200px; margin-top:4px; }
#main-navigation ul ul li { border:0; float:none; display:block; }
#main-navigation ul ul li a { margin:0; border-bottom:1px solid #e8e8e8; border-left:0; font-family:'Source Sans Pro', Arial, Tahoma, sans-serif; text-transform:none; font-size:12px; padding:10px 15px; }
#main-navigation ul ul li a:hover { background-color:#fafafa; }
#main-navigation li:hover ul { display:block; }



#banner #mobile-menu-wrapper { display:none; float:right; margin:38px 0 0 0; position:relative; cursor:pointer; }
#banner .mobile-menu-button { background: url("../images/mobile-menu.png") no-repeat #1c1c1c; background-position: center center; float: left; height: 55px; margin: 0 1px 0 0; width: 55px; }
#banner .mobile-menu-title { color: #fff; float: left; font-size: 14px; height: 34px; padding: 21px 0 0; text-indent: 20px; width: 200px; background:#1c1c1c; font-family:'Merriweather',serif; font-size:14px; }



/* Slider */
#slider { margin:0 0 35px; position:relative; z-index:1; }
#slider .slider { z-index:1; }
#slider .slides { overflow:hidden; height:520px; position:relative; padding:0; list-style:none; }
#slider .slides li { height:100%; width:100%; overflow:hidden; background-size:cover; background-position:center center; background-repeat:no-repeat; }
#slider .slider-caption-wrapper { position: absolute; top: 66%; width:100%; text-align:center; }
#slider .slider-caption {  display:inline-block; padding: 6px 15px; font-size:26px; background:rgba(28, 28, 28, 0.7); color:#fff; font-family:'Merriweather',serif; line-height:160%; }
#slider .slider-caption p { margin:0; }
#slider .slider-caption .small { font-size:0.7em; margin-top:-5px; font-weight:300; color:#ccc; }

#slider .slider-nav { position:absolute; top:39%; width:100%; }
#slider .slider-next,
#slider .slider-prev { position:absolute; border-radius: 99%; height: 55px; width: 55px; text-indent:-9999px; z-index:100; opacity:0.6; }
#slider .slider-prev { background: url("../images/left-arrow.png") no-repeat scroll center center rgba(0, 0, 0, 0); left: 30px; }
#slider .slider-next { background: url("../images/right-arrow.png") no-repeat scroll center center rgba(0, 0, 0, 0); right: 30px; }
#slider .slider-next:hover,
#slider .slider-prev:hover { opacity:1; }
#slider .slides li { width:100% !important; height:100% !important; }


#search-container { max-width:960px; margin:-40px auto 0 auto; z-index:100; position:relative; }




/*Footer*/
#footer { margin:40px 0 0 0; padding:40px 0; background:#1C1C1C; }
#footer .column { width:32%; margin-right:2%; float:left; color:#ddd; }
#footer .column.last { margin-right:0; }


#footer .column h4 { color:#fff; text-transform:uppercase; font-size:12px; position:relative; padding-bottom:8px; margin-bottom:30px; font-weight:bold; }
#footer .column h4 .title-block { bottom: -3px; display: block; height: 3px; left: 0; position: absolute; width: 48px; }


#footer .photos .photo-holder { width:100%; max-width:220px; }
#footer .photos .photo { margin:0 5px 5px 0; float:left; display:block; }
#footer .photos .photo img { display:block; vertical-align:bottom; }



#footer .newsletter h4 { margin-bottom:10px; }
#footer .newsletter form { margin-top:5px; }
#footer .newsletter input { padding:10px; border:0; border-radius:0; width:100%; box-sizing:border-box; /* max-width:220px;*/ margin:5px 0;clear:both; }
#footer .newsletter .submitButton { margin-top:10px; font-weight:normal; }



#footer-bottom { border-top:1px solid #424242; margin-top:40px; padding-top:40px; }

#footer .copyright { color:#fff; float:left; font-size:12px; line-height:1.4em; }
#footer .copyright a { color:#ddd; text-decoration:none; }
#footer .copyright a:hover { color:#fff; }

#footer .footer-links { float:right; padding:0; list-style:none; }
#footer .footer-links li { display:inline-block; }
#footer .footer-links li a { font-size:12px; color:#fff; text-decoration:none; }
#footer .footer-links li a:hover { color:#ccc; }
#footer .footer-links li a:before { content:"/"; margin:0 5px; color:#999; }
#footer .footer-links li:first-child a:before { content:""; display:none; }



#footer .socials a {
  background-color: #fff;
  background-image: url("../images/social_icons.png");
  background-repeat: no-repeat;
  border-radius: 99%;
  display: inline-block;
  height: 36px;
  width: 36px;
  margin:0 10px 10px 0;
  transition-duration:0s;
}

#footer .socials .facebook { background-position: -11px -9px; }
#footer .socials .twitter { background-position: -55px -9px; }
#footer .socials .pinterest { background-position: -99px -9px; }
#footer .socials .googleplus { background-position: -142px -9px; }
#footer .socials .linkedin { background-position: -185px -9px; }
#footer .socials .tumblr { background-position: -228px -9px; }
#footer .socials .rss { background-position: -270px -9px; }
#footer .socials .instagram { background-position: -312px -9px; }
#footer .socials .youtube { background-position: -352px -9px; }

#footer .socials .facebook:hover { background-position: -11px -50px; }
#footer .socials .twitter:hover { background-position: -55px -50px; }
#footer .socials .pinterest:hover { background-position: -99px -50px; }
#footer .socials .googleplus:hover { background-position: -142px -50px; }
#footer .socials .linkedin:hover { background-position: -185px -50px; }
#footer .socials .tumblr:hover { background-position: -228px -50px; }
#footer .socials .rss:hover { background-position: -270px -50px; }
#footer .socials .instagram:hover { background-position: -312px -50px; }
#footer .socials .youtube:hover { background-position: -352px -50px; }









#footer .promos .promo-container { width:100%; overflow:hidden; height:150px; }
#footer .promos #promoSlider { width:100%; height:100%; position:relative; }
#footer .promos .promo { width:100%; height:100%; background-size:cover; background-position:center center; }
#footer .promos a { text-decoration:none; display:block; color:#fff; }
#footer .promos .promo-text { background:rgba(10,10,10,0.8); padding:5px 20px; font-size:0.8em; left:0; right:0; bottom:0; position:absolute; }



/*LDS Common Styles*/
#wrapper .LDSNodeGroup .LDSImage a { border-radius:0; padding:0; border:0; }
#wrapper .LDSNodeGroup .LDSText h3 { padding-bottom:3px; }



.bookingCartForm select, .bookingCartForm input, .bookingCartForm textarea { border-radius:0; }
#wrapper .submitButton { cursor:pointer; display:inline-block; font-size:12px; padding:10px 15px; text-decoration:none; color:#fff; border-radius:0; }
#wrapper .submitButton:after { content:""; display:none; }
.LDSGrid a { border-radius:0; text-decoration:none; }
.LDSGrid .grid-rate-book { border-radius:0; }
.LDSGrid .grid-show-button { padding:7px 10px; }
.LDSGrid .grid-rate-details p { margin:0; }


/*@media only screen and (max-width:1250px) {
  #wrapper  { width:1020px; }
  #wrapper.layout-fullwidth { width:auto; }
}*/

@media only screen and (max-width: 1250px) {
  #wrapper { width:95%; }
  .content-wrapper { width:95%; }
  #topbar .content-wrapper { width:100%; }
  #topbar #translateBox { margin-left:10px; }

  #slider .slides { height:250px !important; }
  #slider .slider-caption-wrapper { display:none; }
  #slider .slider-nav { display:none; }

  #main-navigation { display:none; }
  #banner #mobile-menu-wrapper { display:block; }
  #search-container { max-width:100%; }


  /* Convert to mobile menu */

  #main-navigation { display:none; position:absolute; top:94px; right:0; width:256px; background:#1c1c1c; z-index:999999; font-family:'Source Sans Pro', Arial, Tahoma, sans-serif; }
  #main-navigation ul { list-style:none; border:0; margin:0; padding:0; float:none; width:100%; }
  #main-navigation ul li { border:0; padding:0; margin:0; float:none; display:block; }
  #main-navigation ul li:last-child { border-bottom:0; }
  #main-navigation ul li a { border:0; padding:10px; margin:0; display:block; float:none; color:#fff; border-bottom:1px solid #666;  color:#9da0a4; }
  #main-navigation ul li:last-child a { border-bottom:0; }

  #main-navigation ul ul { display:block !important; text-indent:20px; position:relative; margin-top:0; background:transparent; box-shadow:none; }
  #main-navigation ul ul li a { border-bottom:1px solid #666; }
  #main-navigation ul ul li:last-child a { border-bottom:1px solid #666; }
  #main-navigation ul ul li a:hover { background:transparent; }
  #main-navigation ul li:last-child ul li:last-child a { border-bottom:0; }
}


@media only screen and (max-width: 767px) {
  body #ui-datepicker-div { top: calc(50% - 20px) !important;  margin-top:unset !important; top: 40vh !important;}


  #wrapper { width:95%; }

  #topbar .topbar-right { width:auto; }

  #banner #logo { float:none; margin:20px auto; display:block; text-align:center; }
  #banner #logo a { display:inline-block; background-position:center center; }
  #banner #mobile-menu-wrapper { float:none; margin:30px auto; clear:both; width:256px; }


  #topbar .with-socials { float:none; display:block; width:auto; clear:both; }
  #topbar .socials-container { float:none; }
  #topbar .socials { position:relative; margin:5px 10px 0 10px; text-align:right; }


  #main-navigation { top:195px; left:50%; margin-left:-128px; }

  #footer .column { margin:0 0 50px 0; width:100%; }
  #footer .photos .photo-holder { width:100%; max-width:inherit; }
  #footer .footer-links { float:left; margin-top:20px; }

  #main-content iframe { width: 100% !important;}


}