body {

  background-color: #fff;
  background-image: url("/images_noindex/bg.jpg");
  background-position: center top;
  background-repeat: repeat;

  color: #313131;
  font-family: "latoregular";
  font-size: 14px;
  line-height: 26px;
  margin: 0;
  padding: 0;
}

img {
  border: 0 none;
  display: block;
}
.clear {
  clear:both;
  height:0;
}
#main {
  display:block;
  margin:0 auto;
  padding:0;
  width:100%;
  height:120px;
}
/* HEADER CSS START HERE */
header {
  display:block;
  max-width:1204px;
  margin:0 auto;
  padding:0;
  position:relative;
  height:120px;
  z-index:10;
}
#logo {
  left: 62px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 30px;
  z-index: 6;
}
#logo-holder {
  height: 67px;
  width: 214px;
}
#name {
  color: rgba(0,0,0,0);
  text-shadow: 0 0 0 #ffffff;
  font-family: "alegreyaregular";
  font-size: 20px;
  left: 175px;
  position: absolute;
  top: 90px;
  display:none;
}
#brand-logo {
  position: absolute;
  right: 9.5%;
  top: 19px;
}
#brand-logo .image {
  float: left;
  padding-top: 8px;
  height: 36px;
  width: 118px;
}
#brand-logo .image a{border:1px dashed transparent; display:block}
#brand-logo .image a:focus{border:1px dashed}
#brand-logo span {
  background: url("/images_noindex/tagline.png") no-repeat scroll 0 0;
  color: #000;
  display: block;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  height: 49px;
  line-height: 49px;
  margin-left: 6px;
  padding-left: 10px;
}
.social-header {
  position: absolute;
  right: 10%;
  top: 15px;
  width: 170px;
}
.scoialh-icon {
}
.scoialh-icon ul {
  margin:16px auto 0;
  text-align:center;
  padding:0;
  display:inline-block;
}
.scoialh-icon ul li {
  display: inline;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.scoialh-icon ul li a {
  background-image: url("/images_noindex/sprite.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
}
.toggleReserv, .toggleMenu {
  display:none;
}
.togglebar {
  top: 0;
  z-index: 999;
}
#topnavbg {
  height: auto;
  left: 0;
  margin: 0 auto;
  padding:0px;
  position: absolute;
  top:73px;
  width: 100%;
  height:47px;
  z-index: 11;
}
#topnav-holder {
  max-width: 1204px;
  margin: 0 auto;
}
#topnav {
  background: url("/images_noindex/topnav-bg.png") no-repeat scroll 0 0;
  float: right;
  height: 47px;
  margin: 0 5% 0 0;
  position: relative;
  width: 820px;
  z-index: 11;
}
#topnav ul {
  line-height: normal;
  list-style: none outside none;
  margin: 0 0 0 32px;
  padding: 0;
}
#topnav li {
  display: inline;
  float: left;
  text-align: center;
  background: url("/images_noindex/sprite.png") no-repeat scroll right -54px;
  padding:0 22px 0 17px;
}
#topnav li.photo {
  padding-right:0px;
  background:none;
}
#topnav a {
  float: left;
  padding: 0;
  text-decoration: none;
  font-family: 'latoregular';
  color: #000000;
  font-size: 17px;
  line-height: 61px;
  min-height: 23px;
  text-transform: capitalize;
  letter-spacing: 0.20px;
}
#topnav a:hover, #topnav a:focus {
  color:#0f437c;
}
#topnav a.navON:link, #topnav a.navON:visited, #topnav a.navON:hover {
  color:#0f437c;
}
#topnav li.emap-top, #topnav li.coupon {
  display: none;
}

#topnav li.acco {
  padding: 0 22px 0 15px;
}

.toggleReserv {
  background: url("/images_noindex/book-icon.png") no-repeat scroll 0 11px;
  color: #0f437c !important;
  font-family: "latoregular";
  font-size: 17px;
  text-transform: capitalize;
}
.toggleMenu {
  background: url("/images_noindex/menu-icon.png") no-repeat scroll right 13px;
  color: #0f437c !important;
  font-family: "latoregular";
  font-size: 17px;
  text-transform: capitalize;
}
#subnav {
  height: 30px;
  position: absolute;
  right: 0;
  top: 20px;
  width: 30%;
}
#subnav > span {
  height: 1px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 15px;
  width: 100%;
  z-index: 0;
  background: #cecece;
}
#subnav .emap {
  background: #ffffff none repeat scroll 0 0;
  height: 28px;
  line-height: 27px;
  margin: 0 auto;
  padding: 0 11px;
  position: relative;
  width: 82px;
  z-index: 9;
}
#subnav .emap a {
  display: block;
  width: 87px;
  font-size: 18px;
  font-family: 'latoregular';
  color: #0f437c;
  text-transform: capitalize;
}
.icon-mapPin {
  font-size: 24px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
#subnav .emap a:hover, #subnav .emap a:focus {
  color:#000;
}
#subnav .emap a.navON {
  color:#cf2627;
}
/* MAINIMAGE START HERE */
#middle {
  margin:0 auto;
  padding:0;
  position:relative;
  top:0px;
  width:100%;
  z-index:7;
}
#maiddle-holder {
  max-width: 1204px;
}
#mainimage, #coupon-mainimage {
  height: auto;
  line-height: 0;
  left: 0;
  margin: 0 auto;
  min-height: 220px;
  max-width: 1184px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 0;
}
#mainimage img, #coupon-mainimage img {
  height: auto;
  width: 100%;
}
.flexslider .flex-direction-nav {
  display:none;
}
/* MAINIMAGE END HERE*/


/* CONTAINER START HERE*/
#contentinfo-holder {
  background-color: #FFFFFF;
  box-shadow: 0 0 4px #B2B2B2;
  margin: 0 auto;
  max-width: 1204px;
  position: relative;
  width: 100%;
  padding-top:10px;
}
#contentinfo {
  margin: 0 auto;
  max-width: 1204px;
  position: relative;
  width: 100%;
}
#bottomimg {
  padding-bottom:50px;
}
#container {
  max-width:960px;
  margin: 0 auto;
  position: relative;
}
#header {
  color: #0f437c;
  font-family: latoregular;
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  padding: 46px 0 0;
  text-transform: capitalize;
  width: auto;

}
#header span {
  color: #000;
  display: block;
  font-size: 35px;
  text-transform: capitalize;
  line-height:45px
}
#content {
  width:65.41%;
  float:left;
  position:relative;
}

aside {
  width:30%;
  float:right;
  padding-top:46px !important;
  position:relative;
}
#reviews {
  margin:0;
  padding:20px 0 0 0;
  overflow: hidden;
}
#reviews .review-title, .reasons-title {
  background: #104786 none repeat scroll 0 0;
  border: 1px solid #0b3059;
  box-shadow: 1px 1px 2px #588ac1;
  color: #ffffff;
  display: block;
  font-family: "latoregular";
  font-size: 19px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-transform: capitalize;
}
#reviews .review-title a {
  display:block;
  color:#fff;
}
#reviews .review-title a:hover {
  color:#000;
}
.rebox {
  padding: 0 0 20px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.rebox .retitle {
  color: #000;
  font-family: "latobold";
  font-size: 17px;
  line-height: 20px;
  margin: 0;
  padding-bottom: 2%;
  padding-right: 17%;
  padding-top: 0;
  text-align: left;
  text-transform: capitalize;
}
.rebox .retitle a {
  color: #FFFFFF;
  font-family: 'latobold';
  font-size: 1.6em;
  font-weight: normal;
}
.rebox .reimage {
  border: 1px solid #cdcdcd;
  float: left;
  line-height: 0;
  margin-left: 5.6%;
  margin-top: 7%;
  width: 28%;
}
.rebox .retext {
  float: left;
  margin: 0;
  padding: 6% 0 0 5%;
  width: 59%;
}
.recommend {
  margin-top: 8px;
}
.restar {
  display: block;
  margin-right:6px;
  text-align: left;
}
.homeimage {
  float: left;
  padding-bottom: 10px;
  padding-right: 16px;
  padding-top: 5px;
  width: 31.7%;
}
/****************footer*****************/

#owner:empty {
  display:none;
}
#bottomfooterbg {
  width: 100%;
}
#note {
  width:100%;
  margin:0px 0 0px 0;
  clear:both;
  display:block;
  height:auto;
  position:relative;
  overflow: hidden;
}
footer {
  max-width:960px;
  margin:0 auto;
  padding-bottom: 24px;
  font-family: "arial";
  font-style:normal;
  font-size: 14px;
  line-height: 24px;
  padding-top: 30px;
}
#footer-inner {
  clear:both;
}
.toggleReserv {
  float: left;
  height: auto;
  line-height: 45px;
  margin: 0 0 0 10px;
  min-width: 90px;
  padding: 0 0 0 24px;
  position: relative;
  text-align: left;
  width: auto;
  z-index: 99;
}
.toggleMenu {
  float: right;
  height: auto;
  line-height: 45px;
  margin-right: 10px;
  padding: 0 24px 0 0;
  position: relative;
  z-index: 99;
}
.boxspacer {
  display:block;
  height:15px;
}
.re-col1 {
  float:left;
}
.re-col2 {
  float:left;
  padding-top:0px;
}
.viewratebtn {
  float:left;
  padding-top:20px;
}
.ns-sp ul {
  padding-left:20px;
}
.ns-sp ul li a {
  font-size: 1.4em;
  line-height: 1.8em;
}
.thing1 {
  /* background: url("/images_noindex/congrabg.png") repeat-x scroll 0 0 #000000;*/
  border: 1px solid #181818;
  margin-bottom: 3.1%;
  padding: 3% 2.4%;
  width: 95%;
}
.thinginer {
  width:100%;/*float:left;*/
}
.thinginer .leftimg {
  margin-left: 0.5%;
  padding-right: 3%;
  width: 24%;
}
.leftimg {
  width:190px;
  float:left;
  padding-right:14px;
}
.contentimg {
  width:270px;
  float:left;
  padding-right:12px;
  border-right:1px solid #673434;
}
.contentimg-thingstodo {
  float: left;
  padding-right: 3%;
  /*width: 69%;*/
}
.viewdetail-thingstodo {
  float: left;
  padding-top: 11px;
  /*width: 69%;*/
}
.contentimg-pkg {
  float: left;
  width: 72.5%;
}
.viewdetail-pkg {
  padding-left:0;
  padding-top: 10%;
}
.msfsp_rating {
  margin-bottom:0px;
}
.viewdetail {
  width:122px;
  float:left;
  padding-left:28px;
  cursor: pointer !important;
  font-size:12px;
}
.getdirec {
  float: left;
  margin-right: 2%;
  width: 52% !important;
}
.fromtetx {
  float: left;
  padding-right: 1%;
}
#ms_cms_btnedit {
  width:auto !important;
}
.column21 a, .column22 a {
  word-wrap: break-word;
}
.mnh1 {
  display: block;
}
#fblike {
  height: 19px;
  left: 0;
  position: absolute;
  top: 0;
}
.subnav-aside {
  padding-top: 76px !important;
}
#slides_sp .pagination {
  display:none;
}
.mapinnerbox {
  overflow:hidden
}
.direction-box {
  margin-bottom: 23px;
  margin-left: 0;
}
.lablel-from {
  float:left;
}
.saddr {
  margin-right: 10px;
}
.saddr, .daddr {
  width: 180px;
}
.lablel-to {
  float:left;
}
.direction-button {
  float:right !important;
  margin-left: 10px;
  width: 156px !important;
}
#booknowscroll {
  bottom: 60px;
  display: none;
  padding: 2px;
  position: fixed;
  right: 15px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  width: 108px;
  height:33px;
  line-height:33px;
  z-index: 99;
}
.button.bookscroll {
  width: 108px !important;
}
.pipe.mobilefooterpipeblock3 {
  display:none
}
.url {
  display:block
}
#gplus {
  overflow:hidden
}

/*--- sm coupon -- */

#coupon {
  background: url("/images_noindex/sm-bg.png") no-repeat scroll 0 0;
  height: 161px;
  padding: 12px 19px;
  position: absolute;
  right: 10px;
  text-align: right;
  top: 0;
  width: 232px;
  z-index:9
}
.coupon-title {
  color: #ffffff;
  font-family: "latoregular";
  font-size: 16px;
  position: relative;
  text-transform: capitalize;
  top: 0px;
  left: 0px;
  background:#000;
  display:inline-block
}
.coupon-title a:link, .coupon-title a:visited {
  color: #0f437c;
}
.coupon-title a:hover {
  color: #50aee8;
}
#coupon-overview-text {
  color: #ffffff;
  display: inline-block;
  font-family: latoregular;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 13px;
  margin-top: 4px;
  right: 0;
  text-transform: inherit;
  width: 110px;
  background:#000;
}
.sm-coupon-btn {
  display: block;
  position: absolute;
  right: 18px;
  width: 35px;
}
.sm-coupon-btn a.button:link, .sm-coupon-btn a.button:visited {
  background: #0f437c none repeat scroll 0 0;
  border-radius: 35px;
  color: #ffffff;
  font-size: 21px;
  height: 35px;
  line-height: 39px;
  position: relative;
  right: 0;
  width: 35px;
}
.sm-coupon-btn a.button:hover, .sm-coupon-btn a.button:focus {
  background: #fff;
  color: #0f437c;
}
/* top reason */

#top-reasons {
  max-height: 184px;
  overflow: hidden;
  padding-top: 20px;
  position: relative;
}

.reason-img {
  line-height: 0;
  position: relative;
  background:#000;
}
.reason-text {
  background: url("/images_noindex/pkgimgsd.png") repeat-x scroll 0 bottom;
  bottom: 0;
  font-family: "latobold";
  font-size: 15px;
  height: 107px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 0;
}
.reason-text-inner {
  bottom: 13px;
  color: #ffffff;
  line-height: normal;
  position: absolute;
  width: 100%;
}
#top-reasons #slider .slides li.carouselitems.flex-active-slide .reason-text-inner a:hover, #top-reasons #slider .slides li.carouselitems.flex-active-slide .reason-text-inner a:focus{border-bottom:1px dashed}


.reason-text-inner a:link, .reason-text-inner a:visited {
  color: #ffffff;
  line-height: normal;
  display:none; border-bottom:1px dashed transparent
}
#top-reasons #slider .slides li.carouselitems.flex-active-slide .reason-text-inner a{display:inline-block}
#top-reasons #slider {
  height: auto !important;
  list-style: outside none none;
  max-width: 288px !important;
  position: relative;
  width: 100% !important;
}
.reason-text a:hover {
  color: #ffffff;
}
#top-reasons ul {
}
#top-reasons #slider .slides li {
  height: auto;
  list-style: outside none none;
  overflow: hidden;
}
.reason-img img {
  height: auto;
  width: 100% !important;
}
#top-reasons .flex-direction-nav {
  display: block;
  margin-top: -22px;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index:9;
}
#top-reasons .flex-direction-nav li a {
  height: 44px;
  width: 22px;
  text-indent:0;
  font-size:0;
  background: #fff;

}
#top-reasons .flex-prev {
  right: 0;
  /*  background: url(/images_noindex/pri-btn.png);*/
  border-bottom-left-radius: 27px;
  border-top-left-radius: 27px;
}
#top-reasons .flex-prev:before{ content:'\e815'; position:absolute; font-size:16px; font-weight:bold; color:#000; 	font-family: 'milestoneretinadisplayicons';margin-top: 9px;
  margin-left: 6px; }
#top-reasons .flex-next {
  left: 0;
  /*background: url(/images_noindex/next-btn.png);*/
  border-bottom-right-radius: 27px;
  border-top-right-radius: 27px;
}
#top-reasons .flex-next:before{ content:'\e824'; position:absolute; font-size:16px; font-weight:bold; color:#000; 	font-family: 'milestoneretinadisplayicons';margin-top: 9px; }
#top-reasons .flex-direction-nav li a:hover, #top-reasons .flex-direction-nav li a:focus{background:#0f427a; border-bottom:0}
#top-reasons .flex-prev:hover:before, #top-reasons .flex-prev:focus:before, #top-reasons .flex-next:hover:before, #top-reasons .flex-next:focus:before{color:#fff}

#owner:empty {
  display: none;
}
#fact-box {
  box-shadow: 0 0 2px #cecece;
  float: right;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-top: 8px;
  padding: 20px;
  width: auto;
}
#fact-box ul {
  padding-top: 25px;
}
.gm-style .gm-style-iw{color:#000000;}

#interectivemap-q116{width:100%;/*height:350px*/}
#milestone_mapholder{
  /*height: 701px !important;*/
}
/*============ 8- Screen Width 684============*/
@media only screen and (max-width:684px) {

  .er-back {
    padding: 20px 0 10px 0;
  }
}


/********** ADA css ********/
a.skip-to-content-btn {
  position: absolute;
  top: 0;
  left: 0;
  background: #0f427a;
  color: #fff !important;
  z-index: 10000;
  height: 30px;
  width: auto;
  line-height: 30px;
  padding: 0 10px;
  opacity: 0;
  font-size: 16px;
}
a.skip-to-content-btn:focus {
  opacity: 1;
}
.sr-only {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);border: 0;color:#000;background:#fff}

.reservation-bg button.ui-datepicker-trigger, .ada-datepicker .ui-datepicker-trigger{
  position: absolute;
  border: none;
  background: transparent;
  right: 8px;
  bottom: 6px;
  padding: 2px;
  font-size:0;
  line-height:normal;
}
.ada-datepicker {
  position: relative;
}
.ada-datepicker .resinputbox{background-image:none}
.reservation-bg button.ui-datepicker-trigger:focus, .ada-datepicker .ui-datepicker-trigger:focus {border:1px solid #0f437c}
#logo a{  
  display: block;
  border: 1px dotted transparent;
}
#logo a:focus {

  border: 1px dotted #000;
}
.stash a:focus {
  opacity: .7;
}
input[type="text"], input[type="tel"], input[type="number"], input[type="date"], select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}

.skip-to-content-btn {
  position: absolute;
  top: 0;
}
input[type="text"]:focus, select:focus, .direction-box input:focus, .drivinginput input:focus, textarea:focus{
  border: solid 1px #000 !important;
}
#reservation input[type="text"]:focus, #reservation select:focus{
  border: solid 1px #fff !important;
  box-shadow: 0 0 8px #fff;
}
a.has-link{border-bottom:1px dashed}
a.has-link:hover, a.has-link:focus{ border-bottom:1px solid #000; color:#000}
.input-error{border:1px solid #ff0000}
.error-message{color:#930404 !important;}
/***********/
.rebox, .activepoint, #milestone_placepark_1{background:#f9fcfe}
.gm-err-container{background:url("/images_noindex/map.png") no-repeat;}
#msCookieBanner .right button{height:32px; line-height:normal}


@media only screen and (max-width:739px) and (min-width:570px) {
  #msCookieBanner{ width:100%}
}

.holiday-banner {
  position: absolute;
  right: 0;
  top: 170px;
  z-index: 9;
}


#gplus {
  display: none !important;
}
#plusone {
  display: none !important;
}
.photogplus {
  display: none !important;
}
.msftd_gplusicon1 {
  display: none !important;
}
.ttdgplus{
  display: none !important;
}
.gplusicon{
  display: none !important;
}
.gpicon1 {
  display: none !important;
}

/*----------------Mobile bottom----------------*/
.mobilebottomnav {
  position: fixed;
  bottom: 0;
  z-index: 10;
  background: #006fb4;
  width: 100%;
  display: none;
}
.formslable {display:none !important;}



/* COVID-19 Advisory */
.covid-19-advisory-main {
  position: absolute;
  left: -4px;
  bottom: 568px;
  background: url(/images_noindex/exclamation.png) no-repeat 15px 18px;
  background-color:  #ffffff;
  color: #000000;
  padding: 20px 30px 20px 55px;
  z-index: 9999 !important;
  width: 94%;
  font-size: small;
  border: 3px solid black;
}
.covid-19-advisory-close {
  position: absolute;
  right: 10px;
  top: 7px;
  height: 25px;
  line-height: 25px;
  width: 25px;
  text-align: center;
  font-size: 30px;
  cursor: pointer;
}
.covid-19-advisory-close:hover, .covid-19-advisory-close:focus {
  color: #91a1b1;
}
.covid-19-advisory-title {
  font-size: 20px;
}
.covid-19-advisory-description ul {
  list-style: disc;
  padding: 15px 15px;
}
.covid-19-advisory-link a:link, .covid-19-advisory-link a:visited {
  color: #fff;
  text-transform: capitalize;
  background-color: #006fb4;
  border: none;
  color: white;
  padding: 1px 32px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;
  cursor: pointer;

}
.covid-19-advisory-link a:hover, .covid-19-advisory-link a:focus {
  color: #91a1b1;
}
/* COVID-19 Advisory */

.mobilebottomnav ul li a {
  color: rgba(0,0,0,0);
  text-shadow: 0 0 0 #ffffff; 
}