#panel {
    max-width: 500px;
    margin-top: 4em
}

#panel .mode, #panel .startdir, #panel .enddir {
    color: #515050;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px
}

#panel .mode label, #panel .startdir label, #panel .enddir label {
    width: 150px;
    margin-bottom: 15px
}

#panel .mode input[type=text], #panel .startdir input[type=text], #panel .enddir input[type=text] {
    color: #515050;
    width: 100%;
    font-family: inherit;
    padding: 8px 3%
}

#panel .mode select {
    width: 100%;
    font-family: inherit;
    display: block;
    padding: 10px 25px
}

#panel br {
    display: none
}

#panel p {
    clear: both
}


.booknow-trigger:hover {
    color: #482d3e !important
}

.btn-animate {
    overflow: hidden
}

.btn-animate.foo {
    color: transparent !important;
    transition: all .4s ease;
    text-shadow: 0 0 0 #482d3e, 0 -45px 0 #482d3e
}

.btn-animate.foo:hover {
    text-shadow: 0 45px 0 #bd945b, 0 0 0 #bd945b;
}

.btn-animate[disabled="true"],
.btn-animate[disabled] {
    pointer-events: none;
    opacity: 0.33;
}

.btn-tabs {
    background: none;
    color: #482d3e;
    border: 1px solid transparent
}

.btn-tabs:hover {
    color: #482d3e
}

.input-btn {
    padding: 0px;
    border: none
}

.input-btn:hover {
    border: none
}

.animated, .btn, #panel input[type="button"], #footer form#email-signup .signup-btn, .input-btn, .btn-tabs, .btn.red-btn, .input-btn.red-btn, .btn-tabs.red-btn, #header .btn, #footer #woodside-corporate-footer__container #woodside-corporate-footer a.logo-woodsite svg, #footer ul.social-media li a svg, #home .main-content .explore-home .each-hover, #home .main-content .explore-home .each-hover .hover-state, #home .main-content .insta .insta-section .insta-holder .insta-hover, #content .content .sidebar .each-hover, #content .content .sidebar .each-hover .hover-state {
    transition: all 0.3s ease-in-out
}

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



.wrapper.booking-wrapper {
    position: relative
}

.booking-holder {
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: left;
    display: none;
    z-index: 99999
}

.booking-holder #booking-form select option {
    -webkit-appearance: none
}

.booking-holder #booking-form .dates-side {
    display: inline-block;
    background: #fff;
    height: 433px;
    vertical-align: top;
    margin-right: -5px;
    padding: 45px 110px;
    width: 70%;
    margin-bottom: 30px
}

.booking-holder #booking-form .dates-side h2 {
    font-family: "Brandon-Medium", "sans-serif";
    font-size: 1.5384615385em;
    color: #482d3e;
    text-transform: uppercase;
    margin-top: 0;
    letter-spacing: 2px;
    padding-left: 30px;
    display: inline-block;
    margin-bottom: 20px;
    background: url("images/calendar.png") no-repeat left
}

.booking-holder #booking-form .dates-side optgroup {
    font-size: 14px
}

.booking-holder #booking-form .dates-side .ui-datepicker-row-break {
    display: none
}

.booking-holder #booking-form .dates-side .ui-datepicker-group {
    width: 47%;
    margin-right: 3%
}

.booking-holder #booking-form .dates-side .ui-datepicker-group:last-of-type {
    margin-right: 0
}

.booking-holder #booking-form .dates-side .ui-datepicker .ui-datepicker-next {
    width: 12px;
    height: 23px
}

.booking-holder #booking-form .dates-side .ui-datepicker .ui-datepicker-next span {
    right: 0;
    margin-right: -300px;
    left: inherit;
    background-image: none;
    background: url("images/calendar-next.png");
    top: 65px
}

.booking-holder #booking-form .dates-side .ui-datepicker .ui-datepicker-prev {
    width: 12px;
    height: 23px
}

.booking-holder #booking-form .dates-side .ui-datepicker .ui-datepicker-prev span {
    left: 0;
    margin-left: -60px;
    background-image: none;
    background: url("images/calendar-prev.png");
    top: 65px
}

.booking-holder #booking-form .dates-side .ui-datepicker-title {
    border-bottom: 1px solid #482d3e;
    border-top: 1px solid #482d3e
}

.booking-holder #booking-form .dates-side .ui-datepicker .ui-datepicker-title {
    color: #515050;
    margin: 0;
    line-height: 1.8em;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: left;
    padding-left: 12px
}

.booking-holder #booking-form .dates-side .ui-datepicker th {
    padding: 15px .3em
}

.booking-holder #booking-form .dates-side .ui-datepicker td {
    height: 30px
}

.booking-holder #booking-form .dates-side .ui-icon {
    width: 12px;
    height: 23px
}

.booking-holder #booking-form .dates-side .ui-datepicker-calendar .ui-state-default {
    border: none;
    background: none;
    text-align: center
}

.booking-holder #booking-form .dates-side .ui-state-active {
    background: #482d3e;
    color: #fff;
    font-weight: 700;
    border-radius: 100%
}

.booking-holder #booking-form .dates-side .ui-widget-header .ui-state-highlight, .booking-holder #booking-form .dates-side .dp-highlight {
    background: #482d3e;
    color: #fff
}

.booking-holder #booking-form .dates-side .dp-highlight .ui-state-default {
    color: #fff
}

.booking-holder #booking-form .dates-side .ui-datepicker-current-day {
    background: #bd945b;
    color: #fff
}

.booking-holder #booking-form .dates-side .ui-datepicker.ui-datepicker-multi {
    border-bottom: 1px solid #482d3e
}

.booking-holder #booking-form .dates-side .date {
    margin-top: 12px
}

.booking-holder #booking-form .dates-side .date input {
    float: left;
    background: none;
    width: 105px;
    margin-bottom: 0px;
    padding: 10px 8px 10px 16px
}

.booking-holder #booking-form .dates-side .todate {
    float: left;
    margin-top: 1px;
    border-bottom: 1px solid #acacac;
    text-indent: -55555px;
    width: 10px
}

.booking-holder #booking-form .green-side {
    background: #bd945b;
    max-width: 330px;
    padding: 95px 30px 90px 30px;
    display: inline-block;
    height: 433px;
    width: 30%
}

.booking-holder #booking-form .green-side .close-booking {
    background: url("images/close-booking.png") no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer
}

.booking-holder #booking-form .green-side .error-dest {
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    margin-top: -20px;
    margin-left: 14px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .65px;
    display: none
}

.booking-holder #booking-form .green-side h2.details {
    font-family: "MicrobrewSoftFour", "serif";
    font-size: 1.7692307692em;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;
    letter-spacing: 2px;
    background: url("images/details.png") no-repeat left;
    padding-left: 30px;
    display: inline-block;
    margin-bottom: 57px
}

.booking-holder #booking-form .green-side .form-entry {
    display: inline-block;
    margin-bottom: 16px;
    width: 100%;
    position: relative
}

.booking-holder #booking-form .green-side .form-entry label {
    color: #fff;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 22px
}

.booking-holder #booking-form .green-side .form-entry input[type="text"], .booking-holder #booking-form .green-side .form-entry select {
    background: none;
    color: #fff;
    border-bottom: 1px solid #fff;
    width: 100%;
    margin-bottom: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 0
}

.booking-holder #booking-form .green-side .form-entry input[type="text"]:-ms-input-placeholder, .booking-holder #booking-form .green-side .form-entry select:-ms-input-placeholder {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: "Brandon-Book", "sans-serif";
    font-size: 14px
}

.booking-holder #booking-form .green-side .form-entry input[type="text"]::placeholder, .booking-holder #booking-form .green-side .form-entry select::placeholder {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: "Brandon-Book", "sans-serif";
    font-size: 14px
}

.booking-holder #booking-form .green-side .form-entry input[type="text"]#promo, .booking-holder #booking-form .green-side .form-entry select#promo {
    border-bottom: none
}

.booking-holder #booking-form .green-side .form-entry input[type="text"] span, .booking-holder #booking-form .green-side .form-entry select span {
    width: 150px
}

.booking-holder #booking-form .green-side .form-entry select {
    background: url("images/arrow-down.png") no-repeat center right 15px !important
}

.booking-holder #booking-form .green-side .form-entry select#adult {
    padding: 10px 0 10px 70%
}

.booking-holder #booking-form .green-side .form-entry select#rooms {
    padding: 10px 0 10px 70%
}

.booking-holder #booking-form .green-side .form-entry select option {
    background: #fff;
    color: #000
}

.booking-holder #booking-form .green-side .form-entry input[type="submit"] {
    width: 100%;
    background: #fff;
    color: #515050;
    margin-top: 33px;
    padding: 11px 25px 10px;
    font-family: "Brandon-Medium", "sans-serif";
    font-size: 1.0769230769em;
    border: 0px
}

@keyframes home-scroll {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

#home .badge {
    background-image: url(images/bg-badge.png);
    background-repeat: no-repeat;
    background-position: right -60px bottom -90px;
    background-color: #bd945b;
    border: 10px solid #e9e6de;
    height: 182px;
    width: 200px;
    position: absolute;
    right: 50px;
    top: 180px;
    overflow: hidden;
    text-align: center;
    padding: 0 10px
}

#home .badge .title {
    font-size: 16px;
    font-family: "Brandon-Medium", "sans-serif";
    color: #fff;
    margin: 20px 0 15px;
    display: inline-block
}

#home .badge p {
    color: #ffffff;
    font-size: 11px;
    font-family: "Brandon-Book", "sans-serif"
}

#home .badge a.btn, #home .badge #footer form#email-signup a.signup-btn, #footer form#email-signup #home .badge a.signup-btn {
    border: 1px solid #fff;
    color: #fff;
    font-size: 8px;
    margin-top: 5px
}

#home .badge a.btn:hover, #home .badge #footer form#email-signup a.signup-btn:hover, #footer form#email-signup #home .badge a.signup-btn:hover {
    color: #bd945b;
    background-color: #fff
}

#home .arrow-home {
    background: url("images/scroll-down.png") no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -30px;
    cursor: pointer;
    bottom: 10%;
    animation: home-scroll 2s infinite 0.4s
}

#home .main-content img {
    max-width: 100%
}

#home .main-content .intro-content {
    background: url("images/intro-background.jpg") no-repeat;
    padding-bottom: 30px;
    background-size: cover !important
}

#home .main-content .intro-content .e-wid {
    text-align: center;
    font-size: 1.1em;
    width: 84%;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Brandon-Medium", "sans-serif"
}

#home .main-content .intro-content .widget-s iframe {
    border: 1px solid red !important;
    padding: 10px !important
}

#home .main-content .intro-content h1 {
    text-transform: uppercase;
    color: #482d3e;
    margin-top: 55px;
    font-family: "Brandon-Medium", "sans-serif";
    letter-spacing: 2.5px;
    margin-bottom: 30px;
    line-height: 1em
}

#home .main-content .intro-content p {
    font-size: 1.3076923077em;
    line-height: 1.9em;
    margin-bottom: 10px
}

#home .main-content .intro-content .intro-copy {
    padding-bottom: 15px
}

#home .main-content .intro-content .intro-copy .couple {
    float: right;
    margin-top: 160px
}

#home .main-content .intro-content .gift-card p {
    font-family: "Brandon-Medium", "sans-serif";
    font-size: 1.1538461538em;
    line-height: 1.5em;
    margin-bottom: 15px;
    margin-top: 8px
}



#home .main-content .testimonials-home {
    background-color: #ffffff;
    width: 100%;
    padding: 80px 0;
    text-align: center
}

#home .main-content .testimonials-home .cont-trip {
    max-width: 1140px;
    width: 100%;
    background-image: url(images/bg-trip.jpg);
    background-size: cover;
    display: inline-block
}

#home .main-content .testimonials-home .cont-trip .reviews {
    background-color: rgba(72, 45, 62, 0.92);
    padding: 70px 0
}

#home .main-content .testimonials-home .cont-trip .reviews .trip-face {
    width: 20%;
    height: 230px;
    display: inline-block;
    margin: 35px 0 20px;
    vertical-align: middle
}

#home .main-content .testimonials-home .cont-trip .reviews ul.testimonials {
    width: 45%;
    margin: 0 0 0 10%;
    padding: 0 5%;
    display: inline-block;
    vertical-align: middle
}

#home .main-content .testimonials-home .cont-trip .reviews ul.testimonials li.testimonial .stars-testimonials {
    display: inline-block;
    width: 100%;
    margin-top: 20px
}

#home .main-content .testimonials-home .cont-trip .reviews ul.testimonials li.testimonial .stars-testimonials span.count .star {
    background: url(images/star.png) no-repeat center;
    width: 20px;
    height: 20px;
    background-size: contain;
    display: inline-block
}

#home .main-content .testimonials-home .cont-trip .reviews ul.testimonials li.testimonial .stars-testimonials span {
    display: block;
    color: #fff;
    margin-top: 5px
}

#home .main-content .testimonials-home .cont-trip .reviews h2 {
    font-family: "Brandon-Medium", "sans-serif";
    font-size: 1.5384615385em;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff
}

#home .main-content .testimonials-home .cont-trip .reviews blockquote {
    color: #fff
}

#home .main-content .testimonials-home .cont-trip .reviews cite {
    font-style: normal;
    font-size: 1.2307692308em;
    color: #fff
}

#home .main-content .testimonials-home .cont-trip .reviews .sym-slides .slick-arrow {
    background-repeat: no-repeat;
    height: 35px;
    top: 35%
}

#home .main-content .testimonials-home .cont-trip .reviews .sym-slides .slick-arrow.slick-prev {
    background-image: url(images/arrow-left-trip.png)
}

#home .main-content .testimonials-home .cont-trip .reviews .sym-slides .slick-arrow.slick-next {
    background-image: url(images/arrow-right-trip.png)
}






/*
#panel #home .main-content .explore-home input[type="button"], #home .main-content .explore-home #footer form#email-signup .signup-btn, #footer form#email-signup #home .main-content .explore-home .signup-btn {
    margin-top: 48px
}
*/



#home .main-content .specials-home {
    background: url("images/specials-background.jpg") no-repeat 50% 50%;
    padding: 30px 0 67px;
    background-attachment: fixed;
    background-size: cover !important
}

#home .main-content .specials-home h2 {
    text-align: center;
    text-transform: uppercase;
    color: #482d3e;
    font-family: "Brandon-Medium", "sans-serif";
    font-size: 1.9230769231em;
    letter-spacing: 3px;
    margin-top: 0px;
    margin-bottom: 30px
}

#home .main-content .specials-home .copy-holder {
    background: rgba(255, 255, 255, 0.95);
    padding: 75px 0;
    position: relative
}

#home .main-content .specials-home .copy-holder .special-logo {
    background: url("images/NPV-Specials-Badge2.png") no-repeat 50% 50%;
    background-size: 154px 152px;
    width: 154px;
    height: 152px;
    position: absolute;
    right: 30px;
    top: -45px
}

#home .main-content .specials-home .copy-holder h3 {
    font-size: 1.3076923077em;
    font-family: "Brandon-Medium", "sans-serif";
    margin-top: 50px;
    margin-bottom: 12px;
    color: #515050
}

#home .main-content .specials-home .copy-holder p {
    font-size: 1.1538461538em;
    max-width: 270px;
    line-height: 1.8em;
    margin-bottom: 28px
}


.map-home .cont-map .info-posts-map.info-posts-map a.btn,.map-home .cont-map .info-posts-map.info-posts-map #footer form#email-signup a.signup-btn, #footer form#email-signup #home .main-content .map-home .cont-map .info-posts-map.info-posts-map a.signup-btn, #home .main-content .map-home .cont-map .pins.info-posts-map a.btn, #home .main-content .map-home .cont-map .pins.info-posts-map #footer form#email-signup a.signup-btn, #footer form#email-signup #home .main-content .map-home .cont-map .pins.info-posts-map a.signup-btn {
    color: #fff;
    overflow: hidden;
    color: transparent !important;
    transition: all .4s ease;
    text-shadow: 0 0 0 #fff, 0 -45px 0 #fff;
    margin-top: 25px
}

.map-home .cont-map .info-posts-map.info-posts-map a.btn:hover,.map-home .cont-map .info-posts-map.info-posts-map #footer form#email-signup a.signup-btn:hover, #footer form#email-signup #home .main-content .map-home .cont-map .info-posts-map.info-posts-map a.signup-btn:hover, #home .main-content .map-home .cont-map .pins.info-posts-map a.btn:hover, #home .main-content .map-home .cont-map .pins.info-posts-map #footer form#email-signup a.signup-btn:hover, #footer form#email-signup #home .main-content .map-home .cont-map .pins.info-posts-map a.signup-btn:hover {
    color: #bd945b;
    text-shadow: 0 45px 0 #cf8672, 0 0 0 #bd945b
}


#home .main-content .photo-home a.btn, #home .main-content .photo-home #footer form#email-signup a.signup-btn, #footer form#email-signup #home .main-content .photo-home a.signup-btn {
    margin-top: 45px
}

#home .main-content .insta {
    text-align: center;
    display: block
}

#home .main-content .insta .insta-section {
    text-align: center;
    width: 100%;
    margin: 0 auto
}

#home .main-content .insta .insta-section .insta-holder {
    margin-top: 20px;
    position: relative
}

#home .main-content .insta .insta-section .insta-holder h2 {
    margin-top: 0px;
    font-size: 1.9230769231em;
    font-family: "Brandon-Medium", "sans-serif";
    margin: 0px;
    background-color: #482d3e;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0
}

#home .main-content .insta .insta-section .insta-holder .images-ins {
    position: relative
}

#home .main-content .insta .insta-section .insta-holder .images-ins .ins-thumbnail {
    height: 230px;
    width: 100%
}

#home .main-content .insta .insta-section .insta-holder img {
    max-width: 100%
}

#home .main-content .insta .insta-section .insta-holder .insta-hover {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    color: #fff;
    text-align: center
}

#home .main-content .insta .insta-section .insta-holder .insta-hover:hover {
    opacity: 1
}

#home .main-content .insta .insta-section .insta-holder .insta-hover:hover p {
    padding: 45% 0 0;
    background-color: rgba(72, 45, 62, 0.7)
}

#home .main-content .insta .insta-section .insta-holder .insta-hover p {
    background-color: #482d3e;
    width: 100%;
    padding: 20% 0;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    height: 100%;
    box-sizing: border-box;
    transition: all 0.5s ease
}

#home .main-content .insta .insta-section .insta-holder .insta-hover svg {
    fill: #fff;
    vertical-align: bottom;
    display: inline-block
}

#home .main-content .insta .insta-section .insta-holder .insta-hover svg path {
    fill: #fff
}

#home .main-content .insta .insta-section .insta-holder .insta-hover h2 {
    text-transform: uppercase;
    background: none;
    margin-top: 40%;
    padding-bottom: 0px
}

#home .main-content .insta .insta-section .insta-holder .insta-hover h4 {
    font-size: 1.1538461538em;
    margin-top: 5px
}

#home .main-content .insta .insta-section .insta-holder .insta-info {
    position: absolute;
    width: 16.66%;
    height: 100%;
    left: 33.32%;
    background-image: url("images/icon-instagram.svg"), url("images/bg-instagram.jpg");
    background-repeat: no-repeat, no-repeat;
    background-size: 40px 40px, cover;
    background-position: top 30% center, top center;
    color: #fff;
    top: 0px
}

#home .main-content .insta .insta-section .insta-holder .insta-info h2 {
    text-transform: uppercase;
    background: none;
    margin-top: 45%;
    padding-bottom: 0px
}

#home .main-content .insta .insta-section .insta-holder .insta-info h4 {
    font-size: 1.1538461538em;
    margin-top: 5px
}

.has-blog ul.posts-list li {
    margin: 2em 0;
    padding-right: 10%
}

.has-blog ul.posts-list li img {
    width: 100%;
    height: auto
}

.has-blog ul.posts-list li a.read-more {
    text-transform: uppercase;
    font-size: 75%;
    text-decoration: underline
}

.has-blog .posts-sidebar {
    background-color: #FFF;
    padding: 3%;
    margin: 2em 0;
    text-align: center
}

.has-blog .posts-sidebar > *:first-child {
    margin-top: 0
}

.has-blog .posts-sidebar > *:last-child {
    margin-bottom: 0
}

.has-blog .posts-sidebar h3, .has-blog .posts-sidebar h2 {
    text-transform: capitalize !important;
    letter-spacing: 0px;
    font-size: 130% !important
}

.has-blog .posts-sidebar p {
    font-size: 90% !important;
    margin-bottom: 2em
}

.has-blog .posts-sidebar ul.blog-archive {
    list-style: none;
    text-align: left;
    padding: 0 5%;
    font-size: 90%
}

.has-blog .posts-sidebar ul.blog-archive li a.year {
    display: block;
    border-top: 1px solid #E0E0E0;
    padding: 0 5%
}

.has-blog .posts-sidebar ul.blog-archive li:last-child a.year {
    border-bottom: 1px solid #E0E0E0
}

.has-blog .posts-sidebar ul.blog-archive li ul.sub-blog-archive {
    margin: 10px 0
}

.has-post h1 {
    display: none
}

.has-post article.post {
    margin-bottom: 4em
}

.has-post article.post .post-content {
    padding: 2.5% 5%
}

.has-post article.post .post-content .inner-content h1 {
    display: block
}

.has-post article.post .post-content .inner-content .date {
    font-family: serif;
    font-style: italic;
    font-size: 18px;
    margin-bottom: 2em;
    margin-top: -1em
}

.has-post article.post .post-content .share-btn {
    display: inline-block;
    height: 32px;
    margin-top: 1em;
    padding-left: 40px;
    background: url(images/icon-share.png) left center no-repeat;
    background-size: 31.5px 27px;
    text-transform: uppercase;
    font-size: 90%;
    line-height: 2.2;
    color: #a4a4a4 !important;
    transition: all 0.3s ease-in-out
}

.has-post article.post .post-content .share-btn:hover {
    opacity: 0.7
}

.has-post article.post .post-img figure {
    margin-bottom: 1em;
    position: relative
}

.has-post article.post .post-img figure img {
    width: 100%;
    height: auto
}

.has-post article.post .post-img figure .pin-it-button {
    width: 43px;
    height: 21px;
    position: absolute;
    top: 5px;
    left: 10px;
    transition: all 0.3s ease-in-out
}

.has-post article.post .post-img figure .pin-it-button:hover {
    opacity: 0.7
}

.has-post #share-modal {
    min-width: 500px;
    padding: 3em;
    text-align: center
}

.has-post #share-modal h2 {
    margin: 0 0 1em 0
}

#myMap {
    background: #d8d8d8
}

#amenityMenu {
    float: right;
    width: 320px;
    width: 310px;
    bottom: 66px;
    bottom: 40px;
    right: 75px;
    z-index: 9;
    position: absolute;
    border: 0px;
    background: #fff
}

#amenityMenu h2 {
    margin-top: 20px;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    padding-bottom: 12px;
    text-transform: none;
    color: #666;
    font-family: "MicrobrewSoftFour", "serif"
}

#amenityMenu h2:before {
    content: "";
    position: absolute;
    width: 21%;
    height: 3px;
    bottom: 0;
    left: 40.5%;
    border-bottom: 3px solid #482d3e
}

#amenityMenu .center {
    text-align: center
}

#amenityMenu dl dd ul li a {
    font-weight: normal;
    color: #666;
    font-size: 1.1em;
    padding: 3px 0px 3px 0px;
    letter-spacing: .5px
}

#amenityMenu dl dd ul li a:hover {
    color: #3b3b3b;
    text-decoration: none
}

#amenityMenu dl dd ul li.active a {
    color: #3b3b3b;
    font-weight: bold
}

#amenityMenu dl {
    margin: 0;
    padding: 0
}

#amenityMenu dl dd {
    margin: 0;
    padding: 0;
    display: none
}

#amenityMenu dl dd ul {
    max-height: 144px;
    overflow: auto;
    box-shadow: inset 0px 1px 2px #DCDCDC
}

#amenityMenu dl dt {
    font-weight: normal;
    background: #fff;
    transition: all 0.3s ease
}

#amenityMenu dl dt a {
    padding: 16px 0px 16px 27px;
    border-bottom: 1px solid #d5d5d5;
    margin: 0 15px;
    display: block;
    font-size: 1.2em;
    color: #666
}

#amenityMenu dl dt.Zebra_Accordion_Expanded a {
    background: none
}

#amenityMenu dl dt.open a {
    background: url(images/double-arrow-down-white.png) no-repeat 5% 50%;
    color: #ffffff
}

#amenityMenu dl dt a:hover, #amenityMenu dl dt a#dinings:hover, #amenityMenu dl dt a#shopping:hover, #amenityMenu dl dt a#entertainment:hover, #amenityMenu dl dt a#info:hover, #amenityMenu dl dt a#art:hover {
    text-decoration: none
}

#amenityMenu dl dd ul {
    margin: 0 0 0;
    padding-left: 0px
}

#amenityMenu dl dd ul li {
    padding: 5px 5px 5px 14px;
    font-size: 12px;
    list-style: none
}

#amenityMenu dl dd ul li.active {
    background: none
}

#amenityMenu dl dd ul li:hover {
    background: none
}

#amenityMenu dl dd ul li span {
    background: url(images/circle.png) no-repeat center center;
    width: 18px;
    height: 18px;
    display: block;
    float: left;
    text-align: center;
    line-height: 19px;
    font-size: 10px;
    background-size: 5px
}

#amenityMenu dl dd ul#activities_items li.active span {
    background: url(images/circle.png) no-repeat center center;
    color: #000000;
    background-size: 5px
}

#amenityMenu dl dd ul#attractions-entertainment_items li.active span {
    background: url(images/circle.png) no-repeat center center;
    color: #000000;
    background-size: 5px
}

#amenityMenu dl dd ul#dining_items li.active span {
    background: url(images/circle.png) no-repeat center center;
    color: #000000;
    background-size: 5px
}

#amenityMenu dl dd ul#event-venues_items li.active span {
    background: url(images/circle.png) no-repeat center center;
    color: #000000;
    background-size: 5px
}

#amenityMenu dl dd ul#museums_items li.active span {
    background: url(images/circle.png) no-repeat center center;
    color: #000000;
    background-size: 5px
}

#amenityMenu dl dd ul#shopping_items li.active span {
    background: url(images/circle.png) no-repeat center center;
    color: #000000;
    background-size: 5px
}

#map #booking {
    top: 250px
}

.map-menu-title a {
    font-size: 18px;
    color: #fff
}

.excerp p {
    font-size: 16px;
    padding: 5px 18px
}

.ui-infobox {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2)
}

.ui-infobox img {
    cursor: pointer;
    margin: 2px;
    position: absolute;
    top: 0px;
    right: 0px
}

.ui-infobox img.thumb {
    cursor: pointer;
    margin: 2px;
    position: relative;
    top: -19px;
    left: -13px;
    width: 110%
}

.ui-infobox .title {
    color: #3f3f3f;
    font-size: 17px;
    line-height: 14px;
    text-transform: none;
    padding: 0px 15px;
    margin-bottom: 10px;
    float: left;
    width: 88%;
    LINE-HEIGHT: 19px
}

.ui-infobox p a {
    text-decoration: underline;
    color: #6b6a6a
}

.ui-infobox-content {
    padding: 1em;
    float: left;
    width: 91%
}

.ui-infobox p {
    color: #838282;
    line-height: 17px;
    font-size: 15px;
    padding: 0px 16px;
    float: left;
    width: 88%;
    margin-bottom: 4px
}

#amenityMenu dl dt a {
    color: #666
}

#amenityMenu dl dt.open a, #amenityMenu dl dt a:hover {
    background: url(images/view-all-icon.png) no-repeat 3% 50% #00a8ad;
    color: #515050;
    background-size: 40px
}

#amenityMenu dl dt a {
    background: url(images/view-all-icon.png) no-repeat 3% 50%;
    background-size: 40px;
    color: #515050
}

#amenityMenu dl dd ul li span {
    background: url(images/circle.png) no-repeat center center;
    background-size: 5px
}

#amenityMenu dl dt.dining.open a, #amenityMenu dl dt.dining a:hover {
    background: url(images/dining-icon-map.png) no-repeat 3% 50% #482d3e;
    color: #fff;
    background-size: 40px
}

#amenityMenu dl dt.dining a {
    background: url(images/dining-icon-map.png) no-repeat 3% 50%;
    color: #515050;
    background-size: 40px
}

#amenityMenu dl dt.activities.open a {
    background: url(images/double-arrow-down-white.png) no-repeat 3% 50% #00a896;
    color: #fff
}

#amenityMenu dl dt.activities a {
    background: url(images/bike-icon.png) no-repeat 3% 50% !important
}

#amenityMenu dl dt.attractions-entertainment.open a, #amenityMenu dl dt.attractions-entertainment a:hover {
    background: #482d3e;
    color: #fff
}

#amenityMenu dl dt.attractions-entertainment a {
    background: url(images/attractions-icon.png) no-repeat 3% 50% #fff;
    color: #515050
}

#amenityMenu dl dt.dining.open a, #amenityMenu dl dt.dining a:hover {
    background: #482d3e;
    color: #fff
}

#amenityMenu dl dt.dining a {
    background: url(images/attractions-icon.png) no-repeat 3% 50% #fff;
    color: #515050
}

#amenityMenu dl dt.event-venues.open a {
    background: #feb43c;
    color: #fff
}

#amenityMenu dl dt.event-venues a {
    background: url(images/event-icon.png) no-repeat 3% 50% !important;
    color: #feb43c
}

#amenityMenu dl dt.museums.open a {
    background: #0e86c9;
    color: #fff
}

#amenityMenu dl dt.museums a {
    background: url(images/arrow-down-blue.png) no-repeat 3% 50%;
    color: #0e86c9
}

#amenityMenu dl dt.shopping.open a, #amenityMenu dl dt.shopping a:hover {
    background: #482d3e;
    color: #fff
}

#amenityMenu dl dt.shopping a {
    background: url(images/shopping-icon.png) no-repeat 3% 50%;
    color: #515050
}

#amenityMenu dl dt.sports-recreation.open a, #amenityMenu dl dt.sports-recreation a:hover {
    background: #00a8ad;
    color: #fff;
    background-size: 40px
}

#amenityMenu dl dt.sports-recreation a {
    background: url(images/sports-map-icon.png) no-repeat 3% 50%;
    color: #515050;
    background-size: 40px
}

#amenityMenu dl dt.view-all a {
    background: none !important;
    text-align: center;
    padding: 25px 0px;
    text-transform: uppercase;
    font-size: 1.0769230769em;
    letter-spacing: .5px;
    font-weight: 600
}

#amenityMenu dl dt.view-all a#view-all:hover {
    background-color: #bd945b !important
}

body.has-calendar #content .filter form {
    margin-left: 20px;
    margin-bottom: 0;
    padding-left: 7%
}

body.has-calendar #content .filter form label, body.has-calendar #content .filter form select {
    margin-left: 5px;
    text-transform: capitalize;
    height: 24px;
    font-family: "Brandon-Book", "sans-serif";
    padding: 0;
    font-size: 15px;
    line-height: 1.6;
    -webkit-appearance: none
}

body.has-calendar #content .filter form select {
    width: 90px;
    margin: 0 30px 0 15px;
    background-size: 20px;
    padding: 0px 10px
}

body.has-calendar #content .filter form select:hover {
    color: #515050
}

body.has-calendar #content ul.upcoming-events {
    margin-top: 3em;
    clear: both
}

body.has-calendar #content ul.upcoming-events li.event {
    margin: 0 0 4em 0;
    vertical-align: top;
    list-style: none
}

body.has-calendar #content ul.upcoming-events li.event .event-inner a {
    position: relative;
    display: inline-block
}

body.has-calendar #content ul.upcoming-events li.event .event-inner a .event-date {
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 10px;
    left: 10px;
    background-image: url(images/bg-instagram.jpg);
    color: #fff;
    width: auto;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 600
}

body.has-calendar #content ul.upcoming-events li.event .event-inner a .event-date .month {
    display: block
}

body.has-calendar #content ul.upcoming-events li.event .event-inner figure {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative
}

body.has-calendar #content ul.upcoming-events li.event .event-inner figure img {
    width: 100%;
    transition: all 0.3s ease-in-out
}

body.has-calendar #content ul.upcoming-events li.event .event-inner figure figcaption {
    display: none
}

body.has-calendar #content ul.upcoming-events li.event .event-inner figure figcaption p {
    margin: 0;
    padding: 10px 20px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.9);
    display: inline-block;
    color: #222;
    text-transform: uppercase;
    font-size: 70%;
    border: 1px solid #222;
    font-family: "MicrobrewSoftFour", "serif";
    transition: all 0.3s ease-in-out;
    position: relative;
    top: -20px;
    left: 0;
    z-index: 100
}

body.has-calendar #content ul.upcoming-events li.event .event-inner .event-copy {
    padding: 0 2%
}

body.has-calendar #content ul.upcoming-events li.event .event-inner .event-copy .event-name {
    margin: 1.5em auto 1em;
    transition: all 0.3s ease-in-out
}

body.has-calendar #content ul.upcoming-events li.event .event-inner .event-copy .event-name * {
    font-size: 120%;
    line-height: 1.5
}

body.has-calendar #content ul.upcoming-events li.event .event-inner .event-copy p {
    margin: 5px 0 2em;
    color: #515050
}

body.has-calendar #content ul.upcoming-events li.event .event-inner:hover figure figcaption p {
    background-color: #482d3e;
    color: #fff
}

body.has-calendar #content ul.upcoming-events li.event .event-inner:hover figure img {
    transform: scale(1.1)
}

body.has-calendar #content ul.upcoming-events li.event .event-inner:hover .event-name {
    opacity: 0.7
}

body.has-calendar #content ul.upcoming-events li.event .event-inner:hover .event-date {
    opacity: 0.7
}

.event .event-img .pin-it-button {
    width: 43px;
    height: 21px;
    position: absolute;
    top: 5px;
    left: 10px;
    transition: all 0.3s ease-in-out
}

.event .event-img .pin-it-button:hover {
    opacity: 0.7
}

.event .event-img img {
    width: 100%;
    height: auto
}

.event .event-copy form {
    text-align: center
}

.event .event-copy form fieldset {
    border: none
}

.event .event-copy form fieldset legend {
    display: none
}

.event .event-copy .event-description {
    width: 80%;
    margin: 0 auto
}

.related-events {
    padding: 4em 0 0
}

.share-btn {
    display: inline-block;
    height: 32px;
    margin-top: 1em;
    padding-left: 40px;
    background: url(images/icon-share.png) left center no-repeat;
    background-size: 31.5px 27px;
    text-transform: uppercase;
    font-size: 90%;
    line-height: 2.2;
    color: #a4a4a4 !important;
    transition: all 0.3s ease-in-out
}

.share-btn:hover {
    opacity: 0.7
}

#share-modal {
    min-width: 500px;
    padding: 3em;
    text-align: center
}

#share-modal h2 {
    margin: 0 0 1em 0
}

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

.cf:after {
    clear: both
}

.wrapper {
    margin: 0 auto;
    max-width: 1500px;
    width: 100%
}

.no-gutter {
    padding-left: 0;
    padding-right: 0
}

.no-gutter-left {
    padding-left: 0
}

.no-gutter-right {
    padding-right: 0
}

.v-align {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.v-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.row-centered {
    text-align: center
}

.col-centered {
    display: inline-block;
    float: none;
    text-align: left;
    margin-right: -4px
}

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%
}

.col-height {
    display: table-cell;
    height: 100%
}

.col-top {
    vertical-align: top
}

.col-middle {
    vertical-align: middle
}

.col-bottom {
    vertical-align: bottom
}

.animate-fade {
    opacity: 0
}

.animate-fade.top {
    transform: translateY(0%)
}

.animate-fade.top.fade-in {
    transform: translateY(-5%)
}

.animate-fade.bottom {
    transform: translateY(-5%)
}

.animate-fade.bottom.fade-in {
    transform: translateY(0%)
}

.animate-fade.left {
    transform: translateX(-5%)
}

.animate-fade.left.fade-in {
    transform: translateX(0%)
}

.animate-fade.right {
    transform: translateX(5%)
}

.animate-fade.right.fade-in {
    transform: translateX(0%)
}

.animate-fade.fade-in {
    opacity: 1;
    transition: all 1s ease-out
}

blockquote {
    margin-left: 0;
    font-size: inherit;
    border-left: none
}

.breadcrumb {
    padding: 8px 15px;
    margin-left: 20px;
    margin-bottom: 5px;
    list-style: none
}

.breadcrumb > li {
    display: inline-block
}

.breadcrumb li + li:before {
    padding: 0 5px;
    color: #777;
    content: "\3e";
    content: "›"
}

.breadcrumb > .active {
    color: #777
}

#myGallery {
    margin-top: 142px;
    margin-bottom: 12px
}

ul.slick-dots {
    padding-left: 0;
    text-align: center
}

ul.slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 10px 5px;
    padding: 0;
    cursor: pointer
}

ul.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #000;
    background-clip: padding-box
}

ul.slick-dots li.slick-active button {
    background-color: #482d3e;
    border: 1px solid #482d3e
}

.slick-prev, .slick-next {
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 20
}

.slick-prev:before, .slick-next:before {
    transition: all 0.3s ease-in-out
}

.slick-prev:hover, .slick-next:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before, .slick-next:hover:before {
    opacity: 0.5
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

#ui-datepicker-div.ui-widget-content {
    background: #FBFBFB !important;
    z-index: 1000 !important;
    border: none !important
}

#ui-datepicker-div.ui-widget-content * {
    font-family: sans-serif;
    font-weight: normal !important;
    font-size: 14px;
    text-align: center
}

#ui-datepicker-div .ui-widget-header {
    background: #ececec !important;
    border-radius: 0 !important;
    border: 0 !important
}

#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div.ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight {
    background: none !important;
    border: 1px solid #c5c5c5 !important;
    color: #666 !important
}

#ui-datepicker-div .ui-datepicker th {
    font-weight: normal !important
}

#ui-datepicker-div.ui-widget-content a, #ui-datepicker-div.ui-widget-content a {
    text-align: center
}

#ui-datepicker-div .ui-state-active, #ui-datepicker-div.ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active {
    background: #482d3e !important;
    border-color: #482d3e;
    color: #fff !important
}

#ui-datepicker-div .ui-datepicker th {
    padding: 5px 0 !important;
    font-size: 12px
}

#ui-datepicker-div .ui-datepicker-month, .ui-datepicker-year {
    background-color: transparent;
    border: none;
    font-size: 16px !important
}

#ui-datepicker-div .ui-state-hover, #ui-datepicker-div.ui-widget-content .ui-state-hover, #ui-datepicker-div .ui-datepicker .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-datepicker .ui-state-focus, #ui-datepicker-div .ui-datepicker .ui-widget-content .ui-state-focus, #ui-datepicker-div .ui-datepicker .ui-widget-header .ui-state-focus {
    color: #fff !important;
    background: #482d3e !important
}

#ui-datepicker-div .ui-accordion-content {
    height: auto !important
}

ul.global-sitemap {
    position: relative
}

ul.global-sitemap li {
    line-height: 1.6;
    margin-bottom: 10px;
    list-style: none
}

ul.global-sitemap li ul {
    border-left: 1px solid #EAEAEA;
    margin-left: 0px;
    margin-bottom: 10px
}

ul.global-sitemap li ul li {
    padding: 10px 5px 3px 5px;
    list-style: none !important;
    line-height: 1.2;
    font-size: 90%;
    margin-bottom: 0px
}

ul.global-sitemap li ul li a {
    text-decoration: none !important;
    color: grey;
    padding-left: 10px
}

ul.global-sitemap li ul li ul {
    margin: 10px 0 0 10px
}

ul.global-sitemap li ul li ul li ul li {
    padding: 0;
    margin-bottom: 3px
}

ul.global-sitemap li ul li ul li ul li a {
    opacity: 0.7
}

ul.global-sitemap li ul li:before {
    display: none
}

#content .content img {
    max-width: 100%
}

#content .content #header-img {
    margin-top: 75px;
    position: relative
}

#content .content #header-img img {
    width: 100%;
    max-width: inherit
}

#content .content .page-name {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -50px;
    color: #fff;
    font-family: "MicrobrewSoftFour", "serif";
    text-transform: uppercase;
    font-size: 5.45em;
    letter-spacing: 10px
}

#content .content .top-copy {
    background: url("images/intro-background.jpg") no-repeat;
    background-position: 50% 50% !important;
    background-size: cover !important;
    position: relative
}

#content .content .top-copy .red-line {
    width: 350px;
    height: 8px;
    background: #bd945b;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -175px
}

#content .content .top-copy .intro-copy {
    padding-top: 65px
}

#content .content h1 {
    text-align: center;
    text-transform: uppercase;
    color: #482d3e;
    font-size: 2.6923076923em;
    margin-bottom: 30px;
    font-family: "Brandon-Medium", "sans-serif";
    margin-top: 0;
    letter-spacing: 2px;
    line-height: 1.1em
}

#content .content h2 {
    color: #482d3e;
    text-transform: uppercase;
    font-size: 1.9230769231em;
    letter-spacing: 3px;
    font-family: "Brandon-Medium", "sans-serif";
    margin: 20px 0 10px;
    line-height: 1.2em
}

#content .content h3 {
    font-size: 1.3076923077em;
    font-family: "Brandon-Medium", "sans-serif";
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 1.3em
}

#content .content h3.post-title {
    margin-top: 0px;
    margin-bottom: 10px
}

#content .content p {
    color: #515050;
    font-size: 1.2307692308em;
    line-height: 1.9em;
    margin-bottom: 35px
}

#content .content p a.btn, #content .content p #footer form#email-signup a.signup-btn, #footer form#email-signup #content .content p a.signup-btn {
    font-size: 13px;
    padding: 6px 30px
}



#content .content img.inset2 {
    float: right
}


.best-rate-guarantee #content .content .sidebar, .press #content .content .sidebar {
    padding: 80px 0 0
}


#content .content .rooms-section, #content .content .full-section {
    padding-top: 70px
}


#content .content .rooms-section #tabs ul li{
    float: none;
    margin: 0 10px
}

#content .content .rooms-section #tabs ul li.ui-state-active {
    margin: 0px 10px;
    padding: 0px
}

#content .content .rooms-section #tabs ul li.ui-state-active .btn-tabs{
    background: none;
    color: #482d3e;
    border: 1px solid #bd945b;
}

#content .content .rooms-section #tabs ul li a{
    text-transform: capitalize;
    font-size: 15px
}

#content .content .rooms-section .each-room {
    margin-bottom: 85px
}

#content .content .rooms-section .each-room:last-of-type {
    margin-bottom: 0
}

#content .content .rooms-section .each-room .room-img{
    display: inline-block;
    position: relative
}

#content .content .rooms-section .each-room .room-img .zoom-room{
    background: url("images/expand-rooms.svg") no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0px;
    right: 5px;
    background-color: #bd945b;
    transition: all 0.45s ease;
    background-size: 25px;
    background-position: center
}

#content .content .rooms-section .each-room .room-img .sym-slides .slick-arrow{
    background-image: url(images/arrow-right-trip.png);
    background-repeat: no-repeat;
    height: 35px
}

#content .content .rooms-section .each-room .room-img .sym-slides .slick-arrow.slick-prev{
    left: 10px;
    transform: rotate(180deg)
}

#content .content .rooms-section .each-room .room-img .sym-slides .slick-arrow.slick-next{
    right: 10px
}

#content .content .rooms-section .each-room .room-description{
    padding-left: 30px
}

#content .content .rooms-section .each-room .room-description p{
    margin-bottom: 20px
}

#content .content .rooms-section .each-room .room-description p.reservation-info {
    color: #482d3e;
    font-weight: 700
}

#content .content .rooms-section .each-room .room-description .best-rate {
    margin-left: 41px;
    font-weight: 700;
    font-size: 14px;
    margin-top: 18px
}

#content .content .rooms-section .each-room .read-details, #content .content .rooms-section .each-room .read-details-explore{
    color: #482d3e;
    font-size: 1.2307692308em;
    line-height: 1.9em;
    margin-bottom: 28px;
    display: block;
    cursor: pointer;
    font-weight: 700
}

#content .content .rooms-section .each-room .blog-full{
    display: none;
    margin-top: 30px
}

#content .content .rooms-section .each-room .blog-full p img{
    float: right;
    margin: 0px 0px 20px 30px
}



#content .content .section-title {
    cursor: pointer;
    font-size: 1.9230769231em;
    padding: 14px 0 15px 30px;
    margin-bottom: 25px;
    background: url("images/toggle-open.png") no-repeat 96% rgba(204, 197, 182, 0.25);
    font-family: "MicrobrewSoftFour", "serif"
}

#content .content .section-title.open {
    background: url("images/toggle-close.png") no-repeat 96% rgba(204, 197, 182, 0.25)
}

#content .content .description {
    display: none;
    padding: 0 30px 0 30px
}

#content .content .description.default {
    display: block
}





.meetings-events table {
    margin: 30px 0 50px
}

.meetings-events table tbody tr th {
    background-color: #482d3e;
    color: #fff;
    padding: 5px 15px;
    text-align: center
}

.meetings-events table tbody tr td {
    border: 1px solid #bbbbbb;
    text-align: center
}

.meetings-events.room-blocks p.out-content {
    width: 175%
}

.pool-spa .teaser-spa {
    background-image: url(images/bg-teaser-spa.jpg);
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    padding: 40px 10%;
    display: inline-block;
    margin-bottom: 40px
}

.pool-spa .teaser-spa h2 {
    color: #fff !important;
    margin-top: 0px !important
}

.pool-spa .teaser-spa span.reservation {
    font-size: 20px;
    font-family: "Brandon-Medium", "sans-serif"
}

.pool-spa .teaser-spa p {
    color: #fff !important;
    margin: 10px 0 30px
}

.pool-spa .teaser-spa .box-btn a.btn, .pool-spa .teaser-spa .box-btn #footer form#email-signup a.signup-btn, #footer form#email-signup .pool-spa .teaser-spa .box-btn a.signup-btn {
    background: #bd945b;
    color: #fff
}

.pool-spa .teaser-spa .box-btn span {
    display: block;
    margin-top: 5px
}

/*.pool-spa .hour-operation .column-left {
    display: inline-block;
    margin-right: 15px;
    width: 339px
}

.pool-spa .hour-operation .column-left div {
    width: 100%
}

.pool-spa .hour-operation .column-left div:first-child {
    height: 282px;
    margin-bottom: 15px
}

.pool-spa .hour-operation .column-left div:nth-child(2) {
    height: 183px
}

.pool-spa .hour-operation .column-right {
    display: inline-block;
    vertical-align: top;
    width: 479px;
    margin-bottom: 50px
}

.pool-spa .hour-operation .column-right div:first-child {
    width: 260px;
    height: 228px;
    display: inline-block;
    margin-bottom: 12px
}

.pool-spa .hour-operation .column-right div:nth-child(2) {
    height: 228px;
    width: 203px;
    display: inline-block;
    margin-bottom: 12px;
    margin-left: 12px
}

.pool-spa .hour-operation .column-right div:nth-child(3) {
    height: 239px;
    width: 100%
}*/

.pool-spa .full-section p {
    border-bottom: 1px solid #daccba;
    padding-bottom: 35px
}

.pool-spa .full-section p:last-of-type {
    border: 0px;
    padding: 0px
}

.explore-wine-country #content .content .full-section .each-room .blog-full {
    display: none
}

.map .sub-menu {
    top: 75px;
    z-index: 9;
    position: fixed
}

.gift-cards #content .content .full-section .each-room {
    margin-bottom: 85px
}

.sub-menu {
    width: 100%;
    background: #e3ddd5
}

.sub-menu ul {
    margin-bottom: 0;
    text-align: center;
    display: inline-block;
    width: 100%
}

.sub-menu ul.navbar-fixed {
    position: fixed;
    width: 100%;
    top: 89px;
    z-index: 9;
    background: #e3ddd5
}

.sub-menu ul li {
    display: inline-block;
    margin-right: 35px;
    line-height: 0.65;
    font-size: 1.2em;
    text-transform: uppercase;
    font-family: "Brandon-Medium", "sans-serif";
    letter-spacing: 1px;
    padding: 26px 0 27px
}

.sub-menu ul li:last-child {
    margin-right: 0
}

.sub-menu ul li a {
    padding: 3px 0;
    color: #2d2d2d;
    display: block
}

.sub-menu ul li a.active {
    cursor: default;
    font-family: "Brandon-Bold", "sans-serif";
    color: #bd945b;
}

.sub-menu ul li a:hover {
    color: #bd945b;
}

.sub-menu ul li:last-child {
    border-right: 0px
}

#bio_ep [data-em=modal-container] {
    width: 675px;
    height: 445px;
    overflow: hidden;
    box-sizing: border-box;
    text-align: right;
    border: 1px solid white;
    font-family: "Brandon-Medium";
    color: #656463;
    position: relative;
    z-index: 99;
    padding-right: 34px
}

#bio_ep [data-em=modal-container] input, #bio_ep [data-em=modal-container] select {
    display: block;
    text-align: left;
    font-size: 11px;
    color: #848484 !important;
    font-weight: 400;
    margin-left: 404px !important;
    font-family: "Brandon-Medium";
    border: none;
    border-bottom: 1px solid #bd945b;
    background: transparent;
    margin-top: -5px
}

#bio_ep .field.select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px
}

#bio_ep input.placeholder, #bio_ep input:-moz-placeholder, #bio_ep input::-webkit-input-placeholder {
    color: #515050
}

#bio_ep [data-em=modal-container] [data-em=logo] {
    max-width: 100%;
    max-height: 40px
}

#bio_ep [data-em=modal-container] [data-em=text-line-1] {
    color: #515050 !important;
    font-size: 11px;
    line-height: 11px;
    margin-top: 70px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    padding: 0 5%;
    margin-left: 370px;
    font-family: "Brandon-Medium";
    text-transform: uppercase
}

#bio_ep [data-em=modal-container] [data-em=text-line-2] {
    color: #482d3e !important;
    font-size: 19px;
    line-height: 30px;
    font-weight: 50;
    margin: 0px 0 25px 368px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    padding: 0 5%;
    font-family: "Brandon-Medium";
    text-transform: uppercase
}

#bio_ep [data-em=modal-container] input, #bio_ep [data-em=modal-container] select {
    width: 220px;
    height: 40px;
    margin-bottom: 10px
}

#bio_ep [data-em=modal-container] [data-em=button] {
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-color: #ffffff;
    font-size: 10px;
    width: 115px;
    display: block;
    padding: 10px 0;
    margin: 0px 0 0 470px;
    text-align: center;
    cursor: pointer;
    font-family: "Brandon-Medium";
    letter-spacing: 2px
}

#bio_ep [data-em=modal-container] [data-em=button]:active {
    box-shadow: 0px 3px 0px rgba(117, 117, 117, 0.5), 0px 3px 6px rgba(0, 0, 0, 0.9) !important;
    position: relative;
    top: 6px
}

#bio_ep [data-em=modal-container] div.close-link {
    color: #bd945b !important;
    position: absolute;
    margin-bottom: -80px;
    margin-top: 2px;
    right: 65px;
    font-size: 9px;
    cursor: pointer
}

#bio_ep [data-em=modal-container] .btn-bg-color {
    background-color: #bd945b;
}

#bio_ep [data-em=modal-container] .text-color {
    color: #656463;
    letter-spacing: 0
}

#bio_ep [data-em=modal-container] .text-line-1 {
    color: #482d3e
}

#bio_ep [data-em=modal-container] {
    background-image: url(http://be478d95e8aa404656c1-d983ce57e4c84901daded0f67d5a004f.r11.cf1.rackcdn.com/napa-valley-lodge/media/095c922cb8daf9e8b017543cc73c0e786b4155e5-5976b1a35d897.jpg);
    background-size: auto
}

#bio_ep [data-em=modal-checkbox] {
    position: relative;
    margin: 0 auto;
    width: 40%;
    height: 40px;
    margin-left: 393px;
    text-align: left
}

#bio_ep [data-em=modal-checkbox] a {
    color: #bd945b;
    text-decoration: none
}

#bio_ep [data-em=modal-checkbox] label {
    color: grey;
    font-size: 11px;
    display: inline-block;
    text-align: left;
    margin-top: 5px;
    margin-left: 0px
}

#bio_ep [data-em=modal-checkbox] input {
    position: absolute;
    top: -4px;
    left: -10px;
    display: block;
    margin-left: -9px !important;
    max-width: 15px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #formRFP {
        width: 100%
    }

    #formRFP fieldset {
        margin: 0 1%;
        width: 48%
    }

}

@media (max-width: 1280px) {
    #home .main-content .insta .insta-section {
        width: 100%
    }
}

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

    .specials-home .container {
        width: 100%
    }

    #content .content .sidebar {
        width: 100%
    }

    .pool-spa .hour-operation .column-left {
        display: inline-block;
        margin-right: 2%;
        width: 270px
    }

    .pool-spa .hour-operation .column-left div {
        width: 100%
    }

    .pool-spa .hour-operation .column-left div:first-child {
        height: 282px;
        margin-bottom: 15px
    }

    .pool-spa .hour-operation .column-left div:nth-child(2) {
        height: 183px
    }

    .pool-spa .hour-operation .column-right {
        display: inline-block;
        vertical-align: top;
        width: 400px
    }

    .pool-spa .hour-operation .column-right div:first-child {
        width: 53%;
        height: 228px;
        display: inline-block;
        margin-bottom: 12px
    }

    .pool-spa .hour-operation .column-right div:nth-child(2) {
        height: 228px;
        width: 43%;
        display: inline-block;
        margin-bottom: 12px;
        margin-left: 3%
    }

    .pool-spa .hour-operation .column-right div:nth-child(3) {
        height: 239px;
        width: 100%
    }
}

@media only screen and (max-width: 1110px) {
    #home .main-content .specials-home .copy-holder .special-logo {
        right: 15px;
        top: -60px
    }
}

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

    #home .main-content .specials-home .copy-holder h3 {
        margin-top: 20px
    }

    #home .main-content .specials-home .copy-holder .special-logo {
        background-size: contain;
        width: 124px;
        height: 122px
    }
}

@media (max-width: 1024px) {
    #home .main-content .insta .insta-section {
        width: 95%
    }

    #home .main-content .insta .insta-section .insta-holder h2 {
        font-size: 1.0769230769em
    }

    #home .main-content .insta .insta-section .insta-holder .insta-info h4 {
        font-size: .8461538462em
    }
}

@media only screen and (max-width: 1015px) {
    .booking-holder #booking-form .dates-side {
        padding: 45px 60px
    }

    .booking-holder #booking-form .dates-side .ui-datepicker .ui-datepicker-prev span {
        margin-left: -40px
    }

    .booking-holder #booking-form .dates-side .ui-datepicker .ui-datepicker-next span {
        margin-right: -260px
    }
}

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

    #home .main-content .intro-content .reviews img {
        margin-bottom: 60px
    }

    #home .main-content .intro-content .gift-card img {
        float: left
    }

    #content .content .page-name {
        font-size: 4em
    }

    .meetings-events table tbody tr th, .meetings-events table tbody tr td {
        padding: 5px 0%
    }

}

@media only screen and (max-width: 883px) {
    #home .top-content-home .headline {
        top: 230px;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5)
    }



    #content .sub-menu ul.navbar-fixed {
        top: 149px
    }

    #content .content .sidebar {
        padding: 50px 0 90px
    }

    #content .content .sidebar .copy-slide {
        background: none;
        position: relative
    }

    #content .content .sidebar .copy-slide:before {
        content: "";
        background-color: rgba(207, 134, 114, 0.7);
        width: 100%;
        height: 100%;
        position: absolute
    }

    #content .content .sidebar .copy-slide img {
        opacity: 1
    }

    #content .content .sidebar .copy-slide h3 {
        opacity: 1;
        transform: inherit;
        text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9)
    }

    #content .content .full-section #tabs ul li {
        margin: 0px
    }

    .pool-spa .hour-operation img:nth-of-type(3) {
        width: 320px
    }

    .pool-spa .hour-operation p:nth-child(2) {
        padding: 0 5%
    }

    .destination .sub-menu ul li {
        font-size: 1.18em;
        margin-right: 18px
    }
}

@media only screen and (max-width: 800px) {
    #home .main-content .specials-home .copy-holder .special-logo {
        width: 104px;
        height: 102px;
        right: 10px;
        top: -65px
    }
}

@media (max-width: 768px) {
    #home .main-content .insta .insta-section {
        width: 95%
    }

    #home .main-content .insta .insta-section .insta-holder .images-ins {
        width: 33.33%
    }

    #home .main-content .insta .insta-section .insta-holder .images-ins:nth-child(2) {
        margin-left: 33.33%
    }

    #home .main-content .insta .insta-section .insta-holder .images-ins:nth-child(3) {
        margin-left: 0
    }

    #home .main-content .insta .insta-section .insta-holder .insta-info {
        width: 33.50%;
        height: 50%
    }
}

@media print {
    .getting-here #header, .getting-here #header-img, .getting-here .sub-menu, .getting-here .top-copy, .getting-here #footer, .getting-here #content .content .sidebar {
        display: none !important
    }
}