/* HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #fff;
    text-shadow: none;
}

::selection {
    background: #fff;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

#calendarCalendar { transition: visibility 0.25s ease, opacity 0.25s ease; visibility: hidden; opacity: 0; font-family: sans-serif; font-size: 13px;box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; position: absolute; left: 0px; top:0px; width:100%; height: 100%; z-index: 200;}
#calendarCalendar.open { visibility: visible; opacity: 1; }
#calendarCalendar .background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0);cursor:pointer;}
#calendarCalendar .close-button {position: absolute;z-index: 1;top: -1em;right: -1em;background: #fff;width: 2em;height: 2em;text-align: center;line-height: 2em;border-radius: 1em;cursor:pointer;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.calendars { position: absolute; }
.calendar { float: left; width: 15rem; color: #fff; background: #fff; border: 4px solid #fff; }
    #calendarCalendar .range #calendar-start-date { border-right: none; }
    .calendars:before, .calendars:after, .calendar-table:before, .calendar-table:after { content: ' '; clear: both; display: block; height: 0; }
    .calendar-header { text-align: center; background: #C8E5DB; }
    .calendar-title {  display: inline-block; width: 80%; color: #29657E; font-size: 1.125rem; line-height: 2em; font-weight: bold; }
    .calendar-arrow { width: 0; height: 0; display: inline-block; border-color: transparent #fff; border-style: solid; margin: 10px 2%; cursor: pointer; }
    .calendar-arrow.left { border-width: 7px 7px 7px 0; float: left; }
    .calendar-arrow.right { border-width: 7px 0 7px 7px; float: right; }
    .calendar-cell { color: #78645A; float: left; width: 6.285714%; margin: 1%; padding: 2% 3%; text-align: center; line-height: 1; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
    .calendar-cell.disabled { color: gray; cursor: normal; background: #FBFBFB; }
    .calendar-days .calendar-cell { color: #78645A; }
    .calendar-dates .calendar-cell.padding { background: none; }
    .calendar-dates .calendar-cell:not(.padding) { background: #F3F3F3; }
    .calendar-dates .calendar-cell.disabled:not(.padding) { background: #FBFBFB; color: #CDCDCD; }
    .calendar-dates .calendar-cell.active { cursor: pointer; }
    .calendar-dates .calendar-cell.active.active.selected, .calendar-dates .calendar-cell.active:hover { background: #29657E; color: #FFF; }
    .max-month .calendar-arrow.right, .min-month .calendar-arrow.left { display: none; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


   #mobile-view { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5000; width: 100%; height: 100%; }

   @font-face{font-family:"miller-banner";
   font-style:normal;font-weight:bold;}

body { font-family: 'AvenirLTStd-Book', sans-serif; overflow-x: hidden; }

h1,h2,h3,h4,h5 { font-family: 'miller-banner', sans-serif; }


input[type="text"], select { -moz-appearance: none; -webkit-appearance: none; display: inline-block; border-radius: 0; border: 1px #8f8f8f solid; color: #000; text-transform: uppercase; font-size: .8725em; padding: 0.25em 0.5em; box-sizing: border-box; position: relative; z-index: 1; background: rgba(0, 0, 0, 0); }

.select-wrapper { position: relative; }
.select-wrapper .select-arrow { content: ''; display: block; border-width: 0.5em 0.5em 0 0.5em; border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; width: 0; height: 0;     position: absolute; right: 0.5em; top: calc(50% - 0.25em); z-index: 0; }

.center { text-align: center; }

.button { color: #FFF; background: #36657e; font-size: 0.875rem; font-weight: bold; text-align: center; border: none; }

.cta { color: #fff; display: inline-block; text-decoration: none; text-transform: uppercase; padding: 1em 2em; cursor: pointer; transition: all 0.2s linear; box-sizing: border-box; }

.cta.dark { background: #000; border: 1px solid #000; }
.cta.dark:hover { background: rgba(0,0,0,0.6); border: 1px solid #FFF;  }

.cta.light { background: #36657E; border: 1px solid #36657E; }
.cta.light:hover { background: rgba(54, 101, 126, 0.6); border: 1px solid #FFF;  }

.right { float: right; }
.left  { float: left; }

.central-content { margin: 0 auto; max-width: 1280px; }
.central-content.slim { max-width: 940px; }
.central-content.super.slim { max-width: 768px; }


body>footer, body>main, body>section { max-width: 1680px; margin: 0 auto; }

.main-header { position: absolute; top: 1em; left: 0; right: 0; z-index: 1; font-family: "AvenirLTStd-Heavy", sans-serif; background: #FFF; }
.main-header nav { width: 100%; text-align: center; transition: all 0.2s linear; }

.main-header nav>.central-content>ul { padding: 0; margin: 0; position: relative; display: inline-block; font-size: 0.8125em; }
.main-header nav>.central-content>ul>li { display: inline-block; text-transform: uppercase; }
.main-header nav>.central-content>ul>li a { color: inherit; text-decoration: none; }

/* homepage specific */
.main-header.homepage nav>.central-content>ul { float: right; margin-right: 10%; }
.main-header.homepage nav>.central-content>ul:before { content: ''; width: 150%; height: 100%; top: 0; position: absolute; right: 100%; background: #fff; }
.main-header.homepage nav>.central-content>ul:after { content: ''; width: 150%; height: 100%; top: 0; position: absolute; left: 100%; background: rgba(0,0,0,0.8); }
.main-header.homepage nav>.central-content>ul>li { background: rgba(0,0,0,0.8); color: #FFF; }
.main-header.homepage nav>.central-content>ul>li:hover, .main-header.homepage nav>ul>li.active { color: #36657e; background: #FFF; margin-top: 0; }
.main-header.homepage nav>.central-content>ul>li.active  { background: #FFF; color: #36657e; padding-top: 0; }
.main-header.homepage nav>.central-content>ul:hover>li.active:not(:hover)  { background: rgba(0,0,0,0.8); color: #FFF; padding-top: 0; }
.main-header.homepage nav>.central-content>ul>li a { color: inherit; text-decoration: none; display: block; padding: 0.7692em 1em 0.65em; position: relative; z-index: 2; }

/* destination specific */

.main-header.destination .logo { width: 10em; margin-right: 3em; }
.main-header.destination nav { background: #FFF; text-align: left; padding: 1em 0; box-shadow: 0 7px 7px -7px #444; }
.main-header.destination nav>.central-content { position: relative; }
.main-header.destination nav>.central-content>ul>li { margin: 0 0.9em; }
.main-header.destination nav>.central-content>ul>li>a { z-index: 3; position: relative; }
.main-header.destination .sub-menu-content:before { content: none; display: none; }
.main-header.destination nav>.central-content>ul>li.sub-menu:hover .sub-menu-content { display: block; top: -2.575em; padding-top: 5em; }
.main-header.destination .booking-widget { position: absolute; min-width: 45.5rem; left: 0; min-height: 0; padding: 0; height: 0; overflow: hidden; }
.main-header.destination #find-a-hotel .booking-widget { min-height: 6.5rem; padding: 1.5em 0.65em 2.75em 0.65em; height: auto; }

/*.main-header nav ul li.sub-menu:hover ~ li a { color: #000; }*/
.main-header nav>.central-content>ul>li.sub-menu:hover .sub-menu-content { display: block; }
.main-header .sub-menu-content { width: 45rem; transition: all 0.2s linear;  display: none; position: absolute; top: calc(2.25rem + 4px); left: 0; z-index: 2; background: #FFF; box-shadow: 1px 0px 3px #888; text-align: left; color: #000; }
.main-header .sub-menu-content:before { content: ''; width: 100%; position: absolute; left: 0; top: -4px; height: 4px; background: inherit; }

.main-header nav>.central-content>ul>li .sub-menu-content > div { display: flex; }
.main-header nav>.central-content>ul>li .sub-menu-content > div > * { padding: 1.375rem calc(1.375rem / 2); }
.main-header nav>.central-content>ul>li .sub-menu-content .content { border-right: 1px solid #e7e7e7; box-shadow: inset -8px 0 15px -4px #e7e7e7; }
.main-header nav>.central-content>ul>li .sub-menu-content .title { font-size: .75rem; }
.main-header nav>.central-content>ul>li .sub-menu-content p { font-size: 0.6875rem; font-family: "AvenirLTStd-Book", sans-serif; text-transform: none; }
.main-header nav>.central-content>ul>li .sub-menu-content a.cta { display: block; float: left; color: #36657e; font: 0.875rem/1 "AvenirLTStd-Heavy"; margin: 1.375rem 0 0 0; padding: 0 0.5625rem 0 0; text-decoration: underline; text-transform: uppercase; }
.main-header nav>.central-content>ul>li .sub-menu-content a.cta:hover { color: #85776f; }

.main-header .sub-menu-content .cta-list { width: 32em; list-style: none; text-align: center; }
.main-header .sub-menu-content .cta-list .cta { margin: 0; float: none; }

.main-header .lower-content { background: #FFF; height: 6.75em; }
.main-header .lower-content .logo { width: 10.15em;  }

.booking-widget { position: relative; float: right; padding: 1.5em 1.65em 2.75em 1.65em; overflow: hidden; max-height: 6.75em; transition: padding-bottom 0.2s linear, padding-top 0.2s linear, max-height 0.2s linear, min-height 0.2s linear; background: #fff; box-sizing: border-box; font-size: 1rem; }
.booking-widget.open { max-height: 12.55em; box-shadow: 0px 0px 6px #444; }
.booking-widget.open.fully { max-height: 100vh; }
.booking-widget fieldset { display: inline-block; vertical-align: top; margin-left: 1.25em; }
.booking-widget fieldset:first-child, .booking-widget fieldset fieldset:first-child { margin-left: 0; }
.booking-widget label { display: block; text-transform: uppercase; font-size: 0.6875rem; color: #36657e; line-height: 1;margin-bottom: 0.45em; }
.booking-widget label span[class$="calendar"] { float: right; margin-right: 1em; font-size: 0.85em; margin-top: 0.1em; }
.booking-widget label.sub { font-size: 0.625em; text-align: right; margin-top: 0em; margin-right:10px; font-weight: 100; }
.booking-widget fieldset.date input { width: 8.25em; }
.booking-widget input, .booking-widget select { height: 1.75rem !important; line-height: 1 !important; }
.booking-widget input::-webkit-input-placeholder {
  font-family: Arial;
  color: #001e3a;
  font-size: 0.75rem;
  text-transform: lowercase;
}
.booking-widget input::-moz-placeholder {
  font-family: Arial;
  color: #001e3a;
  font-size: 0.75rem;
  text-transform: lowercase;
}
.booking-widget input:-ms-input-placeholder {
  font-family: Arial;
  color: #001e3a;
  font-size: 0.75rem;
  text-transform: lowercase;
}
.booking-widget input:-moz-placeholder {
  font-family: Arial;
  color: #001e3a;
  font-size: 0.75rem;
  text-transform: lowercase;
}
.booking-widget select { padding-right: 2em !important; }
.booking-widget .select-search-toggle { cursor: pointer; }
.booking-widget .select-search-toggle:first-child {margin-right: 0.5em; }
.booking-widget-location { width: 17rem !important; }
.booking-widget-location[name="searchQuery"] { font-size: 0.5rem; }
#booking-widget-submit { padding: 0.5em 3.8125em; box-sizing: border-box; width: 150px !important;
	min-width: 150px !important; 
	color: #FFF;
	background: #36657e;
	font: .75rem AvenirLTStd-Heavy;
	font-size: 0.875rem !important;
	font-weight: 700;
	text-align: center;
	border: 1px solid #36657e;
	border-radius:0px;
	letter-spacing: 0em;
}
#booking-widget-submit:hover { 
	color: #36657e;
	background: #fff;
	border: 1px solid #36657e;
}

#booking-widget-search-select[data-mode="select"] .booking-widget-location[name="searchQuery"] { display: none; }
#booking-widget-search-select[data-mode="select"] .select-wrapper { display: block; }
#booking-widget-search-select[data-mode="select"] .select-search-toggle[data-mode="select"] { color: black; }

#booking-widget-search-select[data-mode="search"] .booking-widget-location[name="searchQuery"] { display: block; }
#booking-widget-search-select[data-mode="search"] .select-wrapper { display: none; }
#booking-widget-search-select[data-mode="search"] .select-search-toggle[data-mode="search"] { color: black; }

.booking-widget input[type="checkbox"] { display: inline-block; line-height: 0; height: auto; vertical-align: middle; }
.booking-widget input[type="checkbox"] + label { display: inline-block; vertical-align: middle; margin-bottom: 0; margin-left: 0.25em; color: #000; }

.booking-widget .row:nth-child(n+2) { margin-top: 1rem; }
.booking-widget .row:nth-child(n+2) label { color: #000; }


.booking-widget .promos input { width: 14em; }

.booking-widget .hint { margin-top: 1em; font: .75rem "AvenirLTStd-Book"; }

.main-header  .booking-widget .close-bar { cursor: pointer; transition: bottom 0.2s linear; text-transform: uppercase; position: absolute; bottom: -10em; left: 0; right: 0; text-align: right; color: #FFF; background: #000; font-size: 0.6875rem; padding: 0.5em 2em; z-index: 1; }
.main-header  .booking-widget.open .close-bar { bottom: 0; }

.small-select label { color: #000; }
.small-select select { width: 5em; border: solid 1px #36657e; }

.main-header .mobile-navicon { display: none; }
.main-header .mobile-sign-in { display: none; }

#rate_toggler { cursor: pointer; text-transform: uppercase; font-size: 0.75rem; }
#rate_toggler span { vertical-align: middle; }
#rate_toggler:after { background: #C8E5DB; content: '+'; width: 1.2rem; height: 1.2rem; display: inline-block; line-height: 1.1rem; text-align: center; font-size: 1.3rem; vertical-align: middle; margin-left: 0.5rem; }

.booking-widget.open.fully #rate_toggler:after { content: '×'; }

main[role="main"] { position: relative; z-index: 0; }

main[role="main"] h1 { color: #000; text-align: center; font-size: 3.125rem; margin: 2rem 0; }
main[role="main"] h1:after { display: block; content: ' '; width: 4.75rem; height: 0.3125rem; background: #000; margin: 1rem auto; }



main[role="main"] p  a { font: 0.875rem "AvenirLTStd-Heavy"; color: #36657e }
main[role="main"] p  a:hover { color: #85776f; }
body.home section.instagram { margin-top: 6.75rem; }



/*
.main-footer .-icons { color: #58585a; text-align: center;  font-size: 2.5em; box-sizing: border-box; margin-bottom: 0.5em; }


.main-footer nav ul { list-style: none; font-weight: bold; margin: 0; padding: 0; max-width: 50rem; }
.main-footer nav ul li { display: inline-block; color: #36657e; font-size: 0.625em; border-right: 1px solid; margin-right: 0.5em; padding-right: 0.5em; }
.main-footer nav ul li:last-child { border-right: none; }
.main-footer nav ul li a {  color: inherit; }

.main-footer .copyright { font-size: 0.625em; font-weight: bold; margin: 1.5rem auto; }
*/

/* footer */

/* ****************************************** Footer CSS - cause it be big * *******************************************/


/* #Footer -------------------------------------------------------------------------------*/


/* dividers */

.fadeDivide {
    width: 76%;
    height: 1px;
    margin: 16px auto;
    clear: both;
    background-color: #fff;
    background-image: -ms-radial-gradient(center, circle farthest-side, #CCCCCC 0%, #FFFFFF 100%);
    background-image: -moz-radial-gradient(center, circle farthest-side, #CCCCCC 0%, #FFFFFF 100%);
    background-image: -o-radial-gradient(center, circle farthest-side, #CCCCCC 0%, #FFFFFF 100%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 487, color-stop(0, #CCCCCC), color-stop(1, #FFFFFF));
    background-image: -webkit-radial-gradient(center, circle farthest-side, #CCCCCC 0%, #FFFFFF 100%);
    background-image: radial-gradient(circle farthest-side at center, #CCCCCC 0%, #FFFFFF 100%);
}


/* legal links */

.legal {
    overflow: hidden;
    text-align: center;
    position: relative;
    margin: 0 auto;
    display: table;
}

.legal .legalLinks {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    position: relative;
    /* float: left; left: 50%; */
}

.legal .legalLinks li {
    color: #a2a2a2;
    /* float: left; left: -50%; */
    display: inline-block;
    font-size: 11px;
    text-align: center;
    padding: 0 5px;
    margin: 0 0 6px 0;
    position: relative;
    font-family: sans-serif;
    border-left: 1px solid #b1b1b1;
}

.legal .legalLinks li:first-child {
    border: none;
}

.legal .legalLinks li a {
    color: #a2a2a2;
    text-decoration: none;
}

.legal .legalLinks li a:hover {
    text-decoration: underline;
}

.legal .legalLinks .linkadchoices span {
    background: url('../img/footer/footerdisclaimerlogo.png') right center no-repeat;
    padding-right: 16px;
}

#cookielaw {
    clear: both;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    border: none;
    height: auto;
    display: block;
}

#cookielaw img {
    width: 152px !important;
}

.brand-block,
.brand-block > *,
.brand-block > *:before,
.brand-block > *:after {
    box-sizing: border-box;
}
.brand-block {
    font-size: 63px;
    margin: 32px 0 0 0;
    text-align: center;
}
.brand-block.black {
    color: #1d1d1d;
}
.brand-block.white {
    color: #fff;
}
.brand-block a {
    color: inherit;
    text-decoration: none;
    position: relative;
}
.brand-block__hilton-logo {
    font-size: 54px;
    margin: 0 0 5px;
}
.brand-block__honors-logo {
    border-top: solid 1px transparent;
    border-top-color: inherit;
    font-size: 36px;
    margin: 25px 0 0;
    padding: 5px 0 0;
}
.brand-block__honors-logo a {
    background-color: #fff;
    top: -25px;
    padding: 0 20px;
}
.mytooltip {
    display: inline-block;
    position: relative;
}
.mytooltip:before,
.mytooltip:after {
    opacity: 0;
    -webkit-transition: opacity 4s ease;
    transition: opacity 4s ease;
}
.mytooltip:hover:before {
    background-color: #fff;
    bottom: calc(100% + 20px);
    box-shadow: 0px 0px 13px rgba(0,0,0,0.2);
    color: #1d1d1d;
    content: attr(title);
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    opacity: 1;
    left: calc(50% - 75px);
    padding: 5px;
    position: absolute;
    z-index: 1;
    width: 130px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.mytooltip:hover:after {
    border-top: solid 6px #fff;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    bottom: calc(100% + 14px);
    content: "";
    left: calc(50% - 12px);
    opacity: 1;
    position: absolute;
    z-index: 99;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}


/* used for updating logos */


/* #footer_logos li .footer_logo { border: 1px solid #f65; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } */

#footer_logos .brand_name {
    display: block;
    text-indent: -9999em;
    font-size: 0;
}

* html .brand_tooltip {
    border: solid 1px #2f2f2f;
    border-radius: 0;
}

.arrow_bottom {
    background: url("../img/footer/brand_tooltip_arrow.png") 0 0 no-repeat;
    width: 20px;
    height: 13px;
    display: block;
    left: 83px;
    position: absolute;
    bottom: -12px;
}

#footer_logos .brand_tooltip {
    left: -9999px;
}

#footer_logos a.footer_logo:hover .brand_tooltip,
#footer_logos a.footer_logo:focus .brand_tooltip {
    left: -55px
}

#footer_logos #brand_bar_HI a.footer_logo:hover .brand_tooltip,
#footer_logos #brand_bar_HI a.footer_logo:focus .brand_tooltip {
    left: -64px;
}

#footer_logos #brand_bar_WA a.footer_logo:hover .brand_tooltip,
#footer_logos #brand_bar_WA a.footer_logo:focus .brand_tooltip {
    left: -66px;
}

#footer_logos #brand_bar_CH a.footer_logo:hover .brand_tooltip,
#footer_logos #brand_bar_CH a.footer_logo:focus .brand_tooltip {
    left: -58px;
}

#footer_logos #brand_bar_PY a.footer_logo:hover .brand_tooltip,
#footer_logos #brand_bar_PY a.footer_logo:focus .brand_tooltip {
    left: -56px;
}

#footer_logos #brand_bar_QQ a.footer_logo:hover .brand_tooltip,
#footer_logos #brand_bar_QQ a.footer_logo:focus .brand_tooltip {
    left: -60px;
}

#footer_logos #brand_bar_DT a.footer_logo:hover .brand_tooltip,
#footer_logos #brand_bar_DT a.footer_logo:focus .brand_tooltip {
    left: -60px;
}

#footer_logos #brand_bar_ES a.footer_logo:hover .brand_tooltip,
#footer_logos #brand_bar_ES a.footer_logo:focus .brand_tooltip {
    left: -64px;
}

#footer_logos #brand_bar_GI a.footer_logo:hover .brand_tooltip,
#footer_logos #brand_bar_GI a.footer_logo:focus .brand_tooltip {
    left: -60px;
}

#footer_logos #brand_bar_HP a.footer_logo:hover .brand_tooltip,
#footer_logos #brand_bar_HP a.footer_logo:focus .brand_tooltip {
    left: -62px;
}

#footer_logos #brand_bar_RU a.footer_logo:hover .brand_tooltip,
#footer_logos #brand_bar_RU a.footer_logo:focus .brand_tooltip {
    left: -70px;
}

#footer_logos #brand_bar_HW a.footer_logo:hover .brand_tooltip,
#footer_logos #brand_bar_HW a.footer_logo:focus .brand_tooltip {
    left: -58px;
}

#footer_logos #brand_bar_HT a.footer_logo:hover .brand_tooltip,
#footer_logos #brand_bar_HT a.footer_logo:focus .brand_tooltip {
    left: -61px;
}

#footer_logos #brand_bar_GV a.footer_logo:hover .brand_tooltip,
#footer_logos #brand_bar_GV a.footer_logo:focus .brand_tooltip {
    left: -56px;
}

.brand_tooltip {
    bottom: 56px;
    position: absolute;
    width: 158px;
    z-index: 50;
    font-size: 11px;
    color: #7D7D7D;
    line-height: 18px;
    padding: 10px 15px 10px 15px;
    background: #fff;
    border: solid 1px #f0f0f0;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.brand_tooltip span {
    display: block;
}

@media screen and (min-width: 900px) and (max-width: 1045px) {
    .legal .legalLinks li.last {
        border: none;
    }
}

@media screen and (min-width: 990px) and (max-width: 1100px) {
    #footer_logos #brand_bar_HI a.footer_logo:hover .brand_tooltip,
    #footer_logos #brand_bar_HI a.footer_logo:focus .brand_tooltip {
        left: 0px;
    }
    #footer_logos #brand_bar_HI .arrow_bottom {
        left: 19px;
    }
}

@media screen and (min-width: 651px) and (max-width: 989px) {
    #brand_bar {
        position: relative;
    }
    #footer_logos {
        width: 466px;
        padding-left: 0;
    }
    #footer_logos li {
        margin-bottom: 14px;
    }
    #footer_logos #brand_bar_GI {
        clear: left;
        margin-left: 3px;
    }
    .legal {
        width: 530px;
    }
    .legal .legalLinks li {
        margin: 0 0 6px 0;
        float: none;
        display: inline-block;
        white-space: nowrap;
    }
    .legal .legalLinks li:nth-child(4),
    .legal .legalLinks li:last-child,
    .legal .legalLinks li.last {
        border: none;
    }
    .legal .legalLinks li:last-child {
        padding: 0;
    }
}

@media screen and (max-width: 650px) {
    #footer_logos {
        width: 280px;
        padding-left: 0;
    }
    #footer_logos li {
        margin-bottom: 10px;
    }
    #footer_logos #brand_bar_HI {
        margin-left: 7px;
    }
    #footer_logos #brand_bar_QQ {
        clear: left;
        margin-left: 4px;
    }
    #footer_logos #brand_bar_DT {
        margin-left: 0px;
    }
    #footer_logos #brand_bar_HP {
        clear: left;
        margin-left: 12px;
    }
    #footer_logos #brand_bar_HW {
        margin-left: 0;
    }
    #footer_logos #brand_bar_HT {
        margin-left: 0;
    }
    #footer_logos #brand_bar_GV {
        margin-left: 72px;
    }
    #footer_logos #brand_bar_HH {}
    .brand_tooltip {
        display: none;
    }
    .legal .legalLinks {
        float: none;
        left: 0;
    }
    .legal .legalLinks li {
        float: none;
        display: block;
        left: 0;
        border: none;
        margin: 0 0 6px 0;
        height: 14px;
    }
    .legal .legalLinks li a {
        display: block;
        width: 100%;
        height: 100%;
    }
}


/* retina styles */

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
    #footer_logos li .footer_logo {
        background-image: url('../img/footer/logo_brandbar2x.png');
        background-size: 970px 470px;
    }
}


/* big honkin' footer styles - for those cool 1440+ sites */

@media screen and (min-width: 1440px) and (max-width: 1560px) {
    #footer_logos #brand_bar_HI a.footer_logo:hover .brand_tooltip,
    #footer_logos #brand_bar_HI a.footer_logo:focus .brand_tooltip {
        left: -29px;
    }
    #footer_logos #brand_bar_HI .arrow_bottom {
        left: 32px;
    }
}

@media screen and (min-width: 1150px) and (max-width: 1320px) {
    #footer_logos #brand_bar_HI a.footer_logo:hover .brand_tooltip,
    #footer_logos #brand_bar_HI a.footer_logo:focus .brand_tooltip {
        left: 0px;
    }
    #footer_logos #brand_bar_HI .arrow_bottom {
        left: 19px;
    }
}

@media screen and (min-width: 1150px) and (max-width: 1439px) {
    #brand_bar {
        margin-bottom: 30px;
    }
    /*
    #brand_bar ul {
        transform: scale(1.16, 1.16);
    }
    #brand_bar ul li a span.brand_tooltip {
        transform: scale(.85, .85);
        bottom: 50px;
    }*/
    #footer_logos li .footer_logo {
        background-image: url('../img/footer/logo_brandbar2x.png');
        background-size: 970px 470px;
    }
}

@media screen and (min-width: 1440px) {
    #brand_bar {
        margin-bottom: 40px;
    }
    #footer_logos li .footer_logo {
        background-image: url('../img/footer/logo_brandbar2x.png');
        background-size: 970px 470px;
    }
}

#footer_logos #brand_bar_HI .footer_logo {
    background-position: -2px -205px;
}

#footer_logos #brand_bar_WA .footer_logo {
    background-position: -64px -205px;
}

#footer_logos #brand_bar_CH .footer_logo {
    background-position: -120px -205px;
}

#footer_logos #brand_bar_PY .footer_logo {
    background-position: -198px -205px;
}

#footer_logos #brand_bar_QQ .footer_logo {
    background-position: -277px -205px;
}

#footer_logos #brand_bar_DT .footer_logo {
    background-position: -347px -205px;
}

#footer_logos #brand_bar_ES .footer_logo {
    background-position: -422px -205px;
}

#footer_logos #brand_bar_GI .footer_logo {
    background-position: -488px -205px;
}

#footer_logos #brand_bar_HP .footer_logo {
    background-position: -564px -205px;
}

#footer_logos #brand_bar_RU .footer_logo {
    background-position: -630px -205px;
}

#footer_logos #brand_bar_HW .footer_logo {
    background-position: -682px -205px;
}

#footer_logos #brand_bar_HT .footer_logo {
    background-position: -754px -205px;
}

#footer_logos #brand_bar_GV .footer_logo {
    background-position: -826px -205px;
}

#footer_logos #brand_bar_HH .footer_logo {
    background-position: -911px -205px;
}

#footer_logos #brand_bar_HI .footer_logo:hover {
    background-position: -2px -20px;
}

#footer_logos #brand_bar_WA .footer_logo:hover {
    background-position: -64px -20px;
}

#footer_logos #brand_bar_CH .footer_logo:hover {
    background-position: -120px -20px;
}

#footer_logos #brand_bar_PY .footer_logo:hover {
    background-position: -198px -20px;
}

#footer_logos #brand_bar_QQ .footer_logo:hover {
    background-position: -277px -20px;
}

#footer_logos #brand_bar_DT .footer_logo:hover {
    background-position: -347px -20px;
}

#footer_logos #brand_bar_ES .footer_logo:hover {
    background-position: -422px -20px;
}

#footer_logos #brand_bar_GI .footer_logo:hover {
    background-position: -488px -20px;
}

#footer_logos #brand_bar_HP .footer_logo:hover {
    background-position: -564px -20px;
}

#footer_logos #brand_bar_RU .footer_logo:hover {
    background-position: -630px -20px;
}

#footer_logos #brand_bar_HW .footer_logo:hover {
    background-position: -682px -20px;
}

#footer_logos #brand_bar_HT .footer_logo:hover {
    background-position: -754px -20px;
}

#footer_logos #brand_bar_GV .footer_logo:hover {
    background-position: -826px -20px;
}

#footer_logos #brand_bar_HH .footer_logo:hover {
    background-position: -911px -20px;
}

.fadeDivide {
    background: none;
}

@media screen and (max-width: 1360px){
    .central-content:not(.slim) { margin: 0 2.5rem; }

}




#brand_bar { border-bottom: 1px solid #eee; }

.link_list_container { font-family: Helvetica, Arial, sans-serif; font-size: 10px; margin: 1em 0; }

.link_list_container ul { margin: 0; padding: 0; list-style: none; }

.link_list_title { font-weight: bold; color: #888; font-size: 10px; float: left; margin: 0; border-right: none!important;}

.footer_links_list { font-size: 10px; list-style: none outside none; margin: 0 0 12px 0; padding: 0; color: #888; float: left; }
.footer_links_list li.last { border-right: medium none; float: left; margin-right: 0; padding-right: 0; }

#footer_wrapper a { color: #888; }

.footer_links_list li.liadchoices { margin-left: 6px; padding-left: 6px; border-left: 1px solid #888; height: 10px; }

.footer_links_list li, #footer_wrapper h6 {  border-right: 1px solid #888; float: left; line-height: 1; /* margin-bottom: 6px; */ margin-right: 6px; padding-right: 6px; white-space: nowrap; margin-bottom: 2px; padding-bottom: 2px; padding-top: 2px; }

#footer_nav_container { margin: 1em 0 2em; }

@media screen and (max-width: 1200px){
    .main-header { position: relative; top: auto; left: auto; right: auto; z-index: 1; padding: 2rem 0; }
    .main-header.homepage nav, .main-header.homepage .booking-widget , .main-header.destination nav>.central-content>ul { display: none; }

    .main-header.destination nav { box-shadow: none; padding: 0; }

    .main-header .lower-content { height: auto; }

    .main-header .mobile-navicon { display: block; float: right; font-size: 2em; line-height: 1.68; cursor: pointer; }

    .main-header .mobile-sign-in { display: block; float: right; margin-top: 0.75em; margin-right: 0.75em; text-decoration: none; color: #000; font-family: Helvetica, Arial, Sans-serif; }

}

@media screen and (max-width: 1020px)  {

    .central-content.slim { margin: 0 2.5rem; max-width: 940px; }


}



@media screen and (max-width: 768px) {

    .masthead .prev-arrow { left: 0.5rem; }
    .masthead .next-arrow { right: 0.5rem; }
    .masthead-slide .cells { display: none; }

    .brand-icon:nth-child(7):after { width: 100%; display: block; height: 0; content: ' '; }
    .brand-bar-icons:before, .brand-bar-icons:after  { /* Permalink - use to edit and share this gradient: <a href="http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+50,eeeeee+100&0.1+0,1+50,0.1+100" target="_blank" rel="noreferrer" style="cursor:help;display:inline !important;">http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+50,eeeeee+100&0.1+0,1+50,0.1+100</a> */ background: -moz-linear-gradient(left,  rgba(238,238,238,0.1) 0%, rgba(238,238,238,1) 50%, rgba(238,238,238,0.1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  rgba(238,238,238,0.1) 0%,rgba(238,238,238,1) 50%,rgba(238,238,238,0.1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  rgba(238,238,238,0.1) 0%,rgba(238,238,238,1) 50%,rgba(238,238,238,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aeeeeee', endColorstr='#1aeeeeee',GradientType=1 ); /* IE6-9 */ content: ' '; width: 100%; height: 0.1rem; display: block; }

    .main-footer { text-align: center; }
    .main-footer nav { padding: 1em 0; }

    .central-content:not(.slim) { margin: 0 1rem; }

}

@media screen and (max-width: 600px) {



    .central-content.slim, .central-content { margin: 0 0.5rem; }
    .main-header .lower-content .mobile-navicon { line-height: 0; height: 100%; margin-top: 0.25em; }
    .main-header .lower-content .logo { width: 8em; }


    .main-header.destination .logo { width: 8em; margin: 0.5em 3em 0em 0.3em; }


    .main-header { padding: 1rem 0; }

}



.hide_text {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.btn_reset {
    background: none;
    border: 0;
    padding: 0;
    -webkit-appearance: none;
}
.ul_reset {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/*
 * Flyout menu
 */

 .logged_out .logged_in_view,
 .logged_in .logged_out_view {
     display: none;
 }
 .logged_in .logged_in_view {
     display: block;
 }

 .flyout_nav .call_drawer.open { display: block; }

 .cta_btn {
    background: #FFF;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #3d3c38;
    display: inline-block;
    padding: 11px 0;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.cta_btn.primary_btn {
    background: #4c864c;
    border-color: #4c864c;
    color: #FFF;
}
.cta_btn.secondary_btn {
    background: #FFF;
    border-color: rgba(76,134,76,.24);
    color: #4c864c;
}

.flyout {
    background: #FFF;
    color: #000;
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    overflow: auto;
    width: 272px;
    z-index: 10;
    padding-top: 35px;
    padding-bottom: 54px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: -11px 0 40px -15px #333;
    -webkit-transform: translate3d(110%,0,0);
    -moz-transform: translate3d(110%,0,0);
    -ms-transform: translate3d(110%,0,0);
    -o-transform: translate3d(110%,0,0);
    transform: translate3d(110%,0,0);
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
}
.flyout.open {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.flyout .cta_btn {
    width: 101px;
}
.flyout .close {
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    width: 42px;
}
.flyout .close:before,
.flyout .close:after {
    content: '';
    background: #2d2d2d;
    width: 23px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 13px;
}
.flyout .close:before {
    -webkit-transform: translate3d(-3px,-50%,0) rotate(45deg);
    -moz-transform: translate3d(-3px,-50%,0) rotate(45deg);
    -ms-transform: translate3d(-3px,-50%,0) rotate(45deg);
    -o-transform: translate3d(-3px,-50%,0) rotate(45deg);
    transform: translate3d(-3px,-50%,0) rotate(45deg);
}
.flyout .close:after {
    -webkit-transform: translate3d(-3px,-50%,0) rotate(-45deg);
    -moz-transform: translate3d(-3px,-50%,0) rotate(-45deg);
    -ms-transform: translate3d(-3px,-50%,0) rotate(-45deg);
    -o-transform: translate3d(-3px,-50%,0) rotate(-45deg);
    transform: translate3d(-3px,-50%,0) rotate(-45deg);
}
.flyout_user {
    font-size: 14px;
    margin-bottom: 17px;
}
.flyout_user p {
    margin: 0 0 4px;
}
.flyout_nav {
    padding-left: 34px;
}
.flyout_nav ul {
    margin: 0 0 15px;
}
.flyout_nav li a {
    color: #2d5b8e;
    display: block;
    font-size: 15px;
    padding: 16px 0;
    text-decoration: none;
}
.flyout_nav li a:before {
    content: '';
    background: url('sprites/icon_navSprite@2x.png') no-repeat;
    background-size: 24px 182px;
    display: inline-block;
    vertical-align: middle;
    width: 37px;
    height: 24px;
}
.flyout_nav .nav_item_find:before {
    background-position: 0 0;
}
.flyout_nav .nav_item_program:before {
    background-position: 0 -28px;
}
.flyout_nav .nav_item_family:before {
    background-position: 0 -59px;
}
.flyout_nav .nav_item_reservations:before {
    background-position: 0 -89px;
}
.flyout_nav .nav_item_account:before {
    background-position: 0 -120px;
}
.flyout_nav .nav_item_callus:before {
    background-position: 0 -148px;
}
.flyout_nav .call_drawer {
    display: none;
    font-size: 11px;
    list-style-type: none;
    margin-bottom: 25px;
    padding-left: 36px;
}
.flyout_nav .call_drawer li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 15px;
}
.flyout_nav .call_drawer .region {
    border-right: 1px solid #d5d4d4;
    display: inline-block;
    margin-right: 7px;
    width: 75px;
}
.flyout_nav .call_drawer li a {
    font-size: 11px;
    padding: 0;
}
.flyout_nav .call_drawer li a:before {
    display: none;
}
.flyout_nav .nav_item_callus.open {
    margin-bottom: 16px;
    padding-bottom: 0;
}
.flyout_nav .nav_item_callus.open + .call_drawer {
    display: block;
}
.flyout_cta {
    font-size: 0;
}
.flyout_cta a {
    margin-left: 15px;
}
.flyout_cta a:first-child {
    margin: 0;
}
.flyout_terms {
    font-size: 10px;
    overflow: hidden;
    padding-top: 37px;
    padding-left: 15px;
}
.flyout_terms a {
    color: #000;
    text-decoration: none;
}
.flyout_terms a .updated {
    font-size: 7px;
}
.flyout_terms .col1 {
    float: left;
    width: 40%;
}
.flyout_terms .col2 {
    float: right;
    width: 35%;
}
.flyout_terms li {
    margin-bottom: 4px;
}
.flyout_terms .copyright {
    color: #656565;
    font-size: 7px;
}
.flyout_terms .choicesAd:after {
    content: '';
    background: url('sprites/icon_choicesAd.png') no-repeat;
    display: inline-block;
    width: 10px;
    height: 11px;
    margin-left: 2px;
    vertical-align: top;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}