a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, mark, menu, nav, nav li, nav ul, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
blockquote, q {
    quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
    color: #d6acad;
}
.txt-rt {
    text-align: right;
}
.txt-lt {
    text-align: left;
}
.txt-center {
    text-align: center;
}
.float-rt {
    float: right;
}
.float-lt {
    float: left;
}
.clear {
    clear: both;
}
.pos-relative {
    position: relative;
}
.pos-absolute {
    position: absolute;
}
.vertical-base {
    vertical-align: baseline;
}
.vertical-top {
    vertical-align: top;
}
.underline {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px;
}
nav.vertical ul li {
    display: block;
}
nav.horizontal ul li {
    display: inline-block;
}
img {
    max-width: 100%;
    height: auto;
}
body {
    font-family: Roboto, sans-serif;
    background-image: url(/img/background.jpg);
}
.wrap {
    width: 1000px;
    margin: 0 auto;
}
.wrapper {
    box-shadow: 0 0 12px #001b02;
    background: #fff2ff;
}
strong {
    font-weight: 700;
}
em {
    font-style: italic;
}
.pull-right {
    float: right;
}
.menu {
    background: #7c6077;
    margin-top: 0;
}
.menu li {
    display: inline-block;
}
.menu li a {
    color: #fff;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 15px 13px 28px;
}
.menu li a:hover {
    color: #ffc3ff;
}
.banner-desc {
    float: left;
}
.preview {
    width: 1000px;
    height: 345px;
    float: left;
    overflow: hidden;
}
.preview img {
    width: 1000px;
    height: 345px;
}
.top {
    padding: 20px;
}
h2 {
    color: #000;
    font-size: 32px;
    padding-bottom: 10px;
    font-family: Rochester, cursive;
}
p {
    color: #000;
    font-size: 14px;
    line-height: 21px;
}
.grid {
    width: 600px;
    float: left;
    background: #ffc3ff;
    box-shadow: inset 0 3px 10px #86005b;
    margin-top: -7px;
}
.gridfull {
    width: 100%;
    float: left;
    background: #fff;
    margin-top: -7px;
}
.content-image {
    float: left;
}
.content-image img {
    border: 1px solid #eae0d7;
    margin-right: 20px;
}
.content-desc {
    width: 408px;
    float: left;
}
.bottom p {
    color: #000;
}
.top-list li {
    list-style-image: url(../images/icon1.png);
    margin-left: 20px;
}
.top-list li a {
    color: #f5e0d3;
    font-size: 14px;
}
.bottom {
    padding: 20px;
}
h3 {
    color: #fff;
    border-bottom: 1px solid #e9e9e9;
    font-size: 32px;
    margin-bottom: 20px;
    font-family: Rochester, cursive;
}
.bottom h3 {
    color: #000;
}
.bottom-list li {
    list-style-image: url(../images/icon5.png);
    margin-left: 20px;
}
.bottom-list li a {
    color: #858688;
    font-size: 13px;
}
.breakfast-list li {
    list-style-image: url(../images/icon5.png);
    margin-left: 20px;
}
.breakfast-list li a {
    color: #eee;
    font-size: 13px;
}
.content-image1 {
    float: left;
}
.content-image1 img {
    border: 1px solid #ebebec;
    padding: 5px;
    margin-right: 20px;
    background: #fff;
}
.content-image2 {
    float: right;
}
.content-image2 img {
    border: 1px solid #ebebec;
    padding: 5px;
    margin-left: 20px;
    background: #fff;
}
.grid3 {
    background: #fff2ff;
}
.search input[type=text] {
    border: 1px solid #b6b6b6;
    font-size: 11px;
    width: 255px;
    background: #fff;
    outline: 0;
    color: #a7a7a7;
    padding: 5px;
    font-family: Monda, sans-serif;
}
.content-top h4 {
    font-size: 18px;
    color: #6c1751;
}
.grid1 {
    width: 308px;
    float: left;
    margin-right: 17px;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
}
.grid2 {
    width: 400px;
    float: left;
    margin-right: 0;
    background-color: #6c1751;
    margin-top: -7px;
}
.grid2 h2, .grid2 p {
    color: #fff;
}
.grid4 {
    padding: 20px;
    background-color: #7c6077;
}
.grid5 {
    float: left;
    margin-right: 0;
    background-color: #41002c;
}
.left-bottom p {
    font-size: 13px;
    margin-bottom: 14px;
}
.bottom-image {
    float: left;
    width: 225px;
    margin-right: 20px;
}
.bottom-image img {
    padding: 5px;
    background: #fff;
}
.bottom-image1 {
    float: left;
    width: 225px;
    margin-right: 0;
}
.bottom-image1 img {
    padding: 5px;
    background: #fff;
}
.footer {
    background: #6c1751;
}
.footer-main {
    padding: 20px;
}
.f-image {
    float: right;
    margin-left: 15px;
}
.f-image img {
    border: 5px solid #a17593;
}
.sub-footer {
    width: 303px;
    float: left;
    margin-right: 26px;
}
.sub-footer h2 {
    color: #fff;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    font-family: Rochester, cursive;
    font-size: 32px;
}
.sub-footer1 {
    width: 302px;
    float: left;
    margin-right: 0;
}
.sub-footer1 h2 {
    color: #fff;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    font-family: Rochester, cursive;
    font-size: 32px;
}
.sub-footer p, .sub-footer1 p {
    color: #fff;
    font-size: 13px;
    line-height: 1.8em;
    width: auto;
    margin-bottom: 15px;
}
.sub-footer a, .sub-footer1 a {
    color: #eee;
}
.footer-img {
    float: left;
}
.footer-img p a {
    color: #777;
    font-size: 14px;
}
.footer-img img {
    margin-right: 10px;
    vertical-align: top;
    margin-bottom: 20px;
}
.footer-bottom {
    background: #ffc3ff;
    padding: 20px 0 40px;
}
.copy {
    text-align: center;
}
.copy p {
    font-size: 13px;
    color: #34062d;
}
.copy a {
    color: #34062d;
}
.copy a:hover {
    text-decoration: underline;
}
.sub-footer1 label {
    color: #777;
    font-size: 13px;
}
.sub-footer1 input[type=text] {
    background: #333;
    width: 200px;
    padding: 3px;
    border: none;
    outline: 0;
    margin-bottom: 15px;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    margin-top: 5px;
    color: #888;
    font-family: Monda, sans-serif;
    font-size: 13px;
}
.sub-footer1 textarea {
    background: #333;
    outline: 0;
    padding: 3px;
    width: 200px;
    height: 60px;
    border: none;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    margin-top: 5px;
    resize: none;
    color: #888;
    font-family: Monda, sans-serif;
    margin-bottom: 15px;
    font-size: 13px;
}
.rooms-grid {
    width: 210px;
    float: left;
    margin-right: 40px;
    text-align: center;
}
.rooms-grid4 {
    margin-right: 0;
    width: 210px;
}
.rooms-grid2 {
    width: 210px;
    float: left;
    margin-right: 35px;
}
.rooms-grid3 {
    margin-right: 0;
    padding-bottom: 20px;
}
.rooms h2 {
    font-size: 25px;
    color: #a13e03;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.rooms p {
    font-size: 13px;
    color: #999;
    margin-bottom: 20px;
}
.rooms {
    margin: 30px auto;
    padding: 20px;
}
.rooms-grid1 {
    margin-right: 0;
    text-align: center;
    width: 210px;
    float: left;
}
.rooms-top {
    margin-bottom: 40px;
}
.services-left {
    width: 300px;
    float: left;
    margin-right: 20px;
}
.services-right {
    width: 640px;
    float: left;
    margin-right: 0;
}
.offers-image {
    float: left;
    margin: 6px 20px 6px 0;
    width: 300px;
}
.service-image {
    float: left;
    margin: 6px 20px 6px 0;
    width: 260px;
}
.service-image p {
    width: 260px;
}
.service-desc p {
    font-size: 13px;
    color: #999;
    margin-bottom: 20px;
}
.services-list li {
    list-style-image: url(../images/icon7.png);
    margin-left: 20px;
}
.services-list li a {
    color: #999;
    font-size: 13px;
}
.animate {
    transition: .1s;
    -webkit-transition: .1s;
}
.action-button {
    position: relative;
    float: left;
    border-radius: 5px;
    font-size: 12px;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    margin: 5px 5px 5px 0;
    padding: 5px 20px;
}
.more-button {
    position: relative;
    float: left;
    border-radius: 5px;
    font-size: 12px;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    margin: -5px 5px 5px 0;
    padding: 5px 20px;
}
.purple {
    background-color: #7c6077;
    border-bottom: 2px solid #5d4959;
    text-shadow: 0 -1px #5d4959;
}
.green {
    background-color: #82bf56;
    border-bottom: 2px solid #669644;
    text-shadow: 0 -1px #669644;
}
.action-button:active, .more-button:active {
    transform: translate(0, 2px);
    -webkit-transform: translate(0, 2px);
    border-bottom: 1px solid #350024;
}
.nav-burger, .small-screen-only {
    display: none!important;
}
@media all and (max-width:800px) {
    .wrap {
    width: 100%}
.banner .preview, .banner .preview img {
    width: 100%;
    height: auto;
}
.banner .banner-desc {
    float: none;
    background-image: url(/images/fern.jpg);
}
.banner .banner-desc img {
    display: block;
    margin: 0 auto;
}
.sub-footer h2, .sub-footer1 h2 {
    font-size: 28px;
}
.footer-main, .menu ul {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
}
.footer-main {
    display: inline-block;
}
.content-desc, .content-top {
    width: auto;
}
.content-top .grid {
    width: 100%}
#cp_container_f2b_search_cal, .content-top .grid2 {
    display: none!important;
}
.content-top .grid4 {
    overflow: auto;
    height: auto!important;
}
.service-image {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.sub-footer {
    margin-right: 0;
}
.sub-footer:not(:last-of-type) {
    margin-bottom: 1em;
}
.nav-burger, .small-screen-only {
    display: inline-block!important;
}
.nav-burger a {
    padding-top: .2em!important;
    padding-bottom: .8em!important;
}
.nav-burger a:before {
    content: "\2630";
    font-size: 2em;
}
}
@media only screen and (min-width :992px) {
    .hamburger, .kebab-toggler, .social-menu {
    display: none;
}
}
@media only screen and (max-width:991.98px) {
    .wrap {
    width: 100%;
    margin: 0 auto;
}
.preview {
    width: 100%}
.grid {
    width: 60%}
.grid2 {
    width: 40%}
.sub-footer {
    width: 30%;
    margin-right: 0;
    padding-right: 3%}
.sub-footer1 {
    width: 31%;
    margin-right: 0;
    padding-right: 3%}
.mobile-container {
    position: relative;
    z-index: 10;
    height: 65px;
}
.banner {
    z-index: 9;
}
.hamburger {
    padding: 15px 10px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    position: absolute;
    top: 7px;
    right: 80px;
    z-index: 9;
}
.hamburger-box {
    width: 32px;
    height: 21px;
    display: inline-block;
    position: relative;
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 32px;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease;
}
.hamburger-inner::after, .hamburger-inner::before {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -9px;
}
.hamburger-inner::after {
    bottom: -9px;
}
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}
.hamburger--collapse .hamburger-inner::after {
    top: -18px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;
}
.hamburger--collapse .hamburger-inner::before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
}
.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -9px, 0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
}
.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
}
.kebab-toggler {
    position: absolute;
    top: 5px;
    right: 15px;
    width: 50px;
    height: 35px;
    display: block;
    padding: 12px 10px;
}
.kebab-toggler.active .circleKebab circle {
    transition: .3s;
}
.social-menu {
    color: #fff;
    background: #6c1751;
    padding-top: 30px;
    display: none;
    text-align: center;
}
.social-menu li {
    position: relative;
    padding: 10px 40px;
}
.social-menu .contact-info {
    padding-left: 30px;
    padding-top: 7px;
}
.social-menu .contact-info a {
    color: #fff;
    display: inline-block;
}
.social-menu .contact-info span {
    display: block;
}
.socmedia {
    margin-top: 15px;
    background-color: #34062d;
}
.socmedia .social-info {
    padding: 8px 15px;
}
.socmedia .social-info a {
    color: #34062d;
    width: 30px;
    height: 30px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    background: #fff;
    margin: 0 3px;
}
.slide-out-nav {
    position: fixed;
    top: 0;
    right: -280px;
    bottom: 0;
    width: 280px;
    padding: 30px 0;
    background-color: #6c1751;
    overflow-y: auto;
    z-index: 11;
    transition: .2s ease-in-out;
}
.slide-out-nav.nav-open {
    right: 0;
}
.site-navbar .site-navigation .site-menu>li {
    display: block;
    padding: 6px 15px;
    border-bottom: 1px solid #ffffff25;
}
.site-navbar .site-navigation .site-menu>li>a {
    padding: 6px 5px;
}
.slide-out-nav.fadeInDown {
    -webkit-animation-name: unset;
    animation-name: unset;
}
.slide-out-nav ul {
    display: block;
}
.slide-out-nav ul li {
    display: block;
    border-bottom: 1px solid rgba(59, 14, 53, .3);
}
.slide-out-nav ul li a {
    padding: 15px;
}
.mobile-shift.nav-open {
    left: -280px;
    position: relative;
    transition: left .2s ease-in-out;
    overflow: hidden;
}
.mobile-shift.nav-open::before, .mobile-shift.nav-open:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .3);
    z-index: 9;
}
.mobile-shift.nav-open .navbar-fixed-top {
    left: -280px;
}
.social-menu.menu-on {
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    top: 64px;
}
.social-menu ul, .social-menu ul li {
    display: inline-block;
}
}
@media only screen and (max-width:800px) {
    .social-menu.menu-on {
    top: 57px;
}
}
@media only screen and (max-width:767.98px) {
    .sub-footer, .sub-footer1 {
    width: 100%;
    padding-right: 0;
}
}
@media only screen and (max-width:575.98px) {
    .social-menu {
    padding-top: 15px;
}
.social-menu li {
    text-align: center;
}
.social-menu li .icon {
    position: relative;
    top: auto;
    left: auto;
}
.social-menu .contact-info {
    padding-left: 0;
    padding-top: 5px;
}
}
@media only screen and (max-width:414.98px) {
    .mobile-shift.nav-open {
    left: -260px;
}
.slide-out-nav {
    width: 260px;
    right: -260px;
}
.mobile-shift.nav-open .kebab-toggler {
    visibility: hidden;
}
.hamburger.is-active {
    right: 0;
}
}
.page-404 {
    text-align: center;
    height: 400px;
    padding-top: 50px;
}
.page-404 h1 {
    font-size: 160px;
}
.page-404 h2 {
    font-size: 60px;
}
h1.page-title {
    color: #000;
    border-bottom: 1px solid #e9e9e9;
    font-size: 32px;
    margin-bottom: 20px;
    font-family: Rochester, cursive;
}
@media (min-width: 992px) {
	.menu ul {
		width: 100%;
    display: flex;
    justify-content: space-evenly;
	}
}