@charset "UTF-8";
/*!
Theme Name: Grand Hotel
Theme URI: http://www.grandhotel.com/
Author: Axis Cross media
Author URI: http://www.axiscrossmedia.com
Description: Grand Hotel
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: grandhotel
*/

@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);


.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}


html {
    font-family: "Libre Baskerville", "Palatino,Georgia", serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
}


p,span,div,a{
    font-family: "Libre Baskerville", "Palatino,Georgia", serif;
}

/* global */
h1,h2,h3,h4,h5,h6{
    font-family: "Libre Baskerville", "Palatino,Georgia", serif;
    font-weight: 700;
}

.white-bg{ background-color: #fff;}
.white-text{color:#fff;}
.container-fluid{max-width: 1500px;margin: 0 auto;padding:0px;}
.screen-readers {
    position: absolute !important; /* Outside the DOM flow */
    height: 1px; width: 1px; /* Nearly collapsed */
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE 7+ only support clip without commas */
    clip: rect(1px, 1px, 1px, 1px); /* All other browsers */
}
a.booknow{
    font-weight: 700;
    background: #e60023;
    background-image: -webkit-linear-gradient(top,#e60023,#9c032e);
    background-image: linear-gradient(to bottom,#e60023,#9c032e);
    border-radius: 9px;
    color: #fff;
    padding: 7px 16px 6px 17px;
    text-decoration: none;
}

div.breadcrumb{background-color: #fff !important;padding-bottom: 0px!important;
    margin-bottom: 0px!important;padding-left: 0px !important;}

div.breadcrumb a {
    color: #333;
    text-decoration: none;
    margin-top: 0px;
    padding: 2px;
    margin-right: 5px;
    margin-bottom: 5px;

}

div.breadcrumb a:nth-child(2) {
    padding-left: 8px;
}



h1{ font-size: 21px;}
h2{ font-size: 18px;}
h3{ font-size: 14px;}
h4{ font-size: 16px;}
h5{ font-size: 15px;}
h6{ font-size: 14px;}

.title{
    font-size: 21px;
}

/*** accessiblity **/
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.wpa-hide-rtl#skiplinks a,
.wpa-hide-rtl#skiplinks a:hover,
.wpa-hide-rtl#skiplinks a:visited {
    position: absolute !important;
    right: -999em;
}
.wpa-hide-ltr#skiplinks a,
.wpa-hide-ltr#skiplinks a:hover,
.wpa-hide-ltr#skiplinks a:visited {
    position: absolute !important;
    left: -999em;
}
.wpa-hide#skiplinks a:active,
.wpa-hide#skiplinks a:focus {
    position: absolute;
}
.wpa-hide-ltr#skiplinks a, #skiplinks a:hover, .wpa-hide-ltr#skiplinks a:visited {  }
.wpa-hide-ltr#skiplinks a:active,  .wpa-hide-ltr#skiplinks a:focus { background-color: #f1f1f1; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: .875rem; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; text-transform: none; width: auto; z-index: 100000;  }
.wpa-ld {
    display: inline-block;
    position: relative;
}
.menu-selected {
    font-weight: bold;
}
/** search **/
#search-content article header {
    background-color: #fff;
}
#search-content article header a,
#search-content article a {
    color: #6c757d;
}



/*
	Accessibility styles
	chris@inathought.com
*/
@media only screen and (max-width: 800px) {
    /* Remove toolbar on small screens */
    .a11y-responsive {
        display: none;
    }
}
.focusable:focus {
    outline: none !important;
}
.has-focus {
    background: yellow;
}
/* reset styles */
.a11y-toolbar button {
    border: 0;
    color: inherit;
    background-color: transparent;
    text-decoration: none;
    padding: 0;
    line-height: inherit;
    margin: 0;
    font: inherit;
    width: 100%;
    height: 100%;
    text-align: left;
}
.a11y-toolbar {
    position: fixed;
    z-index: 99999;
    top: 43%;
    left: 0;
}
.a11y-toolbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.a11y-toolbar ul li {
    margin: 0;
    padding: 0;
    display: block;
}
.a11y-toolbar ul li button {
    font-size: 1.6em;
    padding: 0.25em;
}
.a11y-toolbar button {
    color: #000 !important;
}
.a11y-toolbar button.active {
    color: #fff !important;
}
.a11y-toolbar ul li button {
    display: block;
    background: #e2e2e2;
    text-align: center;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #d2d2d2;
    position: relative;
}
.a11y-toolbar ul li button:hover {
    background: #fff;
}
.a11y-toolbar ul li button.active {
    background: #181818;
    border-bottom: 1px solid #525252;
}
.a11y-toolbar ul li:first-child button {
    border-top-right-radius: 4px;
}
.a11y-toolbar ul li:last-child button {
    border-bottom-right-radius: 4px;
}
.a11y-toolbar .offscreen,
.a11y_stylesheet_path {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    white-space: nowrap;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    -webkit-transition: width 0.3s, clip 0.3s, clip-path 0.3s, background-color 0.5s;
    transition: width 0.3s, clip 0.3s, clip-path 0.3s, background-color 0.5s;
}
/* a11y toolbar RTL */
.a11y-toolbar.rtl,
.a11y-toolbar.right {
    right: 0;
    left: auto;
}
.a11y-toolbar.rtl ul,
.a11y-toolbar.right ul {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.a11y-toolbar.rtl ul li:first-child button,
.a11y-toolbar.right ul li:first-child button {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
}
.a11y-toolbar.rtl ul li:last-child button,
.a11y-toolbar.right ul li:last-child button {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
}
.desaturated {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    -webkit-filter: grayscale(1) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
    filter: gray !important;
}
.a11y-toolbar button:hover .offscreen,
.a11y-toolbar button:focus .offscreen {
    height: auto !important;
    width: 12em !important;
    clip: unset !important;
    clip-path: unset !important;
    color: #333;
    background: #ffd;
    padding: 2px;
    box-shadow: 0 0 1px #000;
    border-radius: 2px;
    font-size: 13px;
    text-transform: none;
    font-family: Arial;
    top: 25%;
    display: block;
}
.a11y-toolbar.right button:hover .offscreen,
.a11y-toolbar.right button:focus .offscreen {
    right: 3em;
    left: auto;
}
.a11y-toolbar button:hover .offscreen,
.a11y-toolbar button:focus .offscreen {
    left: 3em;
}
/* a11y contrast button */
.a11y-toolbar ul li button {
    background: url(https://www.mi.bank/wp-content/themes/mibank/media/images/adjust-solid.svg) no-repeat !important;
    border: 0 !important;
    color: #cfcfcf !important;
    margin-left: 10px !important;
    padding: 0 !important;
    text-align: center !important;
    width: 22px !important;
    height: 22px !important;
}







/* top bar*/
header .dropdown-toggle::after {
    display: none;
}

header#site-header #mobile-menu ul.mobile-nav ul.sub-menu {
    padding-left: 0;
}
.meetings header#site-header, .meetings footer {
    background-color: #f56778;
}
.groups header#site-header, .groups footer {
    background-color: #063;
}

header#site-header {
    background-color: #006cb1;
    max-width: 1500px;
    margin:0 auto;
}

header#site-header img.grandhotel-logo{width:171px;display: block;padding:10px;margin: 0 auto;padding-bottom: 12px}
header#site-header .grandhotel-logo{text-align: center;margin-bottom: 10px;}
header#site-header .phone a,header#site-header .phone{font-size:12px;color:#fff;margin-right: 2%}
header#site-header .reservation-bar{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 2px;
    background-color: #c00;
    font-size:13px;
    color:#ccc;
}
header#site-header .reservation-bar #social-bar a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
    margin: 5px 2px;
    padding: 5px;
    border-radius: 20px;
    background-color: #fff;
    float: left;
    color: #c00;
    font-size: 16px;
}
header#site-header .reservation-bar #social-bar a:hover {
    text-decoration: none;
}
header#site-header .reservation-bar .right {
    width: 215px;
}
header#site-header .reservation-bar span{padding-left:10px;}
header#site-header.scroll{
    max-width: 1500px;
    margin:0 auto;
    position: fixed;
    z-index: 999;
    width: 100%;
    max-width: 100%;
    /*transition-property: all;*/
    /*transition-duration: .5s;*/
    /*transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
}
.reservation-bar .right {
    width: 215px;
}
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(https://grandhotel-assets.s3.amazonaws.com/website/cd-top-arrow.svg) center 50% no-repeat #c00;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s
}

.cd-top.cd-fade-out,
.cd-top.cd-is-visible,
.no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1
}

.cd-top.cd-fade-out {
    opacity: 1;
}

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1
}




/**/

#social-bar span a div.social-icon {  float: left;  margin-right: 0px;  height: 31px;  width: 31px; }
#social-bar span a div.fb {  background-position-y: -4px;  background-position: -5px; }
#social-bar span a div.social-icon.tw {  background-position: -39px; }
#social-bar span a div.social-icon.pin {  background-position: -73px; }
#social-bar span a div.social-icon.inst {  background-position: -107px; }
#social-bar span a div.social-icon.yt {  background-position: -142px; }
#social-bar span a div.social-icon.ta {  background-position: -175px; }
#social-bar ul {  text-align: right;  padding-left: 20px; }
#social-bar ul li {  color: #fff;  display: inline;  float: left; }
#social-bar ul li a {  color: #fff;  text-decoration: none;  font-size: 12px; }

body {
    padding: 0 20px;
}

/*body backgrounds*/
body {  background: url(https://grandhotel-assets.s3.amazonaws.com/website/backgrounds/stripes-blue.jpg) repeat center top; }
body.page-template {  background: url(https://grandhotel-assets.s3.amazonaws.com/website/backgrounds/stripes-blue.jpg) repeat center top; }
body.home {  background: url(https://grandhotel-assets.s3.amazonaws.com/website/backgrounds/stripes-blue.jpg) repeat center top; }
body.archive {  background: url(https://grandhotel-assets.s3.amazonaws.com/website/backgrounds/stripes-blue.jpg) repeat center top; }

body.online-store, body.woocommerce {
    background: url(https://grandhotel-assets.s3.amazonaws.com/website/backgrounds/OnlineStore_Ret.jpg) repeat center top;
    background-size: 42% 60%;
    padding: 0 20px;
    margin-top: -32px;
}
@media (max-width: 783px) {
    body.online-store, body.woocommerce {
        margin-top: -46px;
    }
}
@media (min-width: 992px) {
    body.online-store, body.woocommerce {
        padding: 0 70px;
    }
}
body.about-grand-hotel {  background: url(https://d1v2mbqr7wrwjz.cloudfront.net/website/backgrounds/About_Ret.jpg) repeat center top; }
body.about-grand-hotel footer#site-footer {  background-color: #006cb1; }
body.celebrations {  background: url(https://d1v2mbqr7wrwjz.cloudfront.net/website/Celebrations_Retv2.jpg) repeat center top;  background-size: 100% 25%; }
body.celebrations footer#site-footer,body.dining #site-header {  background: #0e8ad4; }
body.groups {  background: url(https://s3-us-west-2.amazonaws.com/grandhotel-assets/website/backgrounds/Groups_Ret.jpg) repeat center top; }
body.groups footer#site-foote, body.dining #site-header {  background-color: #006633; }
body.groups footer#site-foote {  background-color: #006633; }
body.meetings {  background: url(https://s3-us-west-2.amazonaws.com/grandhotel-assets/website/backgrounds/Meetings_Ret.jpg) repeat center top; }
body.meetings footer#site-foote, body.dining #site-header {  background-color: #f56778; }
body.specials {  background: url(http://www.grandhotel.com/wp-content/themes/grandhotel/images/background-images/stripes-blue.jpg?r=22) repeat center top; }
body.specials footer#site-foote {  background-color: #006cb1; }
body.dining {  background: url(https://d1v2mbqr7wrwjz.cloudfront.net/2016/10/gh_wall_tile.jpg) repeat center top; }
body.dining footer#site-footer, body.dining #site-header {  background-color: #f24d39; }
body.dining header.navigation div.booking-wrap {  background-color: #f86b5a; }
body.packages {
    background: url(https://d1v2mbqr7wrwjz.cloudfront.net/website/Accommodations2560x1402.jpg)
}
body.accommodations {
    background: url(https://d1v2mbqr7wrwjz.cloudfront.net/website/backgrounds/Accommodations_Ret.jpg)
}
body.grandhotel-online-store {
    background: url(https://d1v2mbqr7wrwjz.cloudfront.net/2018/04/FlowerPatternFinalweb.jpg) center top;
}
body.term-kindel-furniture, body.kindel-home, body.postid-22855, body.postid-22849, body.postid-22858, body.postid-22864, body.postid-22855 body.postid-22854, body.postid-22853, body.postid-22859, body.postid-22856, body.postid-22854 {
    background: url(https://d1v2mbqr7wrwjz.cloudfront.net/2018/04/OnlineStore_Ret.jpg) center top;
    background-size: 45% 13%;
}

/* page */
section.page{background-color: #fff}
section.page .content-container{padding:40px 70px 40px 40px;}
section#hero{width:100%;background-color: #ccc;}

section#hero .hero-wrapper{width:100%;position: absolute;left:0;top:0;right:0}
section#hero img.hero-img{width:100%;}
section#hero .hero-image{
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-duration: 500ms;
    top: 0;
    left: 0;
}



/* sidebar */

aside#page-sidebar ul.menu li.item a {  color: #333;  text-decoration: none;  font-size: 14px; }
aside#page-sidebar ul.menu li.item.active { color: #333; font-weight: bold; }
aside#page-sidebar ul.menu li.item {line-height: 19px;padding:3px;  }
aside#page-sidebar ul.menu li .active {  font-weight: bold; }
aside#page-sidebar div.page-sidebar-content{text-align: center;padding-left: 10%;}

aside#page-sidebar{margin-top: 40px; padding-left: 20px;}

@media (min-width: 300px) {
    aside#page-sidebar{}
    aside#page-sidebar div.page-sidebar-content{  display: none;}
    aside#page-sidebar{  display: none;}
}

@media (min-width: 576px) {
    aside#page-sidebar div.page-sidebar-content{  display: none;}
    aside#page-sidebar{  display: none;}
}

@media (min-width: 768px) {
    aside#page-sidebar div.page-sidebar-content{  display: none;}
    aside#page-sidebar{  display: none;}
}

@media (min-width: 992px) {
    aside#page-sidebar div.page-sidebar-content{  display: block;}
    aside#page-sidebar{  display: block;}
}

@media (min-width: 1200px) {
    aside#page-sidebar div.page-sidebar-content{   display: block;}
    aside#page-sidebar{  display: block;}
}





/*mobile sub nav*/

@media (max-width: 991px) {
    #mobile-sub-nav{
        display: block;
        border: thin solid grey;
        padding: 5px;
        max-width: 250px;
        margin: 10px auto 20px;
    }
    .menu-icon-holder{  display: block;}
    ul#top-nav{  display: none;}

}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #mobile-sub-nav{display: none}
    .menu-icon-holder{  display: none;}
    ul#top-nav{  display:block;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #mobile-sub-nav{display: none}
    .menu-icon-holder{  display: none;}
    ul#top-nav{  display:block;}
}



main#site-content{
    margin:0 auto;
    max-width: 1500px;
}
.blog main#site-content {
    background-color: #fff;
}










/* home page*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 320px) {
    #homehero{
        height: 40vw;
        max-height: 500px;
        position: relative;
        max-width: 1500px;
        margin: 0 auto;
    }
    #homehero div.hero-container{
        overflow: hidden;
        position: absolute;
        width: 100%;
        height: 100%;
    }
}



#site-header {
    position: relative;
    z-index: 999;
}



/* top nav*/

ul.cd-nav-icons.mega-menu li ul {
    padding-top: 17px;
}

ul.cd-nav-icons.mega-menu{
    width:70%;
}

div.mega-hero img{
    max-width: 30vw;
    margin:4px;
}

ul.cd-nav-icons.is-hidden.mega-menu{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s,visibility 0s .3s;
    transition: opacity .3s 0s,visibility 0s .3s;
}
nav.cd-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.search-background {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    align-items: center;
    justify-content: center;
    width: 3%;
    background-color: #fff;
    color: #000;
}
#cd-primary-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    justify-content: space-between;
    background-color: #fff;
    width: 97%;
    max-width: 1500px;
    margin: 0;
}
#cd-primary-nav ul li, li.has-children {
    list-style: none;
}

.cd-primary-nav,
.cd-primary-nav ul {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 260px;
    background: #2e3233;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform;
    transition: transform
}

.cd-primary-nav a,
.cd-primary-nav ul a {
    z-index: 999;
    display: block;
    line-height: 40px;
    padding: 0 25px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    border-bottom: #fff 2px solid;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform, opacity;
    transition: transform, opacity
}

.cd-primary-nav a:hover,
.cd-primary-nav ul a:hover {
    border-bottom: #0e8ad4 2px solid
}

.cd-primary-nav ul.is-hidden,
.cd-primary-nav.is-hidden {
    z-index: 999;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.cd-primary-nav ul.moves-out>li>a,
.cd-primary-nav.moves-out>li>a {
    z-index: 999;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
}



@media only screen and (max-width:991px) {
    .nav-on-left .cd-primary-nav,
    .nav-on-left .cd-primary-nav ul {
        right: auto;
        left: 0
    }
    .cd-primary-nav {
        visibility: hidden;
        -webkit-transition: visibility 0s .3s;
        transition: visibility 0s .3s
    }
    .cd-primary-nav.nav-is-visible {
        visibility: visible;
        -webkit-transition: visibility 0s 0s;
        transition: visibility 0s 0s
    }
    .search-background {
        display: none;
    }
}

.cd-primary-nav .see-all a {
    color: #666
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item h3,
.cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    overflow: hidden;
    text-overflow: ellipsis
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item {
    padding-left: 90px
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
    position: absolute;
    display: block;
    width: auto;
    left: 20px;
    top: 50%;
    margin-top: -20px
}

.cd-primary-nav .cd-nav-icons .cd-nav-item {
    padding-left: 75px
}

.cd-primary-nav .cd-nav-icons .cd-nav-item p {
    color: #2e3233;
    font-size: 1.3rem;
    display: none
}

.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px
}


@media only screen and (min-width:900px) {
    .cd-primary-nav,
    .cd-primary-nav ul {
        position: static;
        height: auto;
        width: auto;
        background: 0 0;
        overflow: visible
    }
    .cd-primary-nav {
        padding: 0 10px;
        float: left
    }
    .cd-primary-nav::after {
        clear: both;
        content: "";
        display: table
    }
    .cd-primary-nav.moves-out>li>a {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    .cd-primary-nav ul {
        z-index: 3
    }
    .cd-primary-nav ul.is-hidden {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .cd-primary-nav ul.moves-out>li>a {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    .cd-primary-nav>li {
        float: left
    }
    .cd-primary-nav>li>a {
        position: relative;
        padding: 0 10px;
        color: #666;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none
    }
    .cd-primary-nav>li>a.selected,
    .cd-primary-nav>li>a:hover {
        color: #666
    }
    .cd-primary-nav .go-back,
    .cd-primary-nav .see-all {
        display: none
    }
    .cd-primary-nav .cd-nav-gallery,
    .cd-primary-nav .cd-nav-icons,
    .cd-primary-nav .cd-secondary-nav {
        position: absolute;
        top: 40px;
        left: 0;
        width: 591px;
        background: #fff;
        box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, .05);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s
    }
    .cd-primary-nav .cd-nav-gallery::after,
    .cd-primary-nav .cd-nav-icons::after,
    .cd-primary-nav .cd-secondary-nav::after {
        clear: both;
        content: "";
        display: table
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item p,
    .cd-primary-nav .cd-secondary-nav ul ul .go-back,
    .cd-primary-nav .cd-secondary-nav ul ul .see-all {
        display: block
    }
    .cd-primary-nav .cd-nav-gallery.is-hidden,
    .cd-primary-nav .cd-nav-icons.is-hidden,
    .cd-primary-nav .cd-secondary-nav.is-hidden {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .3s 0s, visibility 0s .3s;
        transition: opacity .3s 0s, visibility 0s .3s
    }
    .cd-primary-nav .cd-nav-gallery>.see-all,
    .cd-primary-nav .cd-nav-icons>.see-all,
    .cd-primary-nav .cd-secondary-nav>.see-all {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 80px;
        width: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0
    }
    .cd-primary-nav .cd-nav-gallery>.see-all a,
    .cd-primary-nav .cd-nav-icons>.see-all a,
    .cd-primary-nav .cd-secondary-nav>.see-all a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        font-size: 2.2rem;
        font-weight: 700;
        text-align: center;
        line-height: 60px;
        border-top: 1px solid #e2e3df;
        border-bottom: none;
        margin: 0;
        padding: 0;
        -webkit-transition: color .2s, background .2s, border .2s;
        transition: color .2s, background .2s, border .2s
    }
    .cd-primary-nav .cd-nav-gallery>.see-all a:hover,
    .cd-primary-nav .cd-nav-icons>.see-all a:hover,
    .cd-primary-nav .cd-secondary-nav>.see-all a:hover {
        background: #2e3233;
        border-color: #2e3233;
        color: #fff
    }
    .cd-primary-nav .cd-secondary-nav>li {
        height: 340px;
        width: 23%;
        float: left;
        margin-right: 2.66%;
        border-right: 1px solid #e2e3df;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
    .cd-primary-nav .cd-secondary-nav>li:nth-child(4n+2) {
        margin-right: 0;
        border-right: none
    }
    .cd-primary-nav .cd-secondary-nav>li>a {
        color: #666;
        font-weight: 700;
        font-size: 1.6rem;
        margin-bottom: .6em
    }
    .cd-primary-nav .cd-secondary-nav a {
        height: 30px;
        line-height: 30px;
        padding: 0 18% 0 0;
        color: #2e3233;
        border-bottom: none;
        font-size: 1.4rem
    }
    .cd-primary-nav .cd-secondary-nav a:hover {
        color: #666
    }
    .cd-primary-nav .cd-secondary-nav ul {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .cd-primary-nav .cd-secondary-nav ul ul {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }
    .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
        color: transparent
    }
    .cd-primary-nav .cd-secondary-nav .moves-out>li>a {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .cd-primary-nav .cd-nav-gallery li {
        width: 22%;
        float: left;
        margin: 0 4% 40px 0
    }
    .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
        margin-right: 0
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item {
        border-bottom: none;
        padding: 0;
        height: auto
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
        position: static;
        margin-top: 0;
        height: auto;
        width: 100%;
        margin-bottom: .6em
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
        color: #666;
        font-weight: 700;
        padding: 0 .4em
    }
    .cd-primary-nav .cd-nav-icons {
        padding-bottom: 20px
    }
    .cd-primary-nav .cd-nav-icons li {
        margin: 0 2% 20px 0
    }
    .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
        margin-right: 0
    }
    .cd-primary-nav .cd-nav-icons li h3 a {
        color: #666
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item {
        border-bottom: none;
        padding: 24px 0 0 85px;
        position: relative
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item:hover,
    .cd-primary-nav .cd-nav-icons a:hover {
        background: #d6d6d6;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
        color: #666;
        font-weight: 700
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
        left: 25px
    }
}

.cd-overlay,
.cd-search form,
.cd-search input {
    height: 100%;
    width: 100%
}

.go-back a,
.has-children>a {
    position: relative
}

.has-children>a {
    padding-right: 40px;
    z-index: 999
}

.cd-primary-nav .go-back a {
    padding-left: 40px
}

@media only screen and (min-width:900px) {
    .cd-primary-nav>.has-children>a {
        z-index: 999
    }
    .cd-secondary-nav>.has-children>a::after,
    .cd-secondary-nav>.has-children>a::before {
        display: none
    }
    .cd-primary-nav .go-back a {
        padding-left: 20px
    }
    .cd-primary-nav .go-back a::after,
    .cd-primary-nav .go-back a::before {
        left: 1px
    }
}

.cd-search {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s
}

.cd-search input {
    border-radius: 0;
    border: none;
    background: #fff;
    padding: 0 5%;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, .05);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.cd-search input::-webkit-input-placeholder {
    color: #c9cbc4
}

.cd-search input::-moz-placeholder {
    color: #c9cbc4
}

.cd-search input:-moz-placeholder {
    color: #c9cbc4
}

.cd-search input:-ms-input-placeholder {
    color: #c9cbc4
}

.cd-search input:focus {
    outline: 0
}

.cd-search.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s
}

.nav-is-fixed .cd-search {
    position: fixed;
    z-index: 999
}

@media only screen and (min-width:900px) {
    .cd-search {
        top: 80px
    }
    .cd-search input {
        padding: 0 2em;
        font-size: 3.2rem;
        font-weight: 300
    }
}

.cd-overlay {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(102, 102, 102, .8);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity, visibility, -webkit-transform;
    transition: opacity, visibility, transform
}

.cd-overlay.is-visible {
    opacity: 0;
    visibility: visible;
    -webkit-transition: opacity, visibility, -webkit-transform;
    transition: opacity, visibility, transform
}

@media only screen and (max-width:899px) {
    .cd-overlay.is-visible {
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px)
    }
    .nav-on-left .cd-overlay.is-visible {
        -webkit-transform: translateX(260px);
        transform: translateX(260px)
    }
    .cd-overlay.is-visible.search-is-visible,
    .nav-on-left .cd-overlay.is-visible.search-is-visible {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.cd-nav-icons .mega-menu {
    z-index: 998
}

.no-js .cd-primary-nav {
    position: relative;
    height: auto;
    width: 100%;
    overflow: visible;
    visibility: visible;
    z-index: 2
}

.no-js .cd-search {
    position: relative;
    top: 0;
    opacity: 1;
    visibility: visible
}

#cd-primary-nav {
    z-index: 999
}

#cd-primary-nav li ul,
#cd-primary-nav li.has-children ul {
    z-index: 999;
    border-bottom: 3px solid #0e8ad4
}

#cd-primary-nav li ul li,
#cd-primary-nav li.has-children ul li {
    z-index: 999;
    color: #333;
    list-style: none;
    display: inline;
    /*padding: 2px;*/
    margin: 0;
    float: left;
    border: 0
}

#cd-primary-nav li ul li ul,
#cd-primary-nav li.has-children ul li ul {
    z-index: 999;
    border-bottom: 0
}

#cd-primary-nav li ul li ul li,
#cd-primary-nav li.has-children ul li ul li {
    color: #333;
    list-style: none;
    display: inline;
    float: none
}

#cd-primary-nav li ul li a,
#cd-primary-nav li.has-children ul li a {
    color: #333;
    padding: 5px 5px 5px 40px;
    line-height: 25px;
    border-bottom: 0;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none
}



#sidebar ul.menu li.item a {
    color: #333;
    text-decoration: none;
    font-size: 13px
}
#sidebar ul.menu li.item.active {
    font-weight: 700
}
#sidebar ul.mobile-nav {
    list-style: none;
    width: 100%;
    margin: 0;
    padding-top: .1875em;
    clear: both;
    padding-left: 0;
    display: none;
    position: relative;
    z-index: 200
}
#sidebar ul.mobile-nav .mobile-nav .selected,
#sidebar ul.mobile-nav a:active {
    font-weight: 700;
    color: #fff
}
#sidebar ul.mobile-nav li {
    position: relative;
    margin: 0
}
#sidebar ul.mobile-nav li ul.sub-menu {
    display: none
}
#sidebar ul.mobile-nav li a {
    color: #333;
    text-decoration: none;
    background: #c8d6e9;
    display: block;
    text-align: left;
    text-transform: uppercase
}
#sidebar ul.mobile-nav div.more {
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-top: 1px solid #333;
    float: right;
    padding: 1em 1.5em;
    cursor: pointer;
    z-index: 400;
    position: relative;
    border-left: 2px solid #333
}
#sidebar ul.mobile-nav:after {
    clear: both
}
#sidebar ul.mobile-nav:after,
#sidebar ul.mobile-nav:before {
    content: " ";
    display: table
}
#sidebar .dropdown-toggle.parent ul.sub-menu,
#sidebar ul.sub-menu li a {
    background-color: #ccc
}

#sidebar .sidebar-content div.side-wrapper {
    text-align: center;
    padding: 20px;
    max-width: 90%
}





/*@media screen and (min-width:320px) {*/
/*#sidebar .sidebar-content {*/
/*display: none*/
/*}*/
/*}*/

/*@media screen and (min-width:899px) {*/
/*#sidebar .sidebar-content {*/
/*display: block*/
/*}*/
/*}*/

/*@media screen and (min-width:900px) {*/
/*#sidebar .sidebar-content {*/
/*display: block*/
/*}*/
/*}*/

/*@media screen and (min-width:1100px) {*/
/*#sidebar .sidebar-content {*/
/*display: block*/
/*}*/
/*}*/

#navigation {
    position: relative
}

#navigation ul {
    position: relative;
    z-index: 1000
}

#navigation ul li {
    zoom: 1
}



#navigation ul,
#navigation ul li,
#navigation ul ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#navigation li {
    margin: 0;
    float: left;
    zoom: 1
}

#navigation ul li.hover,
#navigation ul li:hover {
    position: relative;
    z-index: 9999;
    cursor: default
}

#navigation ul ul {
    display: none;
    position: absolute;
    min-width: 200px;
    z-index: 9998;
    width: auto;
    font-size: 13px;
    padding: 0
}

#navigation ul li li a {
    display: block;
    text-decoration: none;
    position: relative;
    border-right: none
}

#navigation ul ul li {
    float: none;
    white-space: nowrap;
    margin: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0
}

#navigation ul ul ul {
    top: -5px;
    left: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px
}

#navigation ul li:hover>ul {
    visibility: visible;
    display: block
}

#navigation ul li.active a {
    color: #333;
    background-color: #0ac
}

#navigation ul.children,
#navigation ul.sub-menu {
    background: 0 0
}

#navigation ul.children li,
#navigation ul.sub-menu li {
    border: none
}

#navigation ul.children li a,
#navigation ul.sub-menu li a {
    text-decoration: none;
    padding: 5px 5px 5px 8px;
    height: 32px;
    line-height: 32px;
    border-radius: 0;
    min-width: 210px;
    position: static
}

#menu-primary.menu ul.sub-menu li a:hover {
    background-color: #003875
}

#navigation ul.children li a,
#navigation ul.sub-menu li a,
#navigation ul.sub-menu li.current-menu-item a {
    border-bottom: none;
    background-color: #666
}

a.toggleMenu,
a.toggleMenu:focus {
    float: left;
    letter-spacing: .15em;
    padding: 1.0833em 2.0833em .75em;
    height: 2.6667em;
    line-height: 1;
    box-sizing: border-box;
    color: #fff;
    position: relative;
    text-decoration: none;
    background-color: #0ac
}

a.toggleMenu.active {
    color: #fff;
    background-color: #147
}

.mobile-menu {
    width: 100%;
    margin: 0;
    padding-top: .1875em;
    clear: both;
    padding-left: 0;
    display: none;
    position: relative;
    z-index: 200
}

.mobile-nav {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.mobile-nav:after,
.mobile-nav:before {
    content: " ";
    display: table
}

.search div.search-bar ul:after,
article::after {
    content: ""
}

.active,
.mobile-nav a {
    display: block
}

.mobile-nav:after {
    clear: both
}

.mobile-nav ul {
    list-style: none;
    margin: 0;
    display: block;
    width: 100%
}

.mobile-nav a {
    padding: 1em 2.0833em;
    color: #333;
    text-decoration: none;
    background: #555
}

.mobile-nav li.secondary-nav a {
    background: #aaa
}

.mobile-nav .selected,
.mobile-nav a:active {
    font-weight: 700;
    color: #333
}

.mobile-nav li {
    position: relative;
    margin: 0
}

.mobile-nav>li {
    border-top: 2px solid #333;
    float: none
}

.mobile-nav>li.hover>ul {
    left: 0
}

.mobile-nav li li.hover>ul,
.mobile-nav>li.hover>ul {
    position: static
}

.mobile-nav li li a {
    position: relative;
    z-index: 100;
    background-color: #36a;
    padding-left: 3em
}

.mobile-nav li li li a {
    z-index: 200;
    background-color: #218283;
    border-top: 1px solid #333;
    padding-left: 4.5em
}

.mobile-nav li li li li a {
    z-index: 300;
    background-color: #006b6b;
    border-top: 2px solid #333;
    padding-left: 6em
}

.mobile-nav li .more {
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-top: 1px solid #333;
    float: right;
    padding: 1em 1.5em;
    cursor: pointer;
    z-index: 400;
    position: relative;
    border-left: 2px solid #333
}

.mobile-nav>li>.more {
    margin-top: -1px
}



















#homehero div.hero-container div.hero-image{
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-duration: 500ms;
    top: 0;
    left: 0;
}


.homecopy{
    max-width: 1200px;
    padding: 18px;
    margin: 0 auto;
}



/* hero*/

#hero div.hero-container{
    height: 35vw;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-height: 550px;
}
#hero div.hero-container div.hero-image{
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-duration: 500ms;
    top: 0;
    left: 0;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 300px) {
    #homehero.hero-container{width:100%;overflow: hidden;position: relative;min-height: 300px;}
}


@media (min-width: 576px) {
    #homehero.hero-container{width:100%;overflow: hidden;position: relative;min-height: 300px;}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    #homehero.hero-container{width:100%;overflow: hidden;max-height: 600px;position: relative;min-height: 400px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #homehero.hero-container{width:100%;overflow: hidden;max-height: 600px;position: relative;min-height: 400px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #homehero.hero-container{width:100%;overflow: hidden;min-height: 600px;position: relative}
}




.home-page-instagram {
    position: relative;
    padding-top: 40px!important
}

.home-page-instagram:before {
    /*content: " ";*/
    /*display: block;*/
    /*border-top: 3px solid #DBA538;*/
    /*padding-top: 60px;*/
    /*margin-top: -38px*/
}

@media (max-width:767px) {
    .home-page-instagram:before {
        padding-top: 20px
    }
}

.home-page-instagram .title {
    border-bottom: none!important
}

.home-page-instagram .page-text-wrapper {
    position: relative
}

.home-page-instagram .social-text {
    padding: 15px;
    border-radius: 8px;
    background-color: #F9F2ED
}

@media (max-width:767px) {
    .home-page-instagram .social-text .instagram-title span {
        margin-top: 10px;
        display: block
    }
}

.home-page-instagram .social-text .instagram-title i,
.home-page-instagram .social-text .instagram-title span {
    display: inline-block;
    vertical-align: middle
}

@media (min-width:768px) {
    .home-page-instagram .social-text .instagram-title span {
        padding-left: 10px;
        padding-right: 58px
    }
}

.home-page-instagram .social-text p {
    margin-bottom: 0px
}

@media (max-width:767px) {
    .home-page-instagram .social-text {
        margin-bottom: 15px;
        text-align: center
    }
}

@media (min-width:768px) {
    .home-page-instagram .social-text {
        position: absolute;
        z-index: 2;
        width: 600px;
        left: 50%;
        top: -40px;
        margin-left: -300px;
        max-width: 100%
    }
}

.home-page-instagram .social-text a {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    padding-left: 0
}

@media (max-width:768px) {
    .home-page-instagram .slide-full {
        height: 300px
    }
}

.home-page-instagram .container.page-text-wrapper {
    width: inherit
}

.home-page-instagram .container.page-text-wrapper>.row>.txt {
    padding: 0px
}

.home-page-instagram .grid {
    overflow: hidden
}

.home-page-instagram .grid .square {
    display: block;
    float: left;
    position: relative;
    top: 0;
    overflow: hidden;
    width: 17.6%;
    margin: 0;
    padding-bottom: 17.7%;
    background-size: cover;
    background-position: center
}

.home-page-instagram .grid .square:nth-child(n+9) {
    display: none
}

.home-page-instagram .grid .square:nth-child(1) {
    padding-bottom: 35.4%
}

.home-page-instagram .grid .square:nth-child(3) {
    width: 29.6%
}

.home-page-instagram .grid .square:nth-child(5) {
    padding-bottom: 35.4%
}

.home-page-instagram .grid .square:nth-child(6) {
    margin-left: 17.6%;
    margin-top: -17.7%
}

.home-page-instagram .grid .square:nth-child(7) {
    width: 29.6%;
    margin-left: 35.2%;
    margin-top: -17.7%
}

.home-page-instagram .grid .square:nth-child(8) {
    margin-left: 64.8%;
    margin-top: -17.7%
}



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


.vertical-centered {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
    white-space: nowrap;
    text-align: center;
}

#site-header .menu-icon-holder {
    position: absolute;
    left: 7%;
    top: 30px;
    text-transform: uppercase;
    color: #7a7878;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 10px;
    z-index: 9999;
    cursor: pointer
}

#site-header .menu-icon-holder:hover {
    color: #a48d6c
}

#site-header .menu-icon-holder:hover #menu-icon .line {
    background: #a48d6c
}

#the-towers-lp #site-header .menu-icon-holder.scroll:hover #menu-icon .line {
    background: #a48d6c
}





#site-header #menu-icon {
    width: 35px;
    height: 15px;
    position: relative;
    display: block;
    margin: 0px auto 10px auto
}

#site-header #menu-icon .line {
    display: block;
    background: #fff;
    width: 35px;
    height: 1px;
    position: absolute;
    left: 0;
    border-radius: 1px;
    transition: all .4s
}

#site-header #menu-icon .line.line-1 {
    top: 0
}

#site-header #menu-icon .line.line-2 {
    top: 50%
}

#site-header #menu-icon .line.line-3 {
    top: 100%
}

#site-header #menu-icon.active .line-1 {
    transform: translateY(7.5px) translateX(0) rotate(45deg)
}

#site-header #menu-icon.active .line-2 {
    opacity: 0
}

#site-header #menu-icon.active .line-3 {
    transform: translateY(-7.5px) translateX(0) rotate(-45deg)
}



#site-header .reserve-btn:hover,
#site-header .reserve-btn:focus,
#site-header .reserve-btn:active {
    color: white
}

#site-header .reserve-btn:hover:before,
#site-header .reserve-btn:focus:before,
#site-header .reserve-btn:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

#site-header .menu-text{color:#fff;}




@media (min-width: 300px) {
    #site-header .reserve-btn {
        position: absolute;
        right: 15px;
        top: -25px;
        color: #fff;
        background: #c00;
        text-transform: uppercase;
        font-size: .62em;
        letter-spacing: 2px;
        padding: 5px 15px;
        line-height: 12.75px;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        cursor: pointer;
    }
}


@media (min-width: 576px) {
    #site-header .reserve-btn {
        top: 39px;
        right: 25px;
    }
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    #site-header .reserve-btn:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #990000;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #site-header .reserve-btn {
        position: absolute;
        right: 29%;
        top: 39px;
        color: #fff;
        background: #c00;
        text-transform: uppercase;
        font-size: .82em;
        letter-spacing: 2px;
        padding: 10px 30px;
        line-height: 12.75px;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        cursor: pointer
    }

    #site-header .reserve-btn:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #990000;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }
}


h2.garnish{
    text-transform: uppercase;
    color:#333;
    font-size: 19px;
}

h2.garnish:after {
    content: "";
    display: inline-block;
    width: 71px;
    height: 25px;
    background: transparent url(../../demo/grand-hotel-page-swirl-artwork.png) no-repeat center center;
    background-size: 71px 25px;
    margin: 0 3px 0 6px;
}




#accommodations span{
    font-size:16px;
    position: absolute;
    bottom: 0;
    color:#fff;
    background: rgba(204, 0, 0, .6);
    padding:15px;
}

#accommodations div{

}



/* footer */
footer div.below{
    background-color: #c00;
    margin:0 auto;
    max-width: 1500px;
}

footer div.inner{
    padding:20px;
}

footer{
    margin:0 auto;
    max-width: 1500px;
    background-color: #006cb1;
    width: 100%;
}
footer .address{
    color:#fff;
    padding:10px;
    font-size:12px;
    padding-left: 60px;
    line-height: 150%;
    margin-top: 20px;
}
footer .footer-links{
    padding:10px;
    margin-top: 20px;
}
footer .footer-links li{
    font-size:12px;
    list-style: none;
    line-height: 160%;
    color:#fff;
}

footer {
    color: #fff;
}
footer a {
    color: #fff;
}
footer .info {
    margin-top: 20px;
    font-size: 14px;
}
footer .flex-logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: 20px auto;
}
footer .flex-logos img {
    max-width: 100px;
    padding: 5px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
footer .footer-menu {
    margin: 20px 0;
}
footer ul {
    margin: 0 5px;
    padding-left: 0;
    list-style: none;
    font-size: 14px;
}
@media (max-width: 767px) {
    footer {
        text-align: center;
    }
}
@media (min-width: 768px) {
    footer .footer-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
        flex-wrap: wrap;
    }
}
footer .flex-logos img {
    max-width: 100px;
    padding: 5px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
footer .footer-menu {
    margin: 20px 0;
}
footer ul {
    margin: 0 5px;
    padding-left: 0;
    list-style: none;
    font-size: 14px;
}
@media (max-width: 767px) {
    footer {
        text-align: center;
    }
}
@media (min-width: 768px) {
    footer .footer-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
        flex-wrap: wrap;
    }
}
@media (min-width: 1200px) {
    footer .footer-menu {
        justify-content: space-evenly;
    }
}

footer .info{font-size: 12px !important;}


/*packages*/

ul#packages{margin-bottom: 0px !important;padding-bottom: 20px;}

ul#packages li{min-height: 250px;}
@media (min-width: 300px) {
    ul#packages li{float:left;list-style: none;
        width: calc((100% / 1) - 20px);
        border: thin solid #ccc;
        background-color: #F5F5F5;
        margin: 0 20px 20px 0;
        position: relative;
        transition-property: width;
        overflow: hidden;
        transition-duration: 500ms;
        display: inline-block;
        margin-right: calc(2% - 5px);
    }

    ul#packages li:nth-of-type(1n) {

    }
}

@media (min-width: 992px) {
    ul#packages li{
        width: calc((100% / 2) - 40px);
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    ul#packages li{
        width: calc((100% / 3) - 40px);
    }
}





ul#packages li .card-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    justify-content: center;
    background-color: #F8F2B4;
    max-height: 320px;
    overflow: hidden
}
ul#packages li .card-image a {
    height: 100%;
    width: 100%;
}
ul#packages li .card-image h3 {
    margin-bottom: 0
}

ul#packages li .card-image img {
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
    height: 100%;
}

ul#packages li .card-copy {
    height:215px;
    padding: .75em;
    line-height: 1.5em;
    color: #333;
    font-size: .8em;
    text-align: center;
}

ul#packages li:focus,
ul#packages li:hover {
    cursor: pointer
}

ul#packages li:focus img,
ul#packages li:hover img {
    opacity: .7
}

ul#packages li:active,
ul#packages li:active .card-header {
    background-color: #f7f7f7
}

ul#packages li .card-copy .title-link {
    color: #333;
}

ul#packages li .card-copy h2 {
    margin-top: 10px;
    font-size: 16px;
}


section#package-heading{background-color: #fff;}
section#package-heading ul.submenu{display: block}
section#package-heading ul.submenu li{list-style: none}





ul#packages:after{
    content: "";
    display: block;
    clear: both;
}

h1.packages:after {
    content: "";
    display: inline-block;
    width: 71px;
    height: 25px;
    background: transparent url(../../demo/grand-hotel-page-swirl-artwork.png) no-repeat center center;
    background-size: 71px 25px;
    margin: 0 3px 0 6px;
}




/*legacy*/


.cards {
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
/* line 7, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/layout/_cards.scss */
.cards a, .cards a:visited {
    color: #fff; }

/* line 12, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/layout/_cards.scss */
.card.home {
    background-color: #fff; }

/* line 16, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/layout/_cards.scss */
.card {
    border: 10px solid #eee;
    outline: 1px solid #ddd;
    cursor: pointer;
    -webkit-flex-basis: 15em;
    -ms-flex-preferred-size: 15em;
    flex-basis: 15em;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 1em 1.5em 1em;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
/* line 18, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/layout/_cards.scss */
.card a, .card a:visited {
    color: #fff; }
/* line 46, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/layout/_cards.scss */
.card .card-image {
    z-index: 0;
    background-color: #F8F2B4;
    max-height: 300px;
    overflow: hidden; }
/* line 54, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/layout/_cards.scss */
.card .card-image h3 {
    margin-bottom: 0px; }
/* line 58, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/layout/_cards.scss */
.card .card-image img {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%; }
/* line 66, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/layout/_cards.scss */
.card .card-header {
    z-index: 0;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd;
    border-radius: 3px 3px 0 0;
    font-weight: bold;
    line-height: 1.5em;
    padding: 0.5em 0.75em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.card .card-copy {
    z-index: 0;
    font-size: 0.8em;
    line-height: 1.5em;
    padding: 0.75em 0.75em;min-height: 120px; }

.card .card-footer {
    z-index: 0;
    font-size: 0.8em;
    line-height: 1.5em;
    padding: 0.75em 0.75em; }

/* line 83, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/layout/_cards.scss */
.card .card-copy p {
    margin: 0 0 0.75em; }
/* line 88, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/layout/_cards.scss */
.card:focus, .card:hover {
    cursor: pointer; }
/* line 92, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/layout/_cards.scss */
.card:focus img, .card:hover img {
    opacity: 0.7; }
/* line 97, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/layout/_cards.scss */
.card:active {
    background-color: #f7f7f7; }
/* line 100, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/layout/_cards.scss */
.card:active .card-header {
    background-color: #f7f7f7; }



/* line 1370, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick {
    /* Icons */
    /* Arrows */
    /* Dots */ }
/* line 1372, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent; }
/* line 1388, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0; }
/* line 1394, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-list:focus {
    outline: none; }
/* line 1397, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
.slick-loading #slick .slick-list {
    background: white url(./ajax-loader.gif) center center no-repeat; }
/* line 1400, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
/* line 1406, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-slider .slick-list,
#slick .slick-track,
#slick .slick-slide,
#slick .slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
/* line 1417, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1; }
/* line 1423, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-track:before, #slick .slick-track:after {
    content: "";
    display: table; }
/* line 1428, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-track:after {
    clear: both; }
/* line 1431, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
.slick-loading #slick .slick-track {
    visibility: hidden; }
/* line 1436, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none; }
/* line 1440, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-slide img {
    display: block; }
/* line 1442, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-slide img.slick-loading {
    background: white url(./ajax-loader.gif) center center no-repeat;
    padding-bottom: 100%; }
/* line 1448, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-slide.dragging img {
    pointer-events: none; }
/* line 1451, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
.slick-initialized #slick .slick-slide {
    display: block; }
/* line 1454, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
.slick-loading #slick .slick-slide {
    visibility: hidden; }
/* line 1457, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
.slick-vertical #slick .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
/* line 1479, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-prev,
#slick .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none; }
/* line 1495, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-prev:focus,
#slick .slick-next:focus {
    outline: none; }
/* line 1498, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-prev.slick-disabled:before,
#slick .slick-next.slick-disabled:before {
    opacity: 0.25; }
/* line 1503, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-prev:before, #slick .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
/* line 1513, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-prev {
    left: -25px; }
/* line 1515, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-prev:before {
    content: '\2190'; }
/* line 1520, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-next {
    right: -25px; }
/* line 1522, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-next:before {
    content: '\2192'; }
/* line 1529, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-slider {
    margin-bottom: 30px; }
/* line 1533, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-dots {
    position: absolute;
    bottom: -5px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%; }
/* line 1541, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-dots li {
    border: 1px solid #ccc;
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer; }
/* line 1550, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    outline: none; }
/* line 1563, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-dots li button:focus {
    outline: none; }
/* line 1566, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\2022';
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 24px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
/* line 1583, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-dots li.slick-active button:before {
    opacity: 0.75; }


/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


#slick .slick-dots {
    position: absolute;
    bottom: -5px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%; }
/* line 1541, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-dots li {
    border: 1px solid #ccc;
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer; }
/* line 1550, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    outline: none; }
/* line 1563, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-dots li button:focus {
    outline: none; }
/* line 1566, /Users/mmadill/Code/source/vagrant/grandhotel-env/vm/grandhotel/web/app/themes/gh-grandhotel/sass/site/partials/_posts-and-pages.scss */
#slick .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\2022';
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 24px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

#slick .slick-track{position:relative;left:0;top:0;display:block;zoom:1}#slick .slick-track:after,#slick .slick-track:before{content:"";display:table}#slick .slick-track:after{clear:both}#slick .slick-slide{float:left;height:100%;min-height:1px;display:none}#slick .slick-slide img{display:block}#slick .slick-slide img.slick-loading{padding-bottom:100%}#slick .slick-slide.dragging img{pointer-events:none}.slick-initialized #slick .slick-slide{display:block}.slick-vertical #slick .slick-slide{display:block;height:auto;border:1px solid transparent}#slick .slick-next,#slick .slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:0}#slick .slick-dots li button:before,.slick-dots li button:before{top:0;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#slick .slick-next:focus,#slick .slick-prev:focus{outline:0}#slick .slick-next.slick-disabled:before,#slick .slick-prev.slick-disabled:before{opacity:.25}#slick .slick-next:before,#slick .slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#slick .slick-prev{left:-25px}#slick .slick-prev:before{content:''}#slick .slick-next{right:-25px}#slick .slick-next:before{content:''}#slick .slick-slider{margin-bottom:30px}#slick .slick-dots{position:absolute;bottom:-5px;list-style:none;display:block;text-align:center;padding:0;width:100%}#slick .slick-dots li{border:1px solid #ccc;position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}#slick .slick-dots li button,.slick-dots li button{border:0;background:0 0;height:20px;outline:0;cursor:pointer}#slick .slick-dots li button{display:block;width:20px;line-height:0;font-size:0;color:transparent;padding:5px}#slick .slick-dots li button:focus{outline:0}#slick .slick-dots li button:before{position:absolute;left:0;content:'\2022';width:20px;height:20px;font-family:slick;font-size:24px;line-height:20px;color:#000;opacity:.25}#resform input,.italic,input{font-family:"Libre Baskerville","Palatino,Georgia",serif}#slick .slick-dots li.slick-active button:before{opacity:.75}button.slick-next.slick-arrow,button.slick-prev.slick-arrow{display:none}.slick-dotted.slick-slider{margin-bottom:10px}.slick-dots{position:absolute;bottom:-5px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;padding:5px;color:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:24px;line-height:20px;position:absolute;left:0;width:20px;height:20px;content:'•';opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}










@media (min-width: 300px) {
    h1.packages_promos:after {
        content: "";

        width: 127px;
        height: 14px;
        background: transparent url(../../demo/pp_arrow_right.png) no-repeat center center;
        margin: 0 3px 0 6px;
        display: none;
    }

    h1.packages_promos:before {
        content: "";

        width: 127px;
        height: 14px;
        background: transparent url(../../demo/pp_arrow_left.png) no-repeat center center;
        margin: 0 3px 0 6px;
        display: none;
    }

    #slider{max-width: 70%;
        margin: 0 auto;}


    h1.packages_promos{
        color: #999;
        font-weight: normal;
        text-align: center;
        padding: 20px;
        margin-top: 40px;
    }

}


@media (min-width: 576px) {
    h1.packages_promos:after {
        content: "";

        width: 127px;
        height: 14px;
        background: transparent url(../../demo/pp_arrow_right.png) no-repeat center center;
        margin: 0 3px 0 6px;
        display: none;
    }

    h1.packages_promos:before {
        content: "";

        width: 127px;
        height: 14px;
        background: transparent url(../../demo/pp_arrow_left.png) no-repeat center center;
        margin: 0 3px 0 6px;
        display: none;
    }

    #slider{max-width: 70%;
        margin: 0 auto;}

    h1.packages_promos{
        color: #999;
        font-weight: normal;
        text-align: center;
        padding: 20px;
        margin-top: 40px;
    }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    h1.packages_promos:after {
        content: "";

        width: 127px;
        height: 14px;
        background: transparent url(../../demo/pp_arrow_right.png) no-repeat center center;
        margin: 0 3px 0 6px;
        display: none;
    }

    h1.packages_promos:before {
        content: "";

        width: 127px;
        height: 14px;
        background: transparent url(../../demo/pp_arrow_left.png) no-repeat center center;
        margin: 0 3px 0 6px;
        display: none;
    }

    #slider{max-width: 90%;
        margin: 0 auto;}


    h1.packages_promos{
        color: #999;
        font-weight: normal;
        text-align: center;
        padding: 20px;
        margin-top: 30px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    h1.packages_promos:after {
        content: "";
        display: inline-block;
        width: 127px;
        height: 14px;
        background: transparent url(../../demo/pp_arrow_right.png) no-repeat center center;
        margin: 0 3px 0 6px;

    }

    h1.packages_promos:before {
        content: "";
        display: inline-block;
        width: 127px;
        height: 14px;
        background: transparent url(../../demo/pp_arrow_left.png) no-repeat center center;
        margin: 0 3px 0 6px;

    }

    #slider{max-width: 90%;
        margin: 0 auto;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    h1.packages_promos:after {
        content: "";
        display: inline-block;
        width: 127px;
        height: 14px;
        background: transparent url(../../demo/pp_arrow_right.png) no-repeat center center;
        margin: 0 3px 0 6px;

    }

    h1.packages_promos:before {
        content: "";
        display: inline-block;
        width: 127px;
        height: 14px;
        background: transparent url(../../demo/pp_arrow_left.png) no-repeat center center;
        margin: 0 3px 0 6px;

    }

    h1.packages_promos{
        color: #999;
        font-weight: normal;
        text-align: center;
        padding: 20px;
        margin-top: 0px;
    }

    #slider{max-width: 90%;
        margin: 0 auto;}
}


#center div span{
    font-size: 16px;
    position: absolute;
    bottom: 0;
    color: #fff;
    background: rgba(204, 0, 0, .6);
    padding: 14px;
    /* margin-top: -50px; */
    z-index: 99;
    margin-left: 15px;
    left: 0;
}

/*
#homehero .hero-slick img {
    width: 100%;
    height: 40vw;
}*/


@media (max-width: 1499px) {
    #homehero .hero-slick img {
        width: 100%;
        height: 40vw;
    }
}

@media (min-width: 1500px) {
    #homehero .hero-slick img {
        width: 100%;
        height: 100%;
    }
}

#homehero .hero-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    position: absolute;
    bottom: 10px;
    right: 20px;
}

@media (max-width: 575px) {
    #homehero .hero-buttons {
        bottom: 0px;
    }
}

#homehero .hero-buttons div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    align-items: center;
    justify-content: center;
    border: thin solid #fff;
    border-radius: 25px;
    background-color: rgba(0, 0, 0, .5);
    height: 35px;
    width: 35px;
    margin: 0 5px;
    color: #fff;

}

/* Arrows */
#homehero .hero-slick .slick-prev,
#homehero .hero-slick .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 35%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
#homehero .hero-slick .slick-prev:hover,
#homehero .hero-slick .slick-prev:focus,
#homehero .hero-slick .slick-next:hover,
#homehero .hero-slick .slick-next:focus
{
    color: #fff;
    outline: none;
}
#homehero .hero-slick .slick-prev:hover:before,
#homehero .hero-slick .slick-prev:focus:before,
#homehero .hero-slick .slick-next:hover:before,
#homehero .hero-slick .slick-next:focus:before
{
    opacity: 1;
}
#homehero .hero-slick .slick-prev.slick-disabled:before,
#homehero .hero-slick .slick-next.slick-disabled:before
{
    opacity: .25;
}

#homehero .hero-slick .slick-prev:before,
#homehero .hero-slick .slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#homehero .hero-slick .slick-prev
{
    left: -25px;
}
#homehero .hero-slick [dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
#homehero .hero-slick .slick-prev:before
{
    content: '';
}
#homehero .hero-slick [dir='rtl'] .slick-prev:before
{
    content: '';
}

#homehero .hero-slick .slick-next
{
    right: -25px;
}
#homehero .hero-slick [dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
#homehero .hero-slick .slick-next:before
{
    content: '';
}
#homehero .hero-slick [dir='rtl'] .slick-next:before
{
    content: '';
}

/* Dots */
#homehero .hero-slick .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

#homehero .hero-slick .slick-prev,
#homehero .hero-slick .slick-next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    width: 60px;
    height: 60px;
    background: url(https://grandhotel-assets.s3.amazonaws.com/website/cd-top-arrow.svg) center 50% no-repeat rgba(0, 0, 0, .5);;
    border-radius: 50px;
    border: thin solid #fff;
}
@media (max-width: 767px) {
    #homehero .hero-slick .slick-prev,
    #homehero .hero-slick .slick-next {
        width: 35px;
        height: 35px;
    }
}

#homehero .hero-slick .slick-prev {
    left: 5px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
#homehero .hero-slick .slick-next {
    right: 5px;
    -webkit-transform: rotate(170deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
#homehero .hero-slick .slick-next::before,
#homehero .hero-slick .slick-prev::before {
    position: relative;
    bottom: 7px;
    color: #fff;
    font: normal normal normal 40px/1 FontAwesome !important;
}
#homehero .hero-slick .slick-prev::before {
    content: "";
}
#homehero .hero-slick .slick-next::before {
    content: "";
}






/*blog*/

.blog-date-shade {
    background-color: #b0e1ff;
    width: 190px;
    height: 40px;
    font-size: 18px;
    padding: 20px 0 30px 10px;
    color: #666
}

div.blog {
    padding: 15px
}

div.blog div a {
    text-decoration: none;
    color: #000
}

@media screen and (min-width:320px) {
    div.blog div a {
        background-color: #fff;
        margin-bottom: 15px
    }
}

@media screen and (min-width:899px) {
    div.blog div a {
        min-width: 700px;
        background-color: #fff;
        margin-bottom: 15px
    }
}

@media screen and (min-width:900px) {
    div.blog div a {
        min-width: 700px;
        background-color: #fff;
        margin-bottom: 15px
    }
}

@media screen and (min-width:1100px) {
    div.blog div a {
        min-width: 700px;
        background-color: #fff;
        margin-bottom: 15px
    }
}

div.blog div h2 {
    margin: 0;
    padding: 14px 0;
    text-decoration: none;
    color: #333;
    font-size: 26px;
    line-height: 28px;
    font-weight: 400
}

.blog-divider img {
    width: 100%;
    max-width: 858px;
    margin: 20px 0
}

.menu .accordion {
    margin: 20px 0;
    padding-left: 0;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}
@media (min-width: 1200px) {
    .menu .accordion {
        width: 80%;
    }
}
.accordion ul {
    padding-left: 0;
}
.accordion li {
    border-bottom: 1px solid #ddd;
    list-style: none;
}
.accordion li:focus, .accordion li:hover {
    background-color: #fcfcfc;
}
.accordion li>a {
    display: block;
    padding: .75em 30px;
    color: #333;
}
.accordion ul.submenu li:first-child {
    border-top: 1px solid #ddd;
    box-shadow: inset 0 1px 1px #dadada;
}
.accordion ul.submenu li {
    padding-left: 25px;
    padding-bottom: 10px;
    background-color: #eaeaea;
}
.accordion li:last-child {
    border: 0;
}
.accordion ul.submenu li select {
    border: 0;
    background-color: #EAEAEA;
}
.accordion .is-expanded {
    display: block;
}
.accordion ul.submenu li select {
    margin: 10px auto 0;
    width: 80%;
}
.share-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
}
.share-flex #twitterbutton {
    margin-top: 4px;
}
.share-flex #likebutton {
    margin-left: 4px;
}

.gallery-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    align-items: center;
}
.gallery-divider .text {
    color: #636567;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.meetingsform .field,
.weddingform .field,
.groupform .field,
.contactform .field {
    margin: 10px 0;
}
.meetingsform .field .date,
.weddingform .field .date,
.groupform .field .date,
.contactform .field .date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
}
.meetingsform .field .date select,
.weddingform .field .date select,
.groupform .field .date select,
.contactform .field .date select {
    margin: 5px;
    width: 150px;
}
.media-room-sidebar .textwidget div {
    padding-left: 5px;
    background-color: #c00;
    color: #fff;
}
.media-room-sidebar ul {
    list-style: none;
    padding-left: 5px;
}
.media-room-sidebar li {
    margin-top: 10px;
    font-size: 12px;
    font-weight: normal;
}
.media-room-sidebar li a {
    color: #000;
}

a.rounded-menu,a.rounded {
    border: 1px solid #888;
    color: #6a6a6a;
    border-radius: 25px !important;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    margin: 1px 5px;
    padding: 5px 15px;
    position: relative;
}

#page-sidebar .widget-title {
    background-color: rgb(204, 0, 0);
    display: block;color:#fff;
    padding:10px;
    margin:10px;
    width: 100%;
    margin-top: 22px
}
#page-sidebar ul {
    list-style: none;
    padding-left: 20px;
    font-size: 12px;
}
#page-sidebar ul li {
    margin-top: 10px;
}
#page-sidebar ul a {
    color: #000;
}

.media-room-top, #page-sidebar .textwidget div {
    background-color: rgb(204, 0, 0);
    display: block;color:#fff;
    padding:10px;
    margin:10px;
    width: 100%;
    margin-top: 22px
}
#page-sidebar ul {
    list-style: none;
    padding-left: 20px;
    font-size: 12px;
}
#page-sidebar ul li {
    margin-top: 10px;
}
#page-sidebar ul a {
    color: #000;
}

#package-heading .fix-padding {
    padding: 20px 5%;
}

footer a:hover {
    color: #fff;
}





/* Mobile Nav */

#mobile-menu{}

#mobile-menu ul.menu li.item a {
    color: #333;
    text-decoration: none;
    font-size: 13px
}

#mobile-menu ul.menu li.item.active {
    font-weight: 700
}

#mobile-menu ul.mobile-nav {
    list-style: none;
    width: 100%;
    margin: 0;
    padding-top: .1875em;
    clear: both;
    padding-left: 0;
    position: relative;
    z-index: 200
}

#mobile-menu ul.mobile-nav .mobile-nav .selected,
#mobile-menu ul.mobile-nav a:active {
    font-weight: 700;
    color: #fff
}

#mobile-menu ul.mobile-nav li {
    position: relative;
    margin: 0
}

#mobile-menu ul.mobile-nav li ul.sub-menu {
    display: none
}

#mobile-menu ul.mobile-nav li a {
    color: #333;
    text-decoration: none;
    background: #c8d6e9;
    display: block;
    text-align: left;
    text-transform: uppercase
}

#mobile-menu ul.mobile-nav div.more {
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-top: 1px solid #333;
    float: right;
    padding: 1em 1.5em;
    cursor: pointer;
    z-index: 400;
    position: relative;
    border-left: 2px solid #333
}

#mobile-menu ul.mobile-nav:after {
    clear: both
}

#mobile-menu ul.mobile-nav:after,
#mobile-menu ul.mobile-nav:before {
    content: " ";
    display: table
}

#mobile-menu .dropdown-toggle.parent ul.sub-menu,
#mobile-menu ul.sub-menu li a {
    background-color: #ccc
}

#mobile-menu .sidebar-content div.side-wrapper {
    text-align: center;
    padding: 20px;
    max-width: 90%
}

#menu-primary.menu ul.sub-menu li a:hover {
    background-color: #003875
}

#navigation ul.children li a,
#navigation ul.sub-menu li a,
#navigation ul.sub-menu li.current-menu-item a {
    border-bottom: none;
    background-color: #666
}

a.toggleMenu,
a.toggleMenu:focus {
    float: left;
    letter-spacing: .15em;
    padding: 1.0833em 2.0833em .75em;
    height: 2.6667em;
    line-height: 1;
    box-sizing: border-box;
    color: #fff;
    position: relative;
    text-decoration: none;
    background-color: #0ac
}

a.toggleMenu.active {
    color: #fff;
    background-color: #147
}

.mobile-menu {
    width: 100%;
    margin: 0;
    padding-top: .1875em;
    clear: both;
    padding-left: 0;
    display: none;
    position: relative;
    z-index: 200
}

.mobile-nav {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.mobile-nav:after,
.mobile-nav:before {
    content: " ";
    display: table
}

.search div.search-bar ul:after,
article::after {
    content: ""
}

.active,
.mobile-nav a {
    display: block
}

.mobile-nav:after {
    clear: both
}

.mobile-nav ul {
    list-style: none;
    margin: 0;
    display: block;
    width: 100%
}

.mobile-nav a {
    padding: 1em 2.0833em;
    color: #333;
    text-decoration: none;
    background: #555
}

.mobile-nav li.secondary-nav a {
    background: #aaa
}

.mobile-nav .selected,
.mobile-nav a:active {
    font-weight: 700;
    color: #333
}

.mobile-nav li {
    position: relative;
    margin: 0
}

.mobile-nav>li {
    border-top: 2px solid #333;
    float: none
}

.mobile-nav>li.hover>ul {
    left: 0
}

.mobile-nav li li.hover>ul,
.mobile-nav>li.hover>ul {
    position: static
}

.mobile-nav li li a {
    position: relative;
    z-index: 100;
    background-color: #36a;
    padding-left: 3em
}

.mobile-nav li li li a {
    z-index: 200;
    background-color: #218283;
    border-top: 1px solid #333;
    padding-left: 4.5em
}

.mobile-nav li li li li a {
    z-index: 300;
    background-color: #006b6b;
    border-top: 2px solid #333;
    padding-left: 6em
}

.mobile-nav li .more {
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-top: 1px solid #333;
    float: right;
    padding: 1em 1.5em;
    cursor: pointer;
    z-index: 400;
    position: relative;
    border-left: 2px solid #333
}

.mobile-nav>li>.more {
    margin-top: -1px
}



@media (min-width: 300px) {
    #mobile-menu ul.mobile-nav{
        display: block;}
}

@media (min-width: 576px) {
    #mobile-menu ul.mobile-nav{
        display: block;}
}

@media (min-width: 768px) {
    #mobile-menu ul.mobile-nav{
        display: block;}
}

@media (min-width: 992px) {
    #mobile-menu ul.mobile-nav{
        display: none;}
}

@media (min-width: 1200px) {
    #mobile-menu ul.mobile-nav{
        display: none;}
}

#collapseSearch {
    position: absolute;
    z-index: 999;
    max-width: 1500px;
    width: 88vw;
}

@media (min-width: 768px) {
    #collapseSearch {
        position: absolute;
        z-index: 999;
        max-width: 1500px;
        width: 96vw;
    }
}

#collapseSearch .card-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
}
#collapseSearch #searchbutton {
    display: block;
    margin: 10px auto;
}
.search-mobile {
    position: absolute;
    right: 20px;
    z-index: 999;
}
.search-mobile a {
    color: #fff;
}
@media (min-width: 992px) {
    .search-mobile {
        display: none;
    }
}

#floorplans a {
    color:#333
}
.expander {
    width:100%!important
}
.expander .expander-trigger {
    border-bottom:1px solid #ddd;
    color:#333;
    cursor:pointer;
    display:block;
    font-size:1em;
    margin-bottom:1em;
    padding-bottom:.25em;
    text-decoration:none;
    user-select:none
}
.expander .expander-trigger::before {
    content:"\25BC";
    font-size:.7em;
    margin-right:.5em
}
@media screen and (min-width: 320px) {
    .expander-content {
        text-align: left;
    }
}
.expander .expander-content p {
    color:#333;
    line-height:1.5
}
.expander .expander-hidden::before {
    content:"\25BA";
    font-size:.7em
}
.expander .expander-hidden+.expander-content {
    display:none
}
/*.online-store .hero-img {
    width: 100%;
}*/
/*.online-store #content .last.shopspace {*/
    /*display: none;*/
/*}*/
.product-category footer {
    margin-top: -16px;
}
.single-product header#site-header{
    margin-top: 32px;
}
@media (max-width: 783px) {
    .single-product header#site-header{
        margin-top: 46px;
    }
}
.product-category .woocommerce-breadcrumb,
.online-store .woocommerce-breadcrumb,
.single-product .woocommerce-breadcrumb {
    margin: 20px;
}
.single-product .woocommerce-breadcrumb {
    padding-top: 20px;
}
.product-category #viewcart,
.online-store #viewcart,
.single-product #viewcart {
    float: right;
}
.woocommerce .woocommerce-breadcrumb .btn-cart {
    color: #fff;
    text-decoration: none;
}
.grandhotel-online-store .two-col-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    justify-content: center;
    flex-wrap: wrap;
}
.grandhotel-online-store .custom-sidebar {
    margin: 0 20px;
}
.grandhotel-online-store section.page {
    background-color: transparent;
}
body.term-kindel-furniture #hero,
body.kindel-home #hero,
body.postid-22855 #hero,
body.postid-22849 #hero,
body.postid-22858 #hero,
body.postid-22864 #hero,
body.postid-22855 #hero,
body.postid-22854 #hero,
body.postid-22853 #hero,
body.postid-22859 #hero,
body.postid-22856 #hero,
body.postid-22854 #hero,
.grandhotel-online-store #hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    justify-content: center;
    background-color: transparent;
    max-width:1500px;
    margin:20px auto 0;
}
.kindel-home h1 {
    display: none;
}
.kindle-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.kindle-flex .kindel-column p {
    margin: 0 30px;
}
div.kindel-column div.overlay{
    position: absolute;
    z-index: 9999;
    width: 370px;
    height: 255px;
    padding-top: 90px;
    opacity: .8;
    background-color: #666;
    color: #fff;
    font-size: 23px;
    text-align: center;
    cursor: pointer;
}
.kindle-flex .kindel-column .overlay span {
    opacity: 1;
}

.kindel-home .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
}
.kindel-home [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-direction: column;
    justify-content: center;
}
.kindel-home .expander {
    width:100%!important
}
.kindel-home .expander .expander-trigger {
    border-bottom:1px solid #ddd;
    color:#333;
    cursor:pointer;
    display:block;
    font-size:1em;
    margin-bottom:1em;
    padding-bottom:.25em;
    text-decoration:none;
    user-select:none
}
.kindel-home .expander .expander-trigger::before {
    content:"\25BC";
    font-size:.7em;
    margin-right:.5em
}
.kindel-home .expander .expander-content p {
    color:#333;
    line-height:1.5
}
.kindel-home .expander .expander-hidden::before {
    content:"\25BA";
    font-size:.7em
}
.kindel-home .expander .expander-hidden+.expander-content {
    display:none
}
.single-product .hero-container {
    display: none;
}

.online-store .hero-img,
.product-category .hero-img {
    max-width: 1500px;
    width: 100%;
}
.online-store #content,
.single-product #content,
.product-category #content {
    margin: 0 auto -16px;
    max-width: 1500px;
    background-color: #fff;
}
.single-product #content {
    margin-top: -20px;
}
.single-product input {
    border: thin solid grey;
    border-radius: 5px;
    height: 35px;
}
.single-product #tab-description,
.single-product .related.products,
.single-product #tab-additional_information,
.online-store #content .page-title,
.online-store #content .page-description,
.product-category #content .page-title,
.product-category #content .page-description {
    padding: 0 20px;
}
.single-product #content .products ul,
.single-product #content ul.products,
.online-store #content .products ul,
.online-store #content ul.products,
.product-category #content .products ul,
.product-category #content ul.products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding-top: 30px;
}
.product-category #content .woocommerce-ordering {
    border: thin solid grey;
    border-radius: 5px;
    padding: 2px 5px;
    margin-right: 20px;
}
.product-category #content .woocommerce-result-count {
    margin-left: 20px;
}
.category-videos .flex-layout,
.category-photos .flex-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.category-videos .flex-layout .media-room-video {
    margin: 10px 5px;
    border: thin solid grey;
    width: 350px;
    text-align: center;
}
.category-photos .flex-layout .media-room-photo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-direction: column;
    text-align: center;
    border: thin solid grey;
    margin: 10px 5px;
    width: 220px;
}
.category-photos .flex-layout .media-room-photo a {
    color: #333;
    font-size: 14px;
}
.category-photos .flex-layout .media-room-photo .download {
    margin: 10px 2px;
}





/**migration*/

.side-close-dates {
    padding-left: 12px;
    padding-top: 10px;
    line-height: 18px;
    font-size: 12px;
}


@media screen and (min-width: 899px) {
    div.two-col-grid div.half {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 48.93617%; }
    div.two-col-grid div.half:last-child {
        margin-right: 0; } }

@media screen and (min-width: 900px) {
    div.two-col-grid div.half {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 48.93617%; }
    div.two-col-grid div.half:last-child {
        margin-right: 0; } }

@media screen and (min-width: 1100px) {
    div.two-col-grid div.half {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 48.93617%; }
     div.two-col-grid div.half:last-child {
        margin-right: 0; } }

@media screen and (min-width: 899px) {
    div.one-third-grid div.one {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 23.40426%; }
    div.one-third-grid div.one:last-child {
        margin-right: 0; } }

@media screen and (min-width: 900px) {
    div.one-third-grid div.one {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 23.40426%; }
    div.one-third-grid div.one:last-child {
        margin-right: 0; } }

@media screen and (min-width: 1100px) {
    div.one-third-grid div.one {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 23.40426%; }
    div.one-third-grid div.one:last-child {
        margin-right: 0; } }

div.one-third-grid div.third.welcome-gifts {
    padding-left: 20px; }

@media screen and (min-width: 899px) {
    div.one-third-grid div.third {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 74.46809%; }
    div.one-third-grid div.third:last-child {
        margin-right: 0; } }

@media screen and (min-width: 900px) {
    div.one-third-grid div.third {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 74.46809%; }
    div.one-third-grid div.third:last-child {
        margin-right: 0; } }

@media screen and (min-width: 1100px) {
    div.one-third-grid div.third {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 74.46809%; }
    div.one-third-grid div.third:last-child {
        margin-right: 0; } }

div.one-third-grid:after, .two-col-grid:after {
    content: "";
    display: table;
    clear: both; }














#shopping div.shopping:after {
    clear: both; }
#shopping div.shopping:after::after {
    clear: both;
    content: "";
    display: table; }

#shopping div.shopping {
    padding-bottom: 10px;
    min-height: 200px; }
@media screen and (min-width: 320px) {
    #shopping div.shopping div.image {
        text-align: center; } }
@media screen and (min-width: 899px) {
    #shopping div.shopping div.image {
        text-align: left;
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 31.91489%; }
     #shopping div.shopping div.image:last-child {
        margin-right: 0; } }
@media screen and (min-width: 900px) {
    #shopping div.shopping div.image {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 31.91489%; }
    #shopping div.shopping div.image:last-child {
        margin-right: 0; } }
@media screen and (min-width: 1100px) {
    #shopping div.shopping div.image {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 31.91489%; }
   #shopping div.shopping div.image:last-child {
        margin-right: 0; } }
@media screen and (min-width: 899px) {
    #shopping div.shopping div.copy {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 48.93617%; }
     #shopping div.shopping div.copy:last-child {
        margin-right: 0; } }
@media screen and (min-width: 900px) {
    #shopping div.shopping div.copy {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 57.44681%; }
    #shopping div.shopping div.copy:last-child {
        margin-right: 0; } }
@media screen and (min-width: 1100px) {
   #shopping div.shopping div.copy {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 57.44681%; }
   #shopping div.shopping div.copy:last-child {
        margin-right: 0; } }




.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em; }

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em; }

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto; }




/* form styles need migrtaon **/

.flash-error {  background-color: #fbe3e4;  color: #645b5b;  display: block;  margin-bottom: 0.75em;  padding: 0.75em;  text-align: center; }
.flash-error a {  color: #4b4444;  text-decoration: underline; }
.flash-error a:focus, .flash-error a:hover {  color: #191717; }
.flash-notice {  background-color: #e5edf8;  color: #5c5f63;  display: block;  margin-bottom: 0.75em;  padding: 0.75em;  text-align: center; }
.flash-notice a {  color: #45474a;  text-decoration: underline; }
.flash-notice a:focus, .flash-notice a:hover {  color: #171819; }
.flash-success {  background-color: #e6efc2;  color: #5c604e;  display: block;  margin-bottom: 0.75em;  padding: 0.75em;  text-align: center; }
.flash-success a {  color: #45483a;  text-decoration: underline; }
.flash-success a:focus, .flash-success a:hover {  color: #171813; }




/* dining needs migration */


#dining {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em; }
@media screen and (min-width: 320px) {
     #dining div.logo {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 100%;
        text-align: center; }
    #dining div.logo:last-child {
        margin-right: 0; } }
@media screen and (min-width: 899px) {
    #dining div.logo {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 23.40426%; }
   #dining div.logo:last-child {
        margin-right: 0; } }
@media screen and (min-width: 900px) {
    #dining div.logo {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 23.40426%; }
    #dining div.logo:last-child {
        margin-right: 0; } }
@media screen and (min-width: 1100px) {
    #dining div.logo {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 23.40426%; }
     #dining div.logo:last-child {
        margin-right: 0; } }
#dining div.description {
    margin-bottom: 30px; }
@media screen and (min-width: 899px) {
    #dining div.description {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 74.46809%; }
    #dining div.description:last-child {
        margin-right: 0; } }
@media screen and (min-width: 900px) {
    #dining div.description {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 74.46809%; }
   #dining div.description:last-child {
        margin-right: 0; } }

@media screen and (min-width: 1100px) {
    #dining div.description {  float: left;  display: block;  margin-right: 2.12766%;  width: 74.46809%; }
    #dining div.description:last-child {  margin-right: 0; }
}
.woocommerce-checkout .input-text,
.woocommerce-checkout #billing_country_field .woocommerce-input-wrapper {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

figcaption {
    text-align: center;
    font-size: 13px;
    font-style: italic;
}
.tour-icon {
    display: inline;
}
@media (max-width: 575px) {
    .not-mobile {
        display: none;
    }
}