/**********************************************************************************************************************************************
***********************************************************************************************************************************************
***********************************************************************************************************************************************

    DON'T EDIT THIS FILE UNLESS YOU HAVE ALREADY MADE THE SAME CHANGES IN THE GIT REPO

    - If you edit this through FTP, prepare to have your work OVERWRITTEN.

    - This project is kept in a git repo and is updated regularly through that.

    - Any work done outside the git repo WILL be deleted. RIP hard work.

**********************************************************************************************************************************************
**********************************************************************************************************************************************
**********************************************************************************************************************************************/



/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* minified bc-flexslider.css */
.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none;overflow:hidden}.flexslider{margin:0;padding:0;max-height:580px;z-index:1;position:relative;zoom:1}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden;position:relative}.flex-direction-nav a,.no-js .slides>li:first-child,.slides:after,html[xmlns] .slides{display:block}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";clear:both;visibility:hidden;line-height:0;height:0}* html .slides{height:1%}.flex-viewport{max-height:580px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav a{width:66px;height:63px;margin:-20px 0 0;position:absolute;top:40%;z-index:10;overflow:hidden;cursor:pointer;text-indent:300%}.flex-direction-nav .flex-prev{left:1%;background:url(../images/gallery-prev-mobile.png) 0 50% no-repeat}.flex-direction-nav .flex-next{right:1%;text-align:right;background:url(../images/gallery-next-mobile.png) 0 50% no-repeat}#thumbnails .flex-direction-nav a{width:12px;height:25px;top:56%}#thumbnails .flex-direction-nav .flex-prev{left:2.5%;background:url(../images/gallery-thumbs-prev.png) 0 50% no-repeat}#thumbnails .flex-direction-nav .flex-next{right:2.5%;text-align:right;background:url(../images/gallery-thumbs-next.png) 0 50% no-repeat}#landing-page.dining .flex-direction-nav .flex-prev{left:-45px;background:url(../images/dining-gallery-prev.png) no-repeat;width:33px;height:208px;top:5px}#landing-page.dining .flex-direction-nav .flex-next{right:-35px;text-align:right;background:url(../images/dining-gallery-next.png) no-repeat;width:33px;height:208px;top:5px}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;display:none}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;right:0;text-align:right;z-index:1000}#home .flex-control-nav{max-width:1024px;position:absolute;bottom:9%;z-index:1000;left:0;margin:auto;padding-right:9.5%}.flex-control-nav li{margin:5px 5px 0 3px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#fff;cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;text-align:left;-webkit-box-shadow:1px 1px 5px 0 rgba(25,23,26,1);-moz-box-shadow:1px 1px 5px 0 rgba(25,23,26,1);box-shadow:1px 1px 5px 0 rgba(25,23,26,1);border:1px solid #555}#home .flex-control-paging li a:hover,.flex-control-paging li a:hover{background:#4A1437}#home .flex-control-paging li a.flex-active,.flex-control-paging li a.flex-active{background:#4A1437;cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media (max-width:767px){.flex-control-nav{right:auto;text-align:center;bottom:10px}#gallery-type .flex-control-nav{background-color:#0a213a;padding-top:12px;bottom:auto;top:0}#home .flex-control-nav{text-align:center;bottom:20%;padding-right:0}.flex-control-nav li{margin-right:18px}.flex-control-paging li a{width:15px;height:15px}#gallery-type .flex-control-paging li a{border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}#home .flex-control-nav li{margin-right:10px}}@media (max-width:480px){.flex-control-paging li a{width:12px;height:12px;margin-bottom:15px}}@media (max-width:320px){#home .flexslider{height:246px;overflow:hidden}.booking-widget{margin-top:160px}}@media (min-width:321px) and (max-width:400px){#home .flexslider{height:277px;overflow:hidden}.booking-widget{margin-top:190px}}@media (min-width:401px) and (max-width:480px){#home .flexslider{height:325px;overflow:hidden}.booking-widget{margin-top:240px}}@media (min-width:481px) and (max-width:599px){#home .flexslider{height:415px;overflow:hidden}.booking-widget{margin-top:330px}}@media (min-width:600px) and (max-width:640px){#home .flexslider{height:490px;overflow:hidden}.booking-widget{margin-top:405px}}@media (min-width:641px) and (max-width:767px){#home .flexslider{height:554px;overflow:hidden}.booking-widget{margin-top:468px}}@media (max-width:767px){.flexslider .slides img{width:112%;max-width:150%;margin-left:0}.map-locations .flexslider .slides img{width:100%;margin-left:0}#home .flexslider .slides img{width:196%;max-width:196%;margin-left:-48%}}@media (min-width:768px){.flex-viewport,.flexslider,.flexslider .slides>li{max-height:515px}.flex-direction-nav a{width:41px;height:41px;top:50%}.flex-direction-nav .flex-prev{left:1%;background:url(../images/gallery-prev.png) 0 50% no-repeat}.flex-direction-nav .flex-next{right:1%;text-align:right;background:url(../images/gallery-next.png) 0 50% no-repeat}}@media (min-width:992px){#home .flex-control-nav{padding-right:105px}}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp,.pswp__bg,.pswp__scroll-wrap{width:100%;height:100%}.pswp,.pswp__item,.pswp__scroll-wrap{overflow:hidden;top:0;position:absolute;left:0}.pswp,.pswp__bg,.pswp__container,.pswp__img--placeholder,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp,.pswp__bg,.pswp__error-msg,.pswp__img,.pswp__item,.pswp__scroll-wrap,.pswp__zoom-wrap{position:absolute}.pswp{display:none;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:100%}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{left:0;top:0;background:#000;opacity:0;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0;will-change:transform}.pswp__item{right:0;bottom:0}.pswp__img{width:auto;height:auto;top:0;left:0;-webkit-transition:opacity .15s;transition:opacity .15s}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%;height:auto;left:0;top:0}.pswp__error-msg{left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}.pswp__error-msg a{color:#CCC;text-decoration:underline}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__share-tooltip a,.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right,.pswp__caption--fake{visibility:hidden}.pswp__button{position:relative;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(styles/default-skin.png) no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(styles/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs,.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{background-position:-88px 0}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;font-size:14px;line-height:18px}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}.pswp__caption--empty,.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__counter,.pswp__preloader{height:44px;top:0;position:absolute}a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}a.pswp__share--download:hover{background:#DDD}.pswp__counter{left:0;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#BBB}.pswp__caption__center{text-align:center;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#CCC}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__ui{visibility:visible}.pswp__preloader{width:44px;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity}.pswp--css_animation .pswp__preloader--active,.pswp__preloader--active{opacity:1}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) no-repeat}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}.pswp__ui{-webkit-font-smoothing:auto;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

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

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

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

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

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

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

textarea {
    resize: vertical;
}

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


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

*, *:before, *:after { box-sizing: border-box; }

#right-column .gallery-button-container { text-align: right; padding-right: 2.25em;  }
#right-column .gallery-button-container .button { display: inline-block; color: #fff; text-decoration: none; }

/* body:hover { transform:rotate(180deg); transition:all 1s ease; } */

/* Re-usable styles */
.mobile-hide { display: block; }
.mobile-show { display: none; }
.mobile-show-inline { display: none; }


h1 { font-family: 'open-sans', sans-serif; font-weight: 400; } 
h2 { font-family:'gt_alpina_finebold'; font-weight: 400; font-size: 50px;}
h3 { font-family: 'open-sans', sans-serif; font-weight: 600; }
p { font-family: 'open-sans', sans-serif; font-size: 15px; line-height: 23px; font-weight: 600;}
a { font-family: 'open-sans', sans-serif; }

/*Uncomment for live site, to replace the h1, h2, h3, p and a above*/

/*body.home h1 { font-family: 'Alice', serif; font-weight: 400; color:#FFF; }
body.home h2 { font-family: 'Alice', serif; font-weight: 400; color:#FFF;}
body.home h3 { font-family: 'nobel-regular', sans-serif; font-weight: 400; color:#fff;}
header p, footer p, body.home p { font-family: 'nobel-regular', sans-serif; }
header a, footer a, body.home a { font-family: 'nobel-regular', sans-serif; } */

a.cover-container { position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 100; display: block; }
.detail.tile-row a.cover-container { display: none; }
.dining-tiles a.cover-container { display: none; }
    .detail.tile-row:hover a.cover-container { display:block; }
    .dining-tiles:hover a.cover-container { display:block; }


/* Changed check (new line - diff from other subtitle weight) */
.v-middle .tile-subtitle {font-weight: 700;line-height: 40px;}
.tile-subtitle { font-size: 18px; text-transform: uppercase; font-family: 'open-sans', sans-serif;line-height: 52px; }
a.button { margin-top: 1.3em; font-weight:600; background-color:transparent; text-transform: uppercase; border: 2px solid #fff; color: #fff; padding: .45em .55em; font-size: 15px; text-decoration: none; }
    a.button.view-offer { background-color: #1F3668; border:0px solid transparent; display: inline-block; margin: 0 -1px 0 0; transition:background-color .2s ease; }
    a.button.view-offer:hover { background-color: #D0DEEC; color:#1F3668; }

.gradient-bottom-top {
background: -moz-linear-gradient(top,  rgba(247,247,247,0) 0%, rgba(158,169,179,0) 36%, rgba(0,30,59,0.85) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,0)), color-stop(36%,rgba(158,169,179,0)), color-stop(100%,rgba(0,30,59,0.85))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,247,247,0) 0%,rgba(158,169,179,0) 36%,rgba(0,30,59,0.85) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,247,247,0) 0%,rgba(158,169,179,0) 36%,rgba(0,30,59,0.85) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,247,247,0) 0%,rgba(158,169,179,0) 36%,rgba(0,30,59,0.85) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,247,247,0) 0%,rgba(158,169,179,0) 36%,rgba(0,30,59,0.85) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#d9001e3b',GradientType=0 ); /* IE6-9 */ }
.gradient-bottom-top.mast { width: 100%; position: absolute; bottom: 0; left: 0; height:55%; }

.gradient-left-right {
background: -moz-linear-gradient(left,  rgba(0,30,59,0.85) 0%, rgba(158,169,179,0) 64%, rgba(247,247,247,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,30,59,0.85)), color-stop(64%,rgba(158,169,179,0)), color-stop(100%,rgba(247,247,247,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,30,59,0.85) 0%,rgba(158,169,179,0) 64%,rgba(247,247,247,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,30,59,0.85) 0%,rgba(158,169,179,0) 64%,rgba(247,247,247,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,30,59,0.85) 0%,rgba(158,169,179,0) 64%,rgba(247,247,247,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,30,59,0.85) 0%,rgba(158,169,179,0) 64%,rgba(247,247,247,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9001e3b', endColorstr='#00f7f7f7',GradientType=1 ); /* IE6-9 */ }
.gradient-left-right.slide-2 { width:55%; height: 100%; position: absolute; top:0; left: 0; }

/* Empty box divider with border */
.border-divider { width:60%; border:1px solid #fff; height:.3em; margin:.5em auto; background-color:transparent; transition:all .3s ease-in-out; }
.tile:hover .border-divider, .slide:hover .border-divider { border:1px solid #D0DEEC; background-color:#D0DEEC; }

/* Main Spritesheet */
.sprite { background: url('img/HI-bonnett-creek-icons@2x.png'); background-repeat: no-repeat; background-size: 448px 500px; width: 0; height: 0; }
.arrow { background: url('img/Arrow-blue.png'); background-repeat: no-repeat; background-size: 20px; width: 0; height: 0; }
html.lt-ie9 .sprite { background-image: url('img/HI-bonnett-creek-icons.png'); }
    .lang-globe { background-position:-48px -38px; width: 12px; height: 12px; display: inline-block; position: relative; top: 2px; }
    /* put back in if there are multiple language selections 
    .lang-arrow { background-position:-99px -40px; width: 10px; height: 7px; display: inline-block; margin-left: 8px; position: relative; top: -1px; transition:transform .2s ease-in-out; } */
    .lang-arrow-blue { background-position:-99px -67px; width: 10px; height: 7px; }
    .date-grey { background-position:-179px -27px; width: 34px; height: 34px; display: inline-block; transition:background-position .2s ease-in-out; cursor: pointer; }
    .date-grey:hover { background-position:-213px -27px; }
    .date-grey.active { background-position:-213px -27px; }
    .arrow-left-blue {width: 19px; height: 38px; margin-right: 50px;transform: rotate(180deg); }
    .arrow-right-blue { width: 19px; height: 38px; margin-left: 50px; }
    
    .time-icon { background-position:-43px -379px; width: 17px; height: 19px; display: inline-block; margin-right: 1em; position: relative; top: 5px; }
    .cross { background-position:-88px -378px; width: 20px; height: 20px; }
    .cross:hover { background-position:-132px -378px; }
    .menu-buns-white { background-position:-104px -460px; width: 38px; height: 14px; }
    .menu-buns-blue { background-position:-32px -460px; width: 38px; height: 14px; }
    .menu-cross { background-position:-185px -452px; width: 26px; height: 26px; display: none; }
    .main-book-icon { background-position:-309px -456px; width: 18px; height: 18px; }
    .main-map-icon { background-position:-344px -456px; width: 13px; height: 19px; }
    .main-call-icon { background-position:-375px -456px; width: 18px; height: 18px; }
    .logo { height: 100px; width: 150px; display: inline-block; background-image:url('img/signia-logo.svg'); background-size: 100%; background-repeat: no-repeat; margin: 1.5em 0.8em 0 0.8em; transition:margin .2s ease-in-out, height .2s ease-in 0s; position: relative; }
        html.lt-ie9 .logo { background-image:url('img/white-logo.png'); margin-right: 1em; }
        .footer-logo.logo { height: 66px; width: 100px; margin-right: 0em; margin-top: 0em; }

/* single language selector new-tab icon */
.new-tab {background-image: url('img/new-tab.svg'); display: inline-block; background-repeat: no-repeat; width: 1em; height: 1em; }

/* Footer Spritesheet */
.footer-sprite { background: url('img/signia-logo.svg'); height: 0; width:0; background-repeat: no-repeat; }
    .hilton-logo { background-position:-151px -96px; width:79px; height:62px; }
    /* .hilton-bc-logo { background-position:0px 12px; width: 131px; height: 86px; } */
    .hhonors-logo { background-position:-399px -93px; width:73px; height:16px; display:inline-block; }
    .disney-logo { background-position:-288px -80px; width:90px; height:43px; display:inline-block; }
    .disney-logo img { width: 100%; }
    .disney-logo a { text-decoration: none; display: inline-block; padding: .5em 1em 1em 1em; }
    footer .footer-right .footer-brand .disney-logo { margin: 0em 0 1em 0; position: relative; top: -1.2em; }
    .twitter-logo { background-position:-288px -44px; width:20px; height:20px; display:inline-block; }
    .facebook-logo { background-position:-315px -44px; width:20px; height:20px; display:inline-block; }
    .gplus-logo { background-position:-341px -44px; width:20px; height:20px; display:inline-block; }
    .instagram-logo { background-position:-366px -44px; width:20px; height:20px; display:inline-block; }

.footer-sprite-new { background: url('img/footer-sprite-2x-w-sm.png'); height: 0; width:0; background-repeat: no-repeat; }
    .hilton-logo { background-position:0px 12px; width:79px; height:62px; }
    .hilton-bc-logo { background-position:-10px 24px; width: 121px; height: 86px; }
    .hhonors-logo {
    background: url('img/new-footer-sprite-2x-w-sm-new.png') no-repeat -257px -220px;
    width: 126px;
    height: 27px;
}
    .disney-logo {
    /* background: url('img/new-footer-sprite-2x-w-sm-new.png') no-repeat -392px -192px; */
    width: 118px;
    height: 56px;
}
    .twitter-logo {
    background: url('img/new-footer-sprite-2x-w-sm-new.png') no-repeat 0 0;
    width: 35px;
    height: 35px;
}
    .facebook-logo {
    background: url('img/new-footer-sprite-2x-w-sm-new.png') no-repeat -35px 0;
    width: 35px;
    height: 35px;
}
    .gplus-logo {
    background: url('img/new-footer-sprite-2x-w-sm-new.png') no-repeat -70px 0;
    width: 35px;
    height: 35px;
}
    .instagram-logo {
    background: url('img/new-footer-sprite-2x-w-sm-new.png') no-repeat -105px 0;
    width: 35px;
    height: 35px;
}

.honors_logo{font-size: 48px;color:#fff;text-decoration: none;display: inline-block;}
.honors_logo:hover,.honors_logo:active{color:#fff;text-decoration:none;}
@media screen and (max-width: 1024px){
    .honors_logo{vertical-align: top;margin-top: 24px;}
}

/* spacing adjustments */
@media screen and (min-width: 1024px){
.footer-brand{margin-left: 1em;}
.hhonors-logo{margin-bottom: 1em;margin-top: 0.5em;float:none;margin-left: 0.5em;}
.disney-logo{margin-bottom: 1.3em;margin-left: 0.5em;}
}

    @media screen and (max-width: 1024px){
        /* .logo { background-image:url('img/HI-bonnett-creek-mobile-logo-@2x.png'); background-size: 100%; margin-left: 2em; margin-top: 1.5em; width:250px; } */
        .lang-globe { display: none; }
        .lang-arrow { display: block; background-position:-99px -67px; width: 10px; height: 7px; margin-left: 6px; margin-top: 5px; }
        /* Mobile Footer */
    .hhonors-logo {
    background: url('img/new-footer-sprite-2x-w-sm-new.png') no-repeat -257px -220px;
    width: 126px;
    height: 27px;
    margin-top: 2em;
    vertical-align: top;
    margin-left: 1em;

}
    .disney-logo {
    /*background: url('img/new-footer-sprite-2x-w-sm-new.png') no-repeat -392px -192px;*/
    width: 118px;
    height: 56px;
    margin-right: 1em;
    margin-bottom: 1em;
}
        .twitter-logo {
    background: url('img/new-footer-sprite-2x-w-sm-new.png') no-repeat 0 -198px;
    width: 50px;
    height: 50px;
}
        .facebook-logo {
    background: url('img/new-footer-sprite-2x-w-sm-new.png') no-repeat -50px -198px;
    width: 50px;
    height: 50px;
}
        .gplus-logo {
    background: url('img/new-footer-sprite-2x-w-sm-new.png') no-repeat -100px -198px;
    width: 50px;
    height: 50px;
}
        .instagram-logo {
    background: url('img/new-footer-sprite-2x-w-sm-new.png') no-repeat -150px -198px;
    width: 50px;
    height: 50px;
}
    footer .footer-right .footer-brand .disney-logo { position: relative; top: 0em; }
    }

/*scrolly*/
#full-pager { position: fixed; top: 39%; left: 6%; padding-left: 2%; z-index: 400; list-style-type: none; }
#full-pager li a { position:relative; display: block; box-shadow: 0 0 6px rgba(10,10,10,.5); margin-bottom:1.5em; cursor: pointer; width: 1em; height: 1em; border-radius: 50%; background-color: transparent; border: .2em solid #fff; transition:all .2s ease-in-out; }
#full-pager li a.active { background-color: #35b5f4; }
#full-pager li a:before { content: ''; position: absolute; border: 0px solid #fff; width: 1.5em; height: 1.5em; border-radius: 50%; top: -.45em; right: -.45em; transition:all .2s ease-in-out; }
#full-pager li a.active:before { content: ''; position: absolute; border: 1px solid #fff; width: 1.5em; height: 1.5em; border-radius: 50%; top: -.45em; right: -.45em; }
/* Main Container Styles */
.main-container { max-width:1680px; width:100%; margin:0 auto; position:relative; }
html.lt-ie9 { min-width: 1025px; }

    /* Header + Nav + Booking Widget + Language Selector */
    .lang-bar { z-index: 210; width: 35%; max-width:1680px; padding:0em 0; position: fixed; height:0px; overflow: hidden; background-color: #001e3b; transition:height .2s ease-in-out, padding .2s ease-in-out;top: 0; opacity: 90%; float: right; position: absolute; margin-top: 30px; margin-left: 230px}
        .lang-bar.active { padding:.7em 2em; }
    .lang-bar .menu ul /*.container*/ { /*max-height: 10px;*/max-width: 960px; height: auto; margin: 0 auto; position: relative; text-align: right; color:#fff; font-family: 'nobel-regular', sans-serif; font-size: .8em; }
    .lang-bar ul.menu a{display: inline-block; }
    .lang-bar ul.menu ,.lang-bar ul.menu li{display: block;}
    /* #menu-language-menu{margin-top:3px; float:right; text-align:center; list-style-type: none; }
    #menu-language-menu a { color: #fff; text-decoration: none; text-transform: uppercase; padding:0 .8em; display: inline-block;}
    #menu-language-menu a:hover { color: #D0DEEC; } */

    header .top-nav .lang-selector:hover .lang-bar { display: block; visibility: visible;}
    @media only screen and (max-width:768px){
        #menu-language-menu{
            /*font-size: 0.85em;*/
            margin-left:0;
            margin-right:0;
            padding-left:0;
            padding-right: 0;
        }
        .lang-bar.active{
            padding: 0;
        }
    }
    header.lang-active { top: 60px; }



    .lang-flag { display: inline-block; }
    .lang-flag a { color: #fff; text-decoration: none; text-transform: uppercase; padding:0 .8em; display: inline-block;}
    .lang-flag a:hover { color: #35b5f4; }



    header { z-index:200; top: 0; background-color: #1f3668; background-color: rgba(31, 54, 104, 0.85); max-width: 1680px; width: 100%; height:130px; position: fixed; box-shadow: 0px 4px 2px rgba(0,0,0,0); transition:all .2s ease-in-out; }
    /*header.lang-active { top: 40px; }*/
    header.lang-active { top: 60px; }

    /* Sticky Header */
    header.sticky { height: 105px; box-shadow: 0px 4px 2px rgba(34,34,34,0.3); }
    header.sticky .logo { height: 47px; width: 150px; margin-right: 1.6em; margin-top: 1.6em; /* background-position: 47px 3px; */ }
    header.sticky nav { padding:3.6em 0 0 0; }
    header.sticky nav ul.sub-menu { margin-top: 20px; background-color: rgba(31, 54, 104, 0.85); }

    header.sticky .booking-container { top: 100px; }
        header .header-container { font-size: 16px; }
        .header-container { max-width: 990px; height: 100%; margin: 0 auto; position: relative; z-index: 20; }
        .divider { height:60%; border:1px solid #3b526a; width:0px; display: inline-block; position: absolute; bottom: 18px; margin: auto; }

        /* Language Nav */
        .top-nav { display:inline-block; position:absolute; right:0; top:10px; font-size:13px; font-weight:700; font-family:'open-sans', sans-serif;}
        @media only screen and (min-width:1025px){ .top-nav { z-index:301;} }
        .top-nav span, .top-nav a { display:inline-block; text-transform:uppercase; color:#fff; }

        /* Remove when Language menu is going back in  */
        .top-nav span { padding:.2em 1em .2em .7em; cursor: pointer; }
        /* END  */
        
        .top-nav a.map-directions{border-right: none;}
        .top-nav a { text-decoration:none;  padding:.2em 1em; }
        .top-nav a:hover, .top-nav span:hover { color: #D0DEEC;  }
        .top-nav span:hover .lang-arrow { background-position:-137px -40px; }
        .top-nav-divider {border-right:1px solid #fff;}
        /* Nav */
        .mobile-nav { display: none; }
        nav { display: inline-block; vertical-align: top; padding:4.6em 0 0 0; margin: 0 0 0 1.6em; transition:padding .2s ease-in-out; position: relative; z-index: 300; }
            html.lt-ie9 nav { margin-left: 1em; }
            nav ul, nav ul li { margin:0px; padding:0px; list-style-type: none; color:#fff;}
            nav > ul > li { display: inline-block; margin-right: 1em; font-weight: 700; vertical-align: top; position: relative; }
            nav > ul > li:last-child { margin-right: 0; }
            nav > ul > li > a { transition:color .2s ease-in-out; padding-bottom: 38px; color:#fff; font-family: 'open-sans', sans-serif; text-decoration: none; text-transform: uppercase; font-size: 14.5px; font-weight: 700; }
            nav > ul > li:hover > a { color:#D0DEEC; }
            nav > ul > li > a:after { content: ' '; height: 3px; left:0; right:0; margin:auto; display: block; top: 120%; position: absolute; background-color: #D0DEEC; width:0%; transition:all ease-in-out .2s; transition-delay:0s; }
            nav > ul > li:hover > a:after {  width: 100%; }
            nav > ul > li > a:hover { text-decoration: none; }
            nav ul.sub-menu { margin: 0px; padding:0px; height:auto; visibility:hidden; opacity:0; transition:visibility 0s ease-in-out 0.2s,opacity .2s ease-in-out; overflow: hidden; position: absolute; min-width: 220px; padding: 0 1em; left: -17px; background-color: rgba(31, 54, 104, 0.85); margin: 0.5em 0 0 0; padding: 1em; }
            
            
            nav ul li:hover ul.sub-menu, nav ul li:focus-within ul.sub-menu { display: block; visibility:visible; opacity:1; transition-delay:.2s; }
            nav ul.sub-menu > li > a { text-decoration: none; color:#fff; font-family: 'open-sans', sans-serif;font-weight: 700; }
            nav ul.sub-menu > li > a:hover { text-decoration: underline; }
            nav ul.sub-menu > li > a:hover { text-decoration: none; color: #D0DEEC; }
            /* nav ul.sub-menu > li:first-child { display: none; } */
            nav .sub-menu li.menu-item { font-size: 14.5px; padding: .5em 0em; }
            .nav-backdrop { position: absolute; width: 100%; max-width: 1680px; height: 0px; background-color: rgb(23, 61, 90); background-color: rgba(23, 61, 90, 0.9); transition:height .2s ease-in-out; /* padding-bottom: 1em; */ }

        /* language nav */
        .lang-link { color:#fff; display: inline-block; vertical-align: top; position: relative; z-index: 300; list-style-type: none;}
        .lang-link:hover {transition:color .2s ease-in-out; color:#D0DEEC; }

        /* put back in if adding more languages to style a drop down menu
        .lang-link > #menu-language-menu > li{list-style-type: none; padding: 0px; margin: 0px; opacity: 0; overflow: hidden;}
        .lang-link > #menu-language-menu > li:hover, .lang-link > #menu-language-menu > li:focus-within{ outline: solid 2px #fff;}
        .lang-link > #menu-language-menu { display: none; margin: 1px -12px; padding: 0; position: absolute; }
        .lang-link:hover #menu-language-menu li, .lang-link:focus-within #menu-language-menu li { position: relative; color: #fff; max-height: inherit; opacity: 1; overflow: hidden; transition: opacity 300ms ease; }
        .lang-selector:hover .lang-link #menu-language-menu , .lang-selector:focus-within .lang-link #menu-language-menu  {display: block; visibility:visible; opacity:1; transition-delay:.2s; background-color: rgba(31, 54, 104, 0.85);}
        .lang-selector:hover .lang-link #menu-language-menu li, .lang-selector:focus-within .lang-link #menu-language-menu li {display: block; visibility:visible; opacity:1; transition-delay:.2s; } */
        
        /* for single language selection */
        .lang-link > .menu-item {display: inline-block; margin: -5px; }
        .lang-link > li.menu-item > a:hover { text-decoration: underline; }
        .lang-link > li.menu-item > a {width: 110%; }

        @media screen and (max-width: 1080px) {
            .lang-link > #menu-language-menu {margin: 20px 0px; }
            .lang-link { color:#03223C; display: inline-block; vertical-align: top; position: relative; z-index: 300; list-style-type: none;}
            .lang-link #menu-language-menu li a{ display: block; }
            .lang-link:hover {transition:color .2s ease-in-out; color:#D0DEEC; text-decoration: none;}

            /* for single language */
            .lang-link > li.menu-item > a {display: block; color:#03223C; padding: 0 0 0 200px; }
        }

        /* Booking Widget */
        .booking-container { width:345px; position: absolute; right: 44px; top: 115px; transition:all .2s ease-in-out; text-align: right;}
        .booking-container .booking-widget { width: 230px; background-color: #D0DEEC;  cursor: pointer; display: inline-block; }
        .booking-container .booking-widget > span { font-family:'open-sans', sans-serif; display: inline-block; margin: auto; text-align: center; width: 100%; padding: 1em 0 1em 0; color: #1F3668; font-weight: 700; font-size: 16px;}
        .booking-widget-form { background-color: #fff;  font-family: 'open-sans', sans-serif; overflow: hidden; transition:height .2s ease-in-out;}
        
        .booking-widget-form.inactive { height:0px; }
        .booking-widget-form.inactive .bottom-section { display:none; }
        .booking-widget-form form { padding: .8em .8em; }
        fieldset { overflow: hidden; vertical-align: top; text-align: left; }
        fieldset label { text-transform: uppercase; color:#000; font-size: 1em; font-weight:600;}
        fieldset.checkboxes { padding-bottom: 2em; font-size: .8em; }
        fieldset.checkboxes label { font-weight: 400; vertical-align: top;  }
        fieldset.datepickers { width: 50%; display: inline-block; padding-bottom: 1.1em; }
        fieldset#input-arrival input, fieldset#input-departure input { padding:0 .5em; font-size:.8em; width:105px; height: 34px; background-color: #a0a0a0; border: none; color:#fff; margin: 0px; vertical-align: top; transition:all .3s ease-in-out; }
        fieldset#input-arrival input.active, fieldset#input-departure input.active { border: 2px solid #D0DEEC; }
        span.arr-day, span.dep-day { font-size: .8em; color: #a0a0a0; font-weight: 400; margin-left: .7em; }

        /* ADD BACK IN WHEN LEAD RATES ARE BACK 
        .bottom-section { padding-top: .2em; }
        END OF */

        /* REMOVE WHEN LEAD RATES ARE PUT BACK IN */
        .bottom-section {position: absolute;right: 20px;width: 100%;bottom: 50px;}
        /* END OF */

        @media screen and (max-width: 1080px) {
            .bottom-section {bottom: 120px;}
        }
        
        .bottom-section .bottom-left, .bottom-section .bottom-right { display: inline-block; }
        .bottom-section .bottom-left { width:60%; text-align: left; display: none;}
            .lead-rate span { display: inline-block; }
            .lead-rate span.blue { color: #35b5f4; }
            .lead-rate span.from { vertical-align: top; margin-top: .5em; }
            .lead-rate span.small-dollar { font-size: 1.3em; vertical-align: top; margin-top: .25em; }
            .lead-rate span.rates { margin-left:-.1em; font-size: 2em; font-weight: 700;  }
            .lead-rate span.asterix { vertical-align: top; margin-top: 0.2em; font-size: 1.5em; }
            .lead-rate span.per-night { line-height: 1em; font-size: .7em; text-transform: uppercase; }
            .best-rates { font-size: .85em; font-weight: 700; }
            .best-rates a { color: #003160; text-decoration: none; text-transform: uppercase; }
        .bottom-section .bottom-right { width:40%; vertical-align: top; margin-top: 0.7em; }
        .bottom-section .bottom-right input[type="submit"] { border:none; background-color: #D0DEEC; color: #1F3668; width: 100%; padding: 1em .6em; font-weight: 700; text-transform: uppercase; transition:background-color .2s ease; }
        .bottom-section .bottom-right input[type="submit"]:hover { background-color: #1F3668; color:#D0DEEC; }
        .booking-widget-toggle { cursor:pointer; width:34px; height: 34px; background-color: #D0DEEC; display: inline-block; position: relative; }
        .booking-widget-toggle span { font-size: 2em; color: #1F3668; position: absolute; left: 13px; top: -6px;}

        .booking-widget-toggle.inactive span { left: 8px; top: -3px; }

            /* Booking - calendarCalendar */
            #calendarCalendar { z-index:300; 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%;}
            .background { width: 100%; height: 100%; position: fixed; }
            .calendars { position: absolute; }
            .calendar {  font-family: "nobel-regular",​sans-serif; padding: 14px 20px; float: left; width: 210px; color: #646564; background: #e6ebec; transition:all .3s ease-in-out; border: 3px solid #e6ebec; }
                #calendarCalendar .range #calendar-start-date.calendar { border-right: none; }
                #calendarCalendar .range #calendar-end-date.calendar { background-color:#e6ebec; }
                /* focus states desktop */
                #calendarCalendar.active-cal-start .range #calendar-start-date.calendar,  #calendarCalendar.active-cal-end .range #calendar-end-date.calendar { border: 3px solid #D0DEEC; background-color: #fff; }

                #calendarCalendar .range .calendar:hover { border: 3px solid #D0DEEC; background-color: #fff!important; }

                .calendars:before, .calendars:after, .calendar-table:before, .calendar-table:after { content: ' '; clear: both; display: block; height: 0; }
                .calendar-header { text-align: center; text-transform: uppercase; font-weight: bold; font-size: 0.8em; color: #333333; }
                .calendar-caption { font-size: 1.1em; }
                .calendar-title {  display: inline-block; width: 80%; }
                .calendar-arrow { width: 0; height: 0; display: inline-block; border-color: transparent #D0DEEC; 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 { float: left; width: 10.285714286%; padding: 2%; 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; }
                .calendar-date { font-size: 1.4em; margin-bottom: 10px; }
                .calendar-dates .calendar-cell.active { cursor: pointer; color: #001e3b; }
                .calendar-dates .calendar-cell.active:hover { color: #D0DEEC; }
                .calendar-dates .calendar-cell.active.active.selected, .calendar-dates .calendar-cell.active:hover { background: #003160; }
                .calendar-dates .calendar-cell.active.active.selected{ background: #D0DEEC; color: #fff; box-shadow: 0 0 3px 0 #666; }
                .max-month .calendar-arrow.right, .min-month .calendar-arrow.left { display: none; }

    section.mobile-icon-buttons { display: none; }

    /* Masthead + Pager Styles */
    .masthead { width:100%; height: auto; position: relative; }
    .masthead img { width:100%; height: auto; }
    .masthead .pager { font-size:18px; width: 35em; bottom: 3%; height: 1em; right: 15%; position: absolute; z-index: 150; text-align: right; }
    .masthead .pager span.pager-circles { box-shadow:0 0 6px rgba(10,10,10,.5); cursor:pointer; width:1em; height:1em; border-radius: 50%; display: inline-block; margin-left:1em; background-color: #fff; border:.2em solid #fff; transition:all 0.2s ease-in-out; }
    .masthead .pager span.pager-circles.cycle-pager-active { background-color: #D0DEEC; border:.2em solid #fff; }
    .masthead .pager span.pager-circles:hover { background-color: #D0DEEC; border:.2em solid #fff; }

    /* retail rail redesigned to welcome intro */
    .welcome-intro { width:100%; text-align: center; padding: 4em 0em; background:url('../bc-images/marble-background.png') no-repeat bottom left;}
    .welcome-intro__wrapper--copy{align-items: center;margin-top: 30px; width: 70%; margin: 0 auto;}
    .welcome-intro__wrapper--copy h1{font-size: 50px;line-height: 1.2;margin: 0 2rem 0 0;font-weight: 400;font-family: 'gt_alpina_finemedium'; border-bottom: 2px solid; color: #1F3668}
    .welcome-intro__wrapper--copy p {font-size: 18px;}
    
    @media screen and (max-width: 1190px){
        .welcome-intro__wrapper--copy p{font-size: 16px;}
    }
    
        @media screen and (max-width: 1080px){
            .welcome-intro__wrapper--copy {margin: 20px auto;}
            .welcome-intro__wrapper--copy h1{margin: 0 1.5rem;}
            .welcome-intro__wrapper--copy p{font-size: 16px;}
        }
    
        @media screen and (max-width: 600px) {
            .welcome-intro__wrapper--copy {margin:5px auto}
            .welcome-intro__wrapper--copy h1{font-size: 30px; margin: 0 1.5rem;}
        }

    /* Special Offers */
    .line-overlay { width:45%; overflow:hidden; margin:0 auto; text-align:center; position: relative; margin-bottom: .5em; }
    .line-overlay h2 {line-height: 1em; display: inline-block; position: relative; color:#1F3668; font-family:'gt_alpina_finemedium';}
    .line-overlay h2:before, .line-overlay h2:after { content: ""; position: absolute; width: 400px; height: 2px; top: 0; bottom: 0; margin: auto; border-top:1px solid #001e3b; }
    .line-overlay h2:before { right: 100%; margin-right: .8em; }
    .line-overlay h2:after { left: 100%; margin-left: .8em; }
    .special-offers { width:100%; text-align: center; padding: 2em 0em; }
    .special-offers .specials-slider-wrapper { width: 100%; position: relative; }
    .special-offers .specials-slider-wrapper:before { content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; }
    .special-offers .specials-slider-wrapper .slider-arrows{ vertical-align:top; cursor: pointer; position: relative; display: inline-block; top: 0; bottom: 0; margin: 130px 0px 0px 0px; font-size: 1.7em; color:rgb(23, 61, 90); }
    .special-offers .specials-slider-container { width:1279px!important; margin:0 auto; display: inline-block; }
    .special-offers .specials-slider { display: inline-block; max-width: 416px; width: 100%; overflow: hidden; margin-right: 15px; opacity: 1!important; }
    .special-offers .specials-slider > a { display: block; }
    .special-offers .specials-slider > a > img { display: block; }
    .special-offers .specials-slider > span { width: 60%; display: inline-block; margin-right: -5px; text-align: left; color:#1F3668; height: 90px;padding-right: 10px; }
    .special-offers .specials-slider > div { width:33%; display: inline-block; text-align: right; vertical-align: top; margin-top: 14px; }
    .special-offers .specials-slider h3 { text-transform: uppercase;
        white-space: pre-wrap;      /* CSS3 */
        white-space: -moz-pre-wrap; /* Firefox */
        white-space: -pre-wrap;     /* Opera <7 */
        white-space: -o-pre-wrap;   /* Opera 7 */
        word-wrap: break-word;      /* IE */
    }

    /* Big Sliders */
    .masthead { position: relative; z-index: 1; max-height: 900px; overflow: hidden; }
    .masthead video { width: 100% }
    .masthead .slide { width: 100%; height: 0; padding-bottom: 53%; max-height: 900px;}
    .masthead img { max-width: 100%; }
    .masthead .slide .content { top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
    .masthead .slide .content:before { content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; } /* inline-block elements can vertically align. We make an inline-block element which is 100% in height and we can vetically align to it. */
    .masthead .slide .content .info-box { line-height: 1.2; padding: 3em 2em; display: inline-block; color: #fff; width: 400px; text-align: center; position: relative; transition:all .3s ease-in-out; }
    
    .masthead .slide:hover .content .info-box { background-color: rgb(31, 54, 104); background-color: rgba(31, 54, 104, 0.85); }
    
    .masthead .slide:hover .content .info-box .hover-content { max-height: 50em; margin-top: .7em; }
    /* Mobile states on click */
 
    .masthead .slide.active .content .info-box { background-color: rgb(31, 54, 104); background-color: rgba(31, 54, 104, 0.85); }
    .masthead .slide.active .content .info-box .hover-content { max-height: 50em; margin-top: .7em; }
    /* end mobile state on click */


    .masthead .slide .content .info-box span {  display:block; font-size: 18px; }
    .masthead .slide .content .info-box h2 { margin: 0em; color:#fff; }


    .masthead .slide .content.v-middle .info-box { vertical-align: middle; }
    .masthead .slide .content.v-top .info-box { vertical-align: top; margin-top: 7%; }
    .masthead .slide .content.v-bottom .info-box { vertical-align: bottom; margin-bottom: 7%; }
    .masthead .slide .content.h-left .info-box { margin-left: 7%; }
    .masthead .slide .content.h-left { text-align: left;  }
    .masthead .slide .content.h-right .info-box { vertical-align: top; margin-right: 7%; margin-top: 7%; }
    .masthead .slide .content.h-right { text-align: right;  }
    .masthead .slide .content.h-middle { text-align: center; }
        .main-masthead.masthead .slide .content.v-bottom .info-box { background-color: transparent; width:70%; text-align: center; margin-bottom:0px; }
            .main-masthead.masthead .slide .content.v-bottom .info-box h1 { font-size: 4.5em; line-height: 1.1; letter-spacing: -2px; color:#fff; margin:.1em 0;}
            .main-masthead.masthead .slide .content.v-bottom .info-box span { margin-top: .45em; display: inline-block; font-size: .55em; text-decoration: underline; vertical-align: top; }
            .main-masthead.masthead .slide .content.v-bottom .info-box p { line-height: 1.5;}
        /* Second Slider Styles */

    /* Dining Section */
    .dining-container { width: 100%; text-align: center; padding: .3em 0 6em 0; overflow: hidden; background:url('../bc-images/marble-background.png') no-repeat bottom left; }
    .dining-container .intro { width:45%; display: block; margin:0 auto; padding: 3em 0; }
    .dining-container .intro p { line-height: 23px; color: #1F3668; font-weight: 600; }
    .dining-container .intro h2 { color:rgb(23, 61, 90); margin:.4em 0; font-family:'gt_alpina_finemedium';}
    .dining-container .intro h2 > span { font-family:'open-sans', sans-serif; font-size: 24px; color: #1F3668; text-transform: uppercase; vertical-align: top; margin-top: .6em; font-weight: 600; display: inline-block; }
    .dining-container .dining-tiles { vertical-align:top; width:24.6%; height: 100%; max-height: 410px; display: inline-block; position: relative; overflow: hidden; }
        /* padding-fixes */
            .dining-container .dining-tiles:nth-of-type(2) { margin:0 .35% 0 0; }
            .dining-container .dining-tiles:nth-of-type(3) { margin:0 .25% 0 .15%; }
            .dining-container .dining-tiles:nth-of-type(4) { margin:0 .15% 0 .25%; }
            .dining-container .dining-tiles:nth-of-type(5) { margin:0 0 0 .35%; }

    .dining-container .dining-tiles img { width: 100%; height: auto; }
    .dining-container .dining-tiles .tile-overlay { background-color: rgba(33, 33, 33, 0.4); width: 100%; height: 100%; position: absolute; top: 0; transition:all 0.3s ease-in-out; }
    .dining-container .dining-tiles:hover .tile-overlay { background-color: rgb(31, 54, 104); background-color: rgba(31, 54, 104, 0.85); }
    /* Mobile states on click */
    .dining-container .dining-tiles.active .tile-overlay { background-color: rgb(23, 61, 90); background-color: rgba(23, 61, 90, 0.8); }
    /* end mobile state on click */
    .dining-container .dining-tiles .tile-content { line-height: 1.2; color:#fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; width: 100%; height: 100%; padding: 1em; }
    .dining-container .dining-tiles .tile-content:before { content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; }
    /*alignment*/
    .dining-container .dining-tiles .tile-content .content-wrapper { display: inline-block; vertical-align: middle; }
    .dining-container .dining-tiles .tile-content.v-middle .content-wrapper { vertical-align: middle; }
    .dining-container .dining-tiles .tile-content.h-middle { text-align: center; }
    /* /end */
    .dining-container .dining-tiles .tile-content p { line-height: 1.5; }
    .dining-container .dining-tiles .tile-content h2 { margin: 0em; font-size: 40px; font-family: 'open-sans',sans-serif; text-transform: uppercase; font-weight: 600; word-spacing: -0.48px;; }
    .dining-container .dining-tiles .tile-content h2.big-header { font-size: 3em; }
    .dining-container .dining-tiles .tile-content .tile-subtitle { font-size: 19px; font-family: 'open-sans', sans-serif; font-weight: 700; word-spacing: -0.23px; text-transform: lowercase;}
        .hover-content { /* font-size: .8em; */ max-height: 0em; transition:all .3s ease-in-out; overflow:hidden; }
    .dining-container .dining-tiles:hover .tile-content .hover-content { max-height: 40em; margin-top: .7em; }
    /* Mobile states on click */
    .dining-container .dining-tiles.active .tile-content .hover-content { max-height: 40em; margin-top: .7em; }
    /* end mobile state on click */


    /* Homepage section tiles */
    .detail-tile-row { width: 100%; margin-bottom: .38em; margin-bottom: 0.30%; }
    .detail-tile-row .tile { box-sizing: border-box; width: 49.8%; display: inline-block; vertical-align: top; position:relative; overflow: hidden; background-repeat: no-repeat; background-size: cover; }
    .detail-tile-row .tile img { width: 100%; height: 100%; }
    .detail-tile-row .tile .tile-overlay { background-color: rgba(31, 54, 104, 0); width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition:all 0.3s ease-in-out; }
    .detail-tile-row .tile:hover .tile-overlay { background-color: rgb(31, 54, 104); background-color: rgba(31, 54, 104, 0.85); }
    .detail-tile-row .tile.nohide:hover .tile-overlay { background-color: rgba(31, 54, 104, 0); }
    /* Mobile states on click */
    .detail-tile-row .tile.active .tile-overlay { background-color: rgb(31, 54, 104); background-color: rgba(31, 54, 104, 0.85); }
    .detail-tile-row .tile.nohide.active .tile-overlay { background-color: rgba(31, 54, 104, 0); }
    /* end mobile state on click */

    /*Vertical Positioning stuff*/
    .detail-tile-row .tile .content { top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
    .detail-tile-row .tile .content:before { content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; }
    .detail-tile-row .tile .content.v-middle .tile-content { vertical-align: middle; }
    .detail-tile-row .tile .content.v-top .tile-content { vertical-align: top; margin-top: 7%; }
    .detail-tile-row .tile .content.v-bottom .tile-content { vertical-align: bottom; margin-bottom: 7%; }
    .detail-tile-row .tile .content.h-left .tile-content { margin-left: 7%; }
    .detail-tile-row .tile .content.h-left { text-align: left; }
    .detail-tile-row .tile .content.h-right .tile-content { margin-right: 7%; }
    .detail-tile-row .tile .content.h-right { text-align: right; background: -webkit-radial-gradient(top center, ellipse cover, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 100%);}
    .detail-tile-row .tile .content.h-middle { text-align: center; background: -webkit-radial-gradient(top center, ellipse cover, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 100%); }
    .detail-tile-row .tile .content.v-middle.h-left { text-align: left; background: -webkit-radial-gradient(top center, ellipse cover, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 100%); }
    
    .detail-tile-row .tile .content .tile-content { display: inline-block; color: #fff; padding: 1em; width: 400px; text-align: center; line-height: 1.2; }
    .detail-tile-row .tile.nohide .content .tile-content { background-color: rgba(23, 61, 90, 0.0); padding: 3em 2em; transition:all .3s ease-in-out; }
    .detail-tile-row .tile.nohide:hover .content .tile-content { background-color: rgb(31, 54, 104); background-color: rgba(31, 54, 104, 0.85); padding: 3em 2em; }
        .detail-tile-row .tile .content .tile-content.width-wide { width:65%; }
        .detail-tile-row .tile .content .tile-content h2 { margin: 0em; line-height: 52px; text-shadow: 0px 0px 6px rgba(10,10,10,0.5); }
        
        .detail-tile-row .tile:hover .tile-content .hover-content { max-height: 40em; margin-top: .7em; }
        /* Mobile states on click */
        .detail-tile-row .tile.active .tile-content .hover-content { max-height: 40em; margin-top: .7em; }
        /* end mobile state on click */
        /* Tile Sizes */
            .detail-tile-row .tile:not(.full) { padding-bottom: 35%; }
            .detail-tile-row .tile:not(.full) img { display: none; }

            .detail-tile-row .tile.top { max-height: 540px; }
            .detail-tile-row .tile.top.left { width: 53.8%; margin-right:.4%;}
            .detail-tile-row .tile.top.right { width: 45.8%; }
            .detail-tile-row .tile.bottom { max-height: 660px; }
            .detail-tile-row .tile.one-third { width:38.38%; margin-right:.4%; }
            .detail-tile-row .tile.two-third { width:61.22%; }
            .detail-tile-row .tile.full { width:100%;  }

    /* Map section */
    .map-container { width: 100%; height: 650px; position: relative; }
    .map-container #map-canvas { height: 100%; }
    .map-container .overlay { line-height:1.2; position:absolute; top:0; left:0; width:25%; color:#000; height:100%; z-index: 99; text-align:center; padding: 4em 2em;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;0.85+0,0.5+64,0+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.5) 64%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.85)), color-stop(64%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.5) 64%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.5) 64%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.5) 64%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.5) 64%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    }
    .map-container .overlay p { /*line-height: 1.5;*/ color: #1F3668;} 
    .map-container .overlay .tile-subtitle { color: #4A1437; }
    .map-container .overlay h2 { font-size: 2.5em; margin:0px; color: #1F3668; }

    /* Back to Top */
    .back-to-top { padding:1.1em 0 .9em 0; background-color: #D0DEEC; text-align: center; margin-top: 7px; cursor: pointer; }
        .back-to-top span { display: inline-block; color: #1F3668; font-weight: 700; font-size:14px; font-family: 'open-sans', sans-serif; }

    /* Footer */
    footer { background-color: #1F3668; padding-bottom: 50px; }
    footer .container { margin:0 auto; max-width: 960px; width: 100%; padding-top: 1em; padding-right:0px; padding-left:0px; }
    footer .container > div { display: inline-block; vertical-align: top; color: #fff; padding: 0 .5em; }
    footer .container .footer-left { width:10%; }
    footer .container .footer-middle { width:70%; border-left:1px solid #4f697e; border-right:1px solid #4f697e; padding: 0 1em;}
    footer .container .footer-middle p { font-size: 11px; }
    footer .container .footer-right { width: 18%; }
    footer .container .footer-middle .hotel-info { font-size: .6em; text-align: left; }
    footer .container .footer-middle .footer-nav ul.footer-navigation { list-style-type: none; padding: 0; line-height: 1em; }
    footer .container .footer-middle .footer-nav ul.footer-navigation li { display: inline-block; border-right:1px solid #fff; padding: 0 .5em 0 .2em; height:13px; }
    footer .container .footer-middle .footer-nav ul.footer-navigation li a { font-size: 13px; letter-spacing: .03em; text-transform: uppercase; color: #fff; text-decoration: none; vertical-align: top; }

    /*footer li#menu-item-6268 {background: url(http://bonnetcreek.hiltonpreview.com/wp-content/uploads/2015/09/adchoiceslogo1.png) right center no-repeat; padding-right: 16px;}*/
    footer li.adChoices, footer li#menu-item-6268  {background: url(/wp-content/uploads/2015/09/adchoiceslogo1.png) right center no-repeat; padding-right: 16px;}

    footer .container .footer-middle .footer-disclaimer { font-size: .6em; text-align: left; }
    footer .container .footer-middle .footer-disclaimer > p { margin-bottom: .1em; }
    footer .footer-right .footer-brand span.divider { display: none; }
    footer .footer-right .footer-brand > div { vertical-align: top; margin-bottom:1.5em; }
    /*footer .footer-right .footer-brand > div:first-child { float:right; }*/
    footer .footer-right .footer-brand > div:last-child { float:left; margin-top: .7em; }
    footer .footer-right .footer-social {margin-top: 10px;padding: 0px; }

    /* Flash Sale Sticky */
    .flash-sale-sticky { z-index:190; max-width: 1680px; width: 100%; position:fixed; bottom:0; background-color:#C0FFA7; padding:.7em 0 .6em 0; text-align:center; transition:bottom .4s ease; }
        .flash-sale-sticky.inactive { bottom:-400px; }
    .flash-sale-sticky .container { max-width:960px; width:100%; display:inline-block; position: relative; }
    .flash-sale-sticky .container * { font-family: 'nobel-regular', sans-serif; }
    .flash-sale-sticky .container span { color:#03223C; display: inline-block; vertical-align: top;  }
    .flash-sale-sticky .container span.close { cursor: pointer; font-size: 1.5em; font-weight: 700; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
    .flash-sale-sticky .container span.text-content, .flash-sale-sticky .container span a { padding-top: .2em; }
    .flash-sale-sticky .container span a { color:#F051BE; font-weight:700; text-decoration:none; padding-left:.7em; display: inline-block; }


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1680px) {
    #full-pager { left: 0; padding-left: 2%; }
}
@media only screen and (max-width: 1500px) {
    .special-offers .specials-slider-container { width:931px!important; }
    .special-offers .specials-slider > a > img { display: block; width:100%; }
    .special-offers .specials-slider { width: 300px; }
}

@media only screen and (max-width: 1110px){
    .special-offers .specials-slider { width: 287px; }
    .special-offers .specials-slider-container { width: 891px!important; }
}

@media only screen and (max-width: 1070px){
    .line-overlay { width: 90%; }
    .special-offers .specials-slider-container { width: 590px!important; }


}
@media only screen and (max-width: 1080px){
    .dining-tiles a.cover-container { display: block; z-index: 100; }
    a.cover-container { display: none; z-index: 0; }
    .icon-buttons a.cover-container { display: block; z-index: 100; height: 100%; }
    .mobile-icon-buttons {  }
    .logo .cover-container { display: block; height: 100%; }
    .body-overlay { display: none; position:fixed; width: 100%; height: 100%; top:0; left:0; background-color: rgba(0,0,0,0.5); }
    .body-overlay.active { display: block; }
    .mobile-hide { display: none; }
    .mobile-show { display: block; }
    .mobile-show-inline { display: inline-block; }

    #full-pager { display: none; }

    .lang-bar { position: relative; }
    /* header { position: relative; background-color: #fff; color:#03223C; height: 110px; } */
    header .header-container { max-width: 1024px; }
        header .mobile-nav { cursor:pointer; width:120px; display: inline-block; color: inherit; text-align: center; font-weight: 700; padding-top:2.5em; vertical-align: top; float: right; height: 100%; top: 0;}
        header .mobile-nav.active { background-color: #1F3668; padding-top: 3em; }

        header .mobile-nav.active > div { display: none; }
        header .mobile-nav.active .menu-cross { display: inline-block; }
        header .mobile-nav > div { display:inline-block; text-align: center; }
        header .mobile-nav > div:first-child { width: 100%; }
        header .divider { display: none; }
        header .top-nav { right: 145px; top: 36px; font-size: 1em; font-weight: 700; }
        header .top-nav a { display: none; }
        header .top-nav .lang-selector { color:inherit; }
        header .booking-container { display: none; width:95%; max-width: 345px; }
        header .booking-container.active { display: block!important; height: 400px; left:0; right: 0; top:0; bottom:0; margin: auto!important; position: fixed; }
        header .booking-container .booking-widget { display: none; }
    
        /*PUT BACK WHEN LEAD RATES ARE PUT BACK IN */
        /* header .booking-container .booking-widget-form {height: 100%; }*/
        /* END OF */
    
        /* REMOVE WHEN LEAD RATE IS PUT BACK */
        header .booking-container .booking-widget-form {height: auto;padding-bottom: 20px;}
        /* END OF */
    
        fieldset.datepickers { width: 100%; position: relative; }
        fieldset#input-arrival input, fieldset#input-departure input { width: 100%; }
        .bottom-section .bottom-left { width: 100%; }
    
        /* PUT BACK WHEN LEAD RATES ARE PUT BACK IN */
        /* .bottom-section .bottom-right { width: 100%; } */
        /* END OF */
    
        .booking-widget-close { float: right; cursor: pointer; }
        fieldset label { font-size: 1.1em; }
        .date-grey { position: absolute; top: 25px; right: 0; }
        .lead-rate, .best-rates { width: 190px; margin: 0 auto!important; }
        .calendars { position: absolute; position: absolute; top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; margin: auto; width: 278px; height: 336px; }
        #calendarCalendar .range #calendar-start-date { border: 4px solid #D0DEEC; border-right:4px solid #D0DEEC;  border-bottom: none; }
        #calendarCalendar { font-size: 16px; }
        .calendar { width: 278px; padding: 20px 10px 5px 10px; }
        .calendar-cell { padding: 4% 2% }

        header nav { display: none; }
        header nav.active { display:block; position: absolute; top: 160px; left: 0; margin: 0; padding: 0; width: 100%; background-color: #1F3668; }
        header nav.active > ul { padding: 1em 0em 1em 2em; }
        header nav.active > ul > li { display: block; padding: 1em 0; }
        /* header nav.active > ul > li > a { font-size: 1em; } */

        header nav.active > ul > li > a:after { display: none; }
        header nav > ul > li:before { content:' '; background: url('img/HI-bonnett-creek-icons.png'); background-size: 224px 250px; background-position:-114px -171px; width: 34px; height: 17px; position: absolute; right: 0px; top:23px; }
        header nav > ul > li.active:before { background-position:-114px -153px; }
        nav > ul > li:last-child { margin-right: 1.5em; }
        header nav.active > ul > li > ul.sub-menu { padding:0 1em 0 1em; visibility:visible; opacity:1; display:none; position: relative; color: #838488; font-size: 1.2em; margin-top: 14px; left: 0; background-color: transparent;}
        header nav.active > ul > li > ul.sub-menu > li:first-child { display: block; }
        header nav.active > ul > li > ul.sub-menu > li > a { color: #838488; text-transform: uppercase; }
        header nav.active > ul > li.active > ul.sub-menu { display: block; opacity: 1; }

    /* section.mobile-icon-buttons { font-size:16px; width: 100%; background-color: #03223C; text-align: center; display: block; position: relative; margin:0px; transition:margin .2s ease-in-out;}
    section.mobile-icon-buttons.lang-active { margin-top: 40px; }
    section.mobile-icon-buttons .icon-buttons { position: relative; width: 32.3%; display: inline-block; padding: 1.5em .5em 1.5em .2em; border-right:1px solid #23384e;}
    section.mobile-icon-buttons .icon-buttons:last-child { border-right:0px solid #23384e;}
    section.mobile-icon-buttons .icon-buttons > div { display: inline-block; }
    section.mobile-icon-buttons .icon-buttons > div.icon-text { font-family:'nobel-regular', sans-serif; display: inline-block; color: #fff; font-size: 1em; font-weight: 500; }
    section.mobile-icon-buttons .icon-buttons > .sprite { position: relative; top: 4px; margin-right: .3em; } */

    .main-masthead.masthead .slide .content.v-bottom .info-box { width: 90%; }

    section.masthead.second-slider .slide { background-size: cover; background-position: top center; height: 800px; padding:0; }
    section.masthead.second-slider .slide img { display: none; }

    .mobile-lr-container { position: relative; font-family: 'nobel-regular', sans-serif; display: none; }
    .lead-rate-mob { width: 60%; display: inline-block; background-color: #001e3b; text-align: center; padding-bottom: .5em; }
    .lead-rate-mob > div { display:inline-block; text-align: left; width: 190px; }
        .lead-rate-mob span { display: inline-block; }
        .lead-rate-mob span.white { color: #fff; }
        .lead-rate-mob span.from { vertical-align: top; margin-top: .5em; }
        .lead-rate-mob span.small-dollar { font-size: 1.3em; vertical-align: top; margin-top: .25em; }
        .lead-rate-mob span.rates { margin-left:-.1em; font-size: 2em; font-weight: 700; }
        .lead-rate-mob span.asterix { vertical-align: top; margin-top: 0.2em; font-size: 1.5em; }
        .lead-rate-mob span.per-night { line-height: 1em; font-size: .7em; text-transform: uppercase; }
        .lead-rate-mob .best-rates { width:190px; font-size: .85em; font-weight: 700; display: block; margin:0 auto;}
        .lead-rate-mob .best-rates a { color: #35b5f4; text-decoration: none; text-transform: uppercase; }
    .check-rates-mob { width: 40%; display: inline-block; vertical-align: top; height: 100%; background-color: #35b5f4; position: absolute; text-align: center; }
    .check-rates-mob a { color: #fff; text-decoration: none; display: inline-block; padding: 1.5em 0; font-weight: 700; }

    .special-offers { padding:.5em 0em 2.5em 0; }

    .dining-container { padding: .3em 0 3em 0; }
    .dining-container .intro { width: 90%; padding: 2em 0; line-height: 1.1; }
    .dining-container .dining-tiles { width:49.8%; height: 100%;  }
        /* padding-fixes */
            .dining-container .dining-tiles:nth-of-type(2) { margin:.4% .4% 0 0; }
            .dining-container .dining-tiles:nth-of-type(3) { margin:.4% 0 0 0; }
            .dining-container .dining-tiles:nth-of-type(4) { margin:.4% .4% 0 0; }
            .dining-container .dining-tiles:nth-of-type(5) { margin:.4% 0 0 0; }

    .detail-tile-row .tile,
    .detail-tile-row .tile:not(.full) { height: 0; padding-bottom: 50%; background-size: cover; }
        .detail-tile-row .tile.full { height: 800px; background-position: top center; }
        .detail-tile-row .tile img { display: none; }
    .detail-tile-row .tile.top { max-height: 540px; }
    .detail-tile-row .tile.top.left { width: 49.8%; margin-right:.4%; }
    .detail-tile-row .tile.top.right { width: 49.8%; }
    .detail-tile-row .tile.bottom { max-height: 660px; }
    .detail-tile-row .tile.one-third { width:49.8%; margin-right:.4%; }
    .detail-tile-row .tile.two-third { width:49.8%; }

    /* changed check - added new line */
    .detail-tile-row .tile .content.v-middle.h-right { text-align: center; }
    .detail-tile-row .tile .content.h-right .tile-content { margin: 0; }

    .detail-tile-row .tile .content.v-middle.h-left { text-align: center; }
    .detail-tile-row .tile .content .tile-content { width: 95%!important; margin: 0; }
    .detail-tile-row .tile .content.h-left .tile-content { margin: 0; }
    .detail-tile-row .tile.nohide.full .content.h-left .tile-content { margin-left: 7%; margin-top:7%; width:60%!important; }

    .map-container { height: auto; }
    .map-container .overlay { padding: 1em .5em; width:100%; height: auto; position: relative; }
    .map-container #map-canvas { height: 340px; }

    .time-icon { position: absolute; top:.3em; left: .8em; }
    .flash-sale-sticky .container { text-align: left; }
    .flash-sale-sticky .container span.close { left:initial; bottom:initial; right: .8em; top:.3em;}
    .flash-sale-sticky .container span.text-content, .flash-sale-sticky .container span a { padding: .2em 3em; text-align: left; }

    .back-to-top { font-size: 1.1em; }

    footer { text-align: center; padding-top:2em;}
    footer p { font-size: 12px; }

    footer .container .footer-left { width:95%; }
    footer .container .footer-left .footer-logo { display: inline-block; text-align: right; vertical-align: top; width: 44%; border-right: 1px solid #3b526a; }
    footer .container .footer-left .footer-logo > a { display: inline-block; }
    footer .container .footer-left .hotel-info { display: inline-block; width: 54%; font-size: .7em; text-align: left; vertical-align: top; padding-left: .6em; }
    footer .container .footer-left .footer-social { text-align: center; vertical-align: top; padding:0 0 1.5em 0;}
    footer .container .footer-left .footer-social > a { display: inline-block; vertical-align: top; margin: 1.5em .7em 0 0; }
    footer .container .footer-left .footer-social > a:last-child { margin-right: 0em; }
    footer .footer-right .footer-disclaimer { width: 70%; display: inline-block; font-size: .7em; }
    footer .container .footer-middle { width:90%; border:none; padding: 0 1em;}
    footer .container .footer-right { width: 100%; }
    footer .footer-right .footer-brand { text-align: center; }
    footer .footer-right .footer-brand > div { display: inline-block; vertical-align: top; margin-top: .8em; position:relative; margin-bottom:1.8em; }

    footer .footer-right .footer-brand > div { vertical-align: top;  }
    footer .footer-right .footer-brand > div:first-child, footer .footer-right .footer-brand > div:last-child { float:none; }

    footer .footer-right .footer-brand > div:last-child { top: 0em; position: relative;margin-top: 0px; }
    footer .footer-right .footer-brand span.divider { height: 88px; border: 1px solid #77726f; width: 0px; position: relative; display: inline-block; margin: 0 .4em; bottom:0;}
}

@media only screen and (max-width: 768px) {
    body.home h2 { font-size: 1.9em; }
    .masthead .pager { text-align: center; right: 0; width: 100%; display: none; }
    .main-masthead.masthead .slide .content.v-bottom .info-box { /* display: none; */ display: inline-block; margin-bottom: 40px; }
    .masthead .pager { bottom: 10%; }
    .gradient-bottom-top.mast { display: none; }

    .special-offers .specials-slider-container { width: 291px!important; }
    .special-offers .specials-slider { width: 290px; }

    .line-overlay { width:95%; }
    .line-overlay h2:before { margin-right:.3em; }
    .line-overlay h2:after { margin-left:.3em; }

    .content { top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
    .content:before { content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; }
    .content.v-middle .tile-content { vertical-align: middle; }
    .content.v-top .tile-content { vertical-align: top; margin-top: 3%; }
    .content.v-bottom .tile-content { vertical-align: bottom; margin-bottom: 3%; }
    .content.h-left .tile-content { margin-left: 7%; }
    .content.h-left { text-align: left; }
    .content.h-right .tile-content { margin-right: 3%; }
    .content.h-right { text-align: right; }
    .content.h-middle { text-align: center; }

    /*cybersale*/
    .main-masthead.masthead .slide .content.v-bottom .info-box h1 { font-size: 2em; text-shadow: 1px 2px 7px #000; }
    .main-masthead.masthead .slide .content.v-bottom .info-box p { display: none; }
    .main-masthead.masthead .slide:nth-child(2) .content.v-bottom .info-box p { display: block; margin: 0px; text-shadow:1px 2px 5px #000; }

    .masthead .slide .content .info-box { width: 60%; padding: 1.5em 1em;}
    .masthead .slide .content .info-box h2 { line-height: 1em; font-size: 2em; }
    section.masthead.second-slider .slide { background-size: cover; background-position: top center; height: 0px; padding:0; padding-bottom: 130%; }
    .detail-tile-row .tile .content .tile-content { width: 95%; }
    .detail-tile-row .tile .content .tile-content h2 { line-height: 1em; font-size: 2em; }

    /* Changed check - line added */
    .detail-tile-row .tile .content .tile-content .tile-subtitle {font-size: 14px; }

    .dining-container .dining-tiles { font-size: .9em; }
    .dining-container .dining-tiles .tile-content { width: 95%!important; height: 100%; padding: .2em; }
    .detail-tile-row .tile .content { font-size: .9em; }
    .detail-tile-row .tile.full { height: 0px; padding-bottom: 130%; background-position: top center; }

    .intro > p { display: none; }
    .dining-container .intro h2 > span { margin-top: 0; font-size: 18px; }

    #full-pager { position: fixed; top: 39%; left: 2%; z-index: 400; list-style-type: none; }

    .map-container { height: auto; }

}

@media screen and (max-width: 590px) {
    .special-offers .specials-slider-container { width: 291px!important; }
    .special-offers .specials-slider { width: 290px; }
    .special-offers .specials-slider > a > img { width: 100%; }
    .special-offers .specials-slider > span { width: 100%; text-align: center; }
    .special-offers .specials-slider > div { width: 100%; display: block; text-align: center; }
    .special-offers .specials-slider-wrapper .slider-arrows { margin: 90px 0px 0px 0px; }
    .arrow-right-blue { margin-left: 20px; }
    .arrow-left-blue { margin-right: 20px; }
    .masthead .slide .content .info-box p, .detail-tile-row .tile .content .tile-content p { line-height: 1.3; }
    .detail-tile-row .tile .content .tile-content { width:95%!important; }
    .detail-tile-row .tile .content .tile-content p { margin: 0; }
}

@media screen and (max-width: 530px) {
    header { height: 82px; }
    .logo { margin-left: .5em; margin-top: 1.1em; width: 200px;}
    header .top-nav { right: 90px; top: 20px; }
    header .mobile-nav { width: 90px; padding-top: 1.4em; }
    header .mobile-nav.active { padding-top: 1.9em; }
}

@media screen and (max-width: 500px) {
    .dining-container { overflow: hidden; }
    .dining-container .dining-tiles { width:100%; margin: 0 0 .2em 0!important; max-height: 380px;}

    .detail-tile-row { margin: 0; overflow: hidden; }
    .detail-tile-row .tile,
    .detail-tile-row .tile:not(.full) { width:100%!important; margin: 0 0 .2em 0; padding-bottom: 80%; }
    .detail-tile-row .tile h2 { font-size: 2.3em; }


}

@media screen and (max-width: 440px){
    .logo {
        background-size: 100%;
        margin-left: 2em;
        margin-top: 2em;
        width: 140px;
    }
    header .top-nav {
        right: 97px;
        top: 36px;
    }
    header .mobile-nav {
        width: 101px;
    }
}

@media screen and (max-width: 410px){
    .special-offers .specials-slider-container { width: 261px!important; }
    .special-offers .specials-slider { width: 260px; }

    .masthead .slide .content .info-box { width: 85%; padding: 1em 1em; }
    .detail-tile-row .tile.nohide.full .content.h-left .tile-content { margin-left: 7%; margin-top: 7%; width: 85%!important; }
    .detail-tile-row .tile.nohide .content .tile-content { padding: 2em 2em; }
}

@media screen and (max-width: 380px){
    .special-offers .specials-slider-container { width: 201px!important; }
    .special-offers .specials-slider { width: 200px; }
    .logo { margin-left: .5em; margin-top: 1.5em; width: 150px;}
    .mobile-nav.active { width:70px; }
    header .top-nav { right:75px; }
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

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

.hidden {
    display: none !important;
    visibility: hidden;
}

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

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

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        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) ")";
    }

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

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

    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;
    }
}

.map-container .map-cta{
    margin-top:30px;
}

.map-container .map-cta a{
  text-decoration: none;
  color:#fff;
}

.map-container .map-cta a:hover{
    text-decoration:none;
}

.lang-bar.active a{
  font-size: 12px;
}
.lang-bar.active{
  line-height: 1.1;
}

.cycle-carousel-wrap {
    display:flex;
}

/*visible to screen readers, invisible to eyes*/
.sr-only{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.special-offers .specials-slider > div.specials-clickable{
    width: initial;
    display: block;
    vertical-align: top;
    margin-top: 0;
    cursor: pointer;
}

.specials-slider.cycle-slide h3 {
    line-height:1.2;
}




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

    .mobile-lr-container.nav-active {
        bottom: -216px;
    }

    .special-offers-container.nav-active {
        padding-top: 216px !important;
    }

}

nav {
    width: 100%;
}


div.header-container {
    max-width: 1440px;
}

li#menu-item-13001::before,
li#menu-item-12361::before {
    display: none !important;
}

@media screen and (min-width: 1080px) {
    ul#menu-top-nav {
        display: flex;
        justify-content: space-between;
    }

    nav.main-nav {
        padding-top: 60px;
    }


}

@media screen and (min-width: 1080px) and (max-width: 1440px) {
    nav {
        max-width: 80%;
    }
}

@media screen and (min-width: 1441px) {

  nav {
      max-width: 84%;
  }

}


@media screen and (min-width: 1280px) and (max-width: 1281px) {
  nav {
      width: auto;
      right: -15%;
      max-width: none;
  }
}

@media screen and (min-width: 1440px) and (max-width: 1441px) {

  nav {
      width: auto;
      /* right: -25%; */
      max-width: none;
  }

}

@media screen and (max-width: 1080px) {
  section.mobile-icon-buttons { font-size:16px; width: 100%; background-color: #1F3668; text-align: center; display: block; position: fixed; margin:0px; transition:margin .2s ease-in-out;z-index: 9999;top: 6.5em;}  
  section.mobile-icon-buttons.lang-active { margin-top: 40px; }
  section.mobile-icon-buttons .icon-buttons { position: relative; width: 32.3%; display: inline-block; padding: 1.5em .5em 1.5em .2em; border-right:1px solid #23384e;}
  section.mobile-icon-buttons .icon-buttons:last-child { border-right:0px solid #23384e;}
  section.mobile-icon-buttons .icon-buttons > div { display: inline-block; }
  section.mobile-icon-buttons .icon-buttons > div.icon-text { font-family:'nobel-regular', sans-serif; display: inline-block; color: #fff; font-size: 1em; font-weight: 500; }
  section.mobile-icon-buttons .icon-buttons > .sprite { position: relative; top: 4px; margin-right: .3em; }
  .logo { background-image:url('img/signia-logo-colour.svg'); background-size: 80%; margin-left: 2em; margin-top: 0.5em; width:250px; }

  header .header-container {
    max-width: none;
  }

  header { position: fixed; background-color: #fff; color:#03223C; height: 110px; }
  header nav {display:  none;}

  header .mobile-nav {
    cursor: pointer;
width: 90px;
display: inline-block;
color: inherit;
text-align: center;
font-weight: 700;
padding-top: 2.5em;
vertical-align: top;
float: right;
height: 100%;
top: 0;
  }

header .mobile-nav > div:first-child {
  width: 100%;
}

header .mobile-nav > div {
  display: inline-block;
    text-align: center;
}

header .top-nav {
  right: 145px;
top: 36px;
font-size: 1em;
font-weight: 700;
}

header .top-nav .lang-selector {
  color: inherit;
}

header .top-nav {
  font-size: 1em;
    font-weight: 700;
}

.lang-arrow {
  display: block;
background-position: -99px -67px;
width: 10px;
height: 7px;
margin-left: 6px;
margin-top: 5px;
}

.lang-globe {
  display: none;
}

header .booking-container {
  display: none;
    width: 95%;
    max-width: 345px;
}

}

@media only screen and (max-width: 480px) {
    .logo {
        width: 200px;
        margin-left: 20px;
    }
    header .top-nav {
        right: 100px;
    }
}
@media only screen and (max-width: 400px) {
    .logo {
        width: 150px;
        margin-top: 35px;
    }
}

/*home page video masthead style adjustments*/
.video-masthead-hp{
    margin-top: 100px;
}

@media only screen and (max-width: 1080px){
    .video-masthead-hp{
        margin-top: 155px;
    }
}

.content-wrapper.node-type-golf-rates   {
    margin-top:0px;
}
@media screen and (max-width: 767px){
    .content-wrapper.node-type-golf-rates{
        margin-top: 15em;
      }
}
@media screen and (max-width: 450px){
    .content-wrapper.node-type-golf-rates{
        margin-top: 19em;
      }
}

.content-wrapper.m-background{
    margin-top:0px;
}
@media screen and (max-width: 767px){
    .content-wrapper.m-background{
        margin-top: 15em;
      }
}
@media screen and (max-width: 450px){
    .content-wrapper.m-background{
        margin-top: 19em;
      }
}

/* Retail Rail */
.retail-rail {width: 100%;background:rgba(208,222,236,0.80);position: fixed;z-index: 109;left: 0;right: 0;color: #1F3668;
display: flex;margin: auto;max-width: 1680px;flex-wrap: wrap;padding: 30px 4rem;align-items: center;top: 120px;}
.retail-rail.sticky{top: 90px!important;}
.retail-rail__wrapper {display: flex;align-items: center;width: 65%;padding-bottom: 10px;}
.retail-rail__wrapper--copy{align-items: center;margin-top: 30px;}					
.retail-rail__wrapper--copy h1{font-size: 40px;line-height: 1.2;margin: 0 2rem 0 0;font-weight: 400;font-family: 'gt_alpina_finemedium';}
.retail-rail__wrapper--copy p {font-size: 18px;}
.retail-rail__wrapper--copy div a {font-family: sans-serif;}
.retail-rail__wrapper .icon-close {background-image: url('img/close-icon.svg'); width: 25px !important;height: 25px !important;font-size: 20px;position: absolute;right: 15px;
top: 34px;background-repeat: no-repeat;;text-align: center;align-items: center;}
.retail-rail__wrapper .icon-close:hover{cursor: pointer;}

@media screen and (max-width: 1190px){
    .retail-rail__wrapper {width: 60%;}
    .retail-rail__wrapper--copy p{font-size: 15px;}
}

    @media screen and (max-width: 1080px){
        .retail-rail {position: absolute;padding: 20px 1rem;top: auto;justify-content: center;}
        .retail-rail__wrapper {flex-wrap: wrap; width: 90%;}
        .retail-rail__wrapper--copy {margin: 20px;text-align: center;}
        .retail-rail__wrapper--copy p{font-size: 15px;}
    }

    @media screen and (max-width: 600px) {
        .retail-rail__wrapper {flex-wrap: wrap; width: 100%;}
        .retail-rail h3{font-size: 30px;}
        .retail-rail__wrapper--copy {margin:5px}

    }


    .cp-booking {
        visibility: hidden;
        opacity: 0;
        top: 0;
        right: 1rem;
        max-width: 500px;
        width: 100%;
        background-color: #FFFFFF;
        transition: top .35s ease .15s, opacity .35s ease, visibility .35s ease .15s; }
        .cp-booking__inner {
          display: flex;
          flex-direction: column;
          flex-wrap: nowrap; }
        .cp-booking__dates-container, .cp-booking__button {
          display: block; }
        .cp-booking__dates-container {
          width: 100%;
          display: flex; }
          .cp-booking__inner .checkboxes label {
            font-weight: 500;
            margin-bottom: 5px
          }
        .cp-booking__date {
          width: 100%;
          display: inline-block;
          padding: 1rem; }
          .cp-booking__date > div {
            display: block; }
          .cp-booking__date .h-width-50 {
            text-align: right;
            display: inline-block;
            color: #000000;
            height: auto;
            width: 48%; }
            .cp-booking__date .h-width-50:first-child {
              text-align: left; }
            .cp-booking__date .h-width-50:last-child {
              padding-right: 4px; }
            .cp-booking__date .h-width-50 label {
              font-size: 12px;
              text-transform: none; }
            .cp-booking__date .h-width-50 .icon-arrow-down {
              background: url('./arrow-down.svg') no-repeat 0px 8px;
              display: block;
              height: 16px;
              width: 15px;
              background-size: 100%;
              margin: auto; }
            .cp-booking__date .h-width-50 .day {
              margin-top: 1.4em; }
            .cp-booking__date .h-width-50 .day, .cp-booking__date .h-width-50 .month {
              display: block;
              font-size: 13px;
              text-transform: uppercase;
              color: #000; }
          .cp-booking__date .styled-date {
            font-size: 48px;
            line-height: .9;
            letter-spacing: 1px;
            color: #1D1D1D; }
        .cp-booking__submit-row {
          width: 100%; }
        .cp-booking__button {
          display: block;
          background-color: #1F3668;
          text-transform: uppercase;
          width: 100%;
          height: 100%;
          color: #FFFFFF;
          font-size: 15px;
          letter-spacing: .05em;
          cursor: pointer;
          line-height: .9;
          height: 4.25rem; }
      
      @media only screen and (max-width: 1080px) {
        .cp-header__booking {
          right: 0; }
          .cp-header__booking .cp-booking__dates-container, .cp-header__booking .cp-booking__button {
            width: 100%;
            display: block; }
          .cp-header__booking .cp-booking__submit-row {
            width: 100%; }
          .cp-header__booking .cp-booking__button {
            height: 4.25rem; }
          .cp-header__booking .cp-booking__date {
            max-width: 150px; } }
      
      .cp-nuCalSelectView {
        display: flex;
        justify-content: center;
        padding: 20px;
        background: #009cde;
        color: #FFF; }
        .cp-nuCalSelectView fieldset {
          display: flex;
          flex-direction: column;
          border: none;
          justify-content: center;
          text-align: left;
          /* position: relative; */
          padding: 0;
          margin: 0;
          display: flex;
          justify-content: center; }
          .cp-nuCalSelectView fieldset:before, .cp-nuCalSelectView fieldset:after {
            content: '';
            border-bottom: 1px solid;
            width: 9px;
            height: 0;
            display: inline-block; }
          .cp-nuCalSelectView fieldset:after {
            transform: rotate(-45deg); }
          .cp-nuCalSelectView fieldset:before {
            transform: rotate(45deg);
            margin-right: -3px; }
          .cp-nuCalSelectView fieldset label {
            text-transform: capitalize;
            font-size: 15px;
            text-decoration: none;
            display: block;
            margin-bottom: 7px;
            color: #fff; }
          .cp-nuCalSelectView fieldset:nth-child(2) {
            margin: 0 1px; }
          .cp-nuCalSelectView fieldset:before, .cp-nuCalSelectView fieldset:after {
            bottom: 23px;
            color: #000; }
          .cp-nuCalSelectView fieldset:before {
            margin-left: auto;
            order: 2;
            right: 19px; }
          .cp-nuCalSelectView fieldset:after {
            order: 3;
            right: 10px; }
          .cp-nuCalSelectView fieldset select {
            background: #FFF;
            color: #000;
            border-radius: 0;
            border: 1px solid;
            -webkit-appearance: none;
            padding: 13px 30px 13px 9px;
            font-size: 15px;
            cursor: pointer; }
          .cp-nuCalSelectView fieldset select::-ms-expand {
            display: none; }
      
      .cp-nuCalSingleCalendar {
        display: inline-block;
        padding: 24px;
        background: #FFF;
        color: #000; }
        .cp-nuCalSingleCalendar button {
          border: none;
          font: inherit;
          background: transparent;
          margin: 0 auto;
          padding: 0; }
        .cp-nuCalSingleCalendar table {
          width: 347px;
          font: inherit;
          table-layout: fixed; }
        .cp-nuCalSingleCalendar tr {
          display: flex; }
        .cp-nuCalSingleCalendar th {
          font-size: 13px; }
        .cp-nuCalSingleCalendar td, .cp-nuCalSingleCalendar th, .cp-nuCalSingleCalendar-cell {
          width: 47px;
          height: 47px;
          margin: 1px;
          box-sizing: border-box; }
        .cp-nuCalSingleCalendar th {
          font-size: 13px;
          height: auto;
          margin-bottom: 16px; }
        .cp-nuCalSingleCalendar-monthArrow {
          border: none;
          overflow: visible; }
          .cp-nuCalSingleCalendar-monthArrow:enabled {
            cursor: pointer; }
          .cp-nuCalSingleCalendar-monthArrow--prev {
            text-align: left; }
            .cp-nuCalSingleCalendar-monthArrow--prev:before {
              content: '';
              margin-right: 0.5rem;
              border-top: 1px solid;
              border-left: 1px solid;
              width: 9px;
              height: 9px;
              display: inline-block;
              transform: rotate(-45deg); }
          .cp-nuCalSingleCalendar-monthArrow--next {
            float: right; }
            .cp-nuCalSingleCalendar-monthArrow--next:after {
              content: '';
              margin-left: 0.5rem;
              border-top: 1px solid;
              border-right: 1px solid;
              width: 9px;
              height: 9px;
              display: inline-block;
              transform: rotate(45deg); }
        .cp-nuCalSingleCalendar-cell {
          text-align: center;
          font-size: 0.75rem;
          border: 1px solid transparent; }
          .cp-nuCalSingleCalendar-cell button {
            width: 100%;
            display: block;
            height: 100%;
            border: none;
            cursor: pointer; }
          .cp-nuCalSingleCalendar-cell--disabled {
            color: dimgray;
            text-decoration: line-through; }
          .cp-nuCalSingleCalendar-cell:focus-within {
            border: 1px solid #1F3668; }
          .cp-nuCalSingleCalendar-cell--active {
            padding: 0; }
            .cp-nuCalSingleCalendar-cell--active button {
              cursor: pointer;
              color: inherit; }
          .cp-nuCalSingleCalendar-cell--focused, .cp-nuCalSingleCalendar-cell:hover:not(.cp-nuCalSingleCalendar-cell--disabled):not(.cp-nuCalSingleCalendar-cell--selected) {
            background: #1F3668;
            color: #fff; }
            .cp-nuCalSingleCalendar-cell--focused button, .cp-nuCalSingleCalendar-cell:hover:not(.cp-nuCalSingleCalendar-cell--disabled):not(.cp-nuCalSingleCalendar-cell--selected) button {
              color: inherit; }
          .cp-nuCalSingleCalendar-cell--selected, .cp-nuCalSingleCalendar-cell--selected:hover {
            background: #1F3668;
            color: #FFF; }
            .cp-nuCalSingleCalendar-cell--selected button, .cp-nuCalSingleCalendar-cell--selected:hover button {
              color: inherit; }
        .cp-nuCalSingleCalendar-header {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          margin-bottom: 1rem; }
        .cp-nuCalSingleCalendar-monthArrowWrapper--prev {
          grid-column: 1; }
        .cp-nuCalSingleCalendar-monthArrowWrapper--next {
          grid-column: 3; }
        .cp-nuCalSingleCalendar-title {
          white-space: nowrap;
          text-align: center;
          grid-column: 2; }
      
      .cp-nuCalSingleCalendarWidget {
        font-family: 'Arial',sans-serif;
        position: relative; }
        .cp-nuCalSingleCalendarWidget ::selection {
          background: transparent; }
        .cp-nuCalSingleCalendarWidget ::-moz-selection {
          background: transparent; }
        .cp-nuCalSingleCalendarWidget-calContainer {
          position: absolute;
          top: calc(100% - 1px);
          background: #fff;
          border: 1px solid #000;
          visibility: hidden;
          padding: 0;
          opacity: 0;
          transition: visibility 0.2s, opacity 0.2s linear; }
          .cp-nuCalSingleCalendarWidget-calContainer--open {
            visibility: visible;
            opacity: 1;
            z-index: 9998; }
          .cp-nuCalSingleCalendarWidget-calContainer--closed {
            visibility: hidden;
            opacity: 0; }
        .cp-nuCalSingleCalendarWidget-toggle {
          cursor: pointer;
          color: #000;
          background: #FFF; }
          .cp-nuCalSingleCalendarWidget-toggle--on {
            position: relative;
            z-index: 9999;
            color: #FFF;
            background: #009cde;
            border: 1px solid #000;
            border-bottom: 0; }
            .cp-nuCalSingleCalendarWidget-toggle--on .cp-booking__date .h-width-50 .icon-arrow-down{
                background: url('./img/arrow-down-white.svg') no-repeat 0px 8px;
            }
        .cp-nuCalSingleCalendarWidget-close {
          margin: auto;
          display: block;
          position: absolute;
          left: 100%;
          top: -1px;
          width: 40px;
          height: 40px;
          color: #FFF;
          background: #009cde;
          border: 1px solid #000;
          border-left: none; }
          .cp-nuCalSingleCalendarWidget-close:before {
            content: "✕"; }
        .cp-nuCalSingleCalendarWidget-mask {
          cursor: pointer;
          transition: visibility 0.2s, opacity 0.2s linear;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 9997;
          background: rgba(0, 0, 0, 0.25);
          visibility: hidden;
          opacity: 0; }
          .cp-nuCalSingleCalendarWidget-mask--on {
            display: block;
            visibility: visible;
            opacity: 1; }
          .cp-nuCalSingleCalendarWidget-mask--off {
            visibility: hidden;
            opacity: 0; }
        .cp-nuCalSingleCalendarWidget button, .cp-nuCalSingleCalendarWidget select {
          box-sizing: border-box; }
          .cp-nuCalSingleCalendarWidget button:focus, .cp-nuCalSingleCalendarWidget select:focus {
            outline: 2px dotted white; }
      
      .cp-nuCalSingleCalendarWidget-calContainer {
        border: none; }
      
      .cp-nuCalSingleCalendarWidget {
        font-family: inherit; }
        .cp-nuCalSingleCalendarWidget-toggle {
          border: none;
          width: 100%;
          padding: 0;
          margin: 0; }
          .cp-nuCalSingleCalendarWidget-toggle--on {
            background: #1F3668;
            border-bottom: none; }
            .cp-nuCalSingleCalendarWidget-toggle--on .cp-booking__date .h-width-50,
            .cp-nuCalSingleCalendarWidget-toggle--on .cp-booking__date .styled-date,
            .cp-nuCalSingleCalendarWidget-toggle--on .cp-booking__date .h-width-50 .day,
            .cp-nuCalSingleCalendarWidget-toggle--on .cp-booking__date .h-width-50 .month {
              color: #FFF; }
        .cp-nuCalSingleCalendarWidget-calContainer {
          right: 0; }
        .cp-nuCalSingleCalendarWidget-close {
          left: auto;
          right: 100%;
          background: #1F3668;
          border: none;
          top: 0; }
      
      .cp-nuCalSingleCalendar-cell--selected {
        background: #005596;
        color: #FFFFFF; }
        .cp-nuCalSingleCalendar-cell--selected button {
          color: #FFFFFF; }
      
      .cp-nuCalSelectView {
        background: #1F3668; }
      
      .cp-nucal-arrival, .cp-nucal-departure {
        width: 49%;
        display: inline-block; }
      
      @media only screen and (max-width: 1080px) {
        .cp-nuCalSingleCalendarWidget-calContainer {
          right: 0;
          position: fixed;
          top: 17.7rem;
          left: 0;
          width: 100%; }
        .cp-nuCalSingleCalendarWidget .cp-nuCalSingleCalendar {
          display: none; }
        .cp-nuCalSingleCalendarWidget-close {
          left: 0;
          top: 0;
          border-top: none;
          transform: translateX(50%); } }
      
      @media only screen and (max-width: 450px) {
        .cp-nuCalSingleCalendarWidget-close {
          display: none; } }
       .cp-header__booking {
            position: absolute;
            top: 10rem;
            max-width: none;
            width: 100%;
            -webkit-transition: all .35s ease;
            transition: all .35s ease;
            text-align: center;
            cursor: pointer;
            display: none;
             }
            .cp-header__booking.is-active{
                display: block;
             }
            @media only screen and (min-width: 1080px) {
              .cp-header__booking {
                max-width: 15.3125rem;
                right: 0;
                position: absolute;
                top: 7rem;
                margin-right: 1rem;
                display: block;
            } }
            .cp-header__booking:after {
              content: '';
              height: 62.5rem;
              width: 100%;
              top: 100%;
              left: 0;
              background-color: rgba(40, 43, 46, 0.8);
              visibility: hidden; }
              @media only screen and (min-width: 1080px) {
                .cp-header__booking:after {
                  display: none; } }
            .cp-header__booking span {
              display: inline-block;
              transition: all .35s ease; }
            .cp-header__booking .arrow.arrow-down-blue{
              font-size: .6em;
              margin: 0 0 0 1rem;
              vertical-align: middle;
              background-size: 7px;
              padding: 8px;
              display: inline-block;
              transform: rotate(90deg);
              margin-left: 10px;
              margin-top: 5px; }
            .cp-header__booking--upper {
              cursor: pointer;
              text-transform: uppercase;
              font-size: 0.9375rem;
              padding: 0;
              margin: 0;
              background-color: #D0DEEC;
              color: #1F3668;
              letter-spacing: .05em;
              width: 100%;
              height: 3.75rem;
              transition: all .35s ease;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              border: none;
              display: flex;
              align-items: center;
              justify-content: center; }
              @media only screen and (min-width: 1080px) {
                .cp-header__booking--upper {
                  height: 5rem; } }
              @media only screen and (max-width: 1080px) {
                .cp-header__booking--upper {
                  font-size: .8rem; }
                  .cp-header__booking--upper span.arrow-down {
                    margin: 0 auto; } }
              @media only screen and (max-width: 1080px) {
                .cp-header__booking--upper {
                  display: none; } }
              .is-active .cp-header__booking--upper {
                background: #D0DEEC; }
            .cp-header__booking .cp-booking {
              width: 100%;
              right: 0;
            } 
              @media only screen and (min-width: 1080px) {
                .cp-header__booking .cp-booking {
                  width: 18.25rem;
                  right: 0; } }
            /* .cp-header__booking.is-active:after {
              visibility: visible; } */
              .cp-header__booking.is-active .arrow.arrow-down-blue{
                background-size: 7px;
                padding: 8px;
                display: inline-block;
                transform: rotate(-90deg);
                margin-left: 10px;
                margin-top: -5px;
              }
            .cp-header__booking.is-active .arrow-down {
              vertical-align: top;
              transform: rotate(-180deg);
              font-size: 1rem; }
              @media only screen and (min-width: 1080px) {
                .cp-header__booking.is-active .arrow-down {
                  font-size: .6em; } }
            .cp-header__booking.is-active .cp-booking {
              position: relative;
              top: 0;
              right: 0;
              display: block;
              visibility: visible;
              background: #FFFFFF;
              max-width: none;
              opacity: 1;
              transition: top .35s ease, opacity .35s ease .15s, visibility .35s ease;
              margin: auto;
              left: 0; }
              @media only screen and (min-width: 1080px) {
                .cp-header__booking.is-active .cp-booking {
                    width: 18.25rem;
                    top: 5.75rem;
                    position: absolute;
                    left: auto;
                } }