body {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    color: #2F2F2F;
    font-size: 13px;
    line-height: 22px;
    padding-bottom: 35px
    }
a img {
    border: none
    }
h1, h2, h3, h4 {
    text-transform: uppercase;
    margin: 0
    }
h1 {
    font: 400 24px/26px "Oswald", sans-serif;
    color: #262324;
    margin-bottom: 20px;
    letter-spacing: 2px
    }
h2 {
    font: 400 20px/22px "Oswald", sans-serif;
    color: #a0072b;
    margin-top: 20px;
    letter-spacing: 1px
    }
h3 {
    font: 400 16px/18px "Oswald", sans-serif;
    color: #333;
    margin: 5px 0;
    letter-spacing: 1px
    }
h4 {
    font: 400 14px/18px "Oswald", sans-serif;
    color: #9f142a
    }
.marriott {
    display: inline-block;
    padding: 4px;
    border: 2px solid #9f142a;
    line-height: 1.15
    }
p {
    margin: 0 0 20px 0
    }
ul, ol {
    margin: 0 0 20px 0
    }
.center {
    margin: auto;
    text-align: center;
    display: block
    }
.content a, .link {
    color: #2f2f2f;
    font-weight: bold;
    text-decoration: none
    }
.content a:hover, .link:hover {
    color: #eb1c2c;
    transition: all 0.5s ease;
    text-decoration: none
    }
.notes {
    font-size: 10px;
    color: #686868
    }
.btn {
    background: #9f142a;
    color: #fff !important;
    font: 700 15px/15px "Open Sans", sans-serif;
    font-weight: 700 !important;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.25);
    display: inline-block;
    margin: 0 20px 20px 0;
    padding: 5px 10px
    }
.btn:hover {
    background: #4d4d4f;
    text-decoration: none;
    color: #fff !important;
    transition: all 0.5s ease
    }
.width-frame {
    width: 960px;
    margin: 0 auto;
    position: relative
    }
.nav-bar-frame {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 145px;
    background: url(../img/ui/nav-bar-bg.png);
    z-index: 9;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4)
    }
.nav-bar-frame .width-frame {
    height: 145px
    }
.site-logo {
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    width: 191px;
    height: 105px;
    z-index: 0
    }
.site-logo:focus {
    outline: none
    }
.float-right {
    float: right;
    padding-left: 20px
    }
.float-left {
    float: left;
    padding-right: 20px
    }
.text-box {
    border: 1px solid #999;
    padding: 15px;
    margin: 20px 0
    }
.text-box h2, .text-box ul, .text-box p {
    margin: 0
    }
.sidebar-box {
    width: 240px;
    height: 125px;
    background: #9f142a;
    display: block;
    margin: 10px auto;
    text-decoration: none;
    position: relative;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5)
    }
.img-side {
    float: left;
    height: 125px;
    width: 90px
    }
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 20px 0
    }
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
    }
.text-side {
    padding: 5px;
    padding-left: 100px;
    font: 400 16px/20px "Oswald", sans-serif;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    bottom: 0;
    letter-spacing: 1px
    }
.text-side:hover {
    color: #ccc;
    transition: all 1s ease
    }
.side-color {
    height: 4px;
    width: 40px;
    background: #edd484;
    display: block;
    margin-bottom: 5px
    }
/*start*/
.no-bullets {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.group:before, .group:after {
    content: "";
    display: table
    }
.group:after {
    clear: both
    }
.group {
    zoom: 1
    }
.section {
    clear: both;
    padding: 0;
    margin: 20px 0 50px 0
    }
.section h2 {
    margin: 0
    }
.col {
    display: block;
    float: left;
    margin: 0
    }
.col:first-child {
    margin-left: 0
    }
.group:before, .group:after {
    content: "";
    display: table
    }
.group:after {
    clear: both
    }
.group {
    zoom: 1
    }
.span2 {
    width: 45%
    }
.span3 {
    width: 33%
    }
.span75 {
    width: 60%;
    display: block;
    float: left;
    margin-right: 5%
    }
.span25 {
    width: 35%;
    display: block;
    float: left
    }
.border {
    border-right: 1px #ccc solid
    }
@media only screen and (max-width: 1000px) {
    .span3 {
        width: 28%;
        padding: 2%
        }
    }
@media only screen and (max-width: 500px) {
    .span2, .span3, .span75, .span25 {
        width: auto;
        padding: 0 !important
        }
    .col {
        margin: 1% 0 1% 0%
        }
    .border {
        border-right: none
        }
    .span2, .span3, .span75, .span25 {
        width: 100%
        }
    .map {
        width: 100%;
        height: 250px
        }
    .small {
        padding: 10px
        }
    }
.galleria {
    height: 100%;
    width: 100%
    }
.galleria-bar {
    display: none !important
    }
.galleria-stage {
    bottom: 0 !important
    }
.hotel-room {
    border-bottom: 4px #000 solid;
    padding: 30px 0;
    overflow: hidden
    }
.suite {
    height: 620px !important
    }
.room-slider {
    width: 450px;
    height: 300px;
    float: left;
    margin-top: 40px;
    margin-bottom: 10px
    }
.room-info {
    width: 450px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px
    }
.room-info h3 {
    font-size: 24px;
    margin-bottom: 5px;
    color: #eb4b19
    }
.room-info h4 {
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase
    }
.room-popup .galleria-fullscreen {
    display: none
    }
.room-popup {
    width: 940px;
    height: 500px;
    margin: 10px 0 25px 0
    }
.room-content {
    position: absolute;
    padding: 20px 20px 0 20px;
    width: 850px;
    background: #fff;
    top: 480px;
    z-index: 9;
    margin: 0 25px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5)
    }
.room-content h1, h2 {
    margin: 0
    }
.left-content h2 {
    color: #333
    }
.left-content {
    float: left;
    width: 225px;
    height: 315px;
    margin-right: 30px;
    padding: 20px;
    background: #e1e1e1
    }
.right-content {
    float: right;
    width: 555px
    }
.room-info {
    width: 450px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px
    }
.room-info h3 {
    font-size: 24px;
    margin-bottom: 5px;
    color: #eb4b19
    }
.room-info h4 {
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase
    }
.icons {
    margin: auto;
    display: block;
    padding: 10px 0 10px 15px
    }
.icons img {
    height: 70px;
    width: 70px
    }
.room-type .icons {
    text-align: left
    }
.hotel-rooms {
    overflow: hidden;
    margin: 0 -10px 0;
    color: #33171a
    }
.hotel-rooms .room-type {
    float: left;
    width: 450px;
    height: 589px;
    margin: 10px 17px 50px 17px;
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden
    }
.room-type .title {
    background: #313131;
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px 0;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
    z-index: 9;
    text-transform: uppercase
    }
.room-type .image {
    display: block;
    width: 300px;
    height: auto
    }
.room-type .details {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    border-bottom: 2px solid #ccc;
    border-width: 2px 0;
    margin: 360px 15px 15px 15px;
    padding: 10px 0;
    position: relative
    }
.room-type .room-info {
    width: auto;
    padding: 15px 15px 0 15px;
    line-height: 22px;
    font-size: 14px
    }
.room-type .room-info p {
    margin: 0
    }
.room-type .btns {
    text-transform: uppercase
    }
.room-type .book-btn, .room-type .more-btn {
    font: 400 20px/20px "Oswald", arial, sans-serif;
    text-align: center;
    background: #e1e1e1;
    color: #666;
    padding: 10px 30px;
    margin: 10px;
    position: absolute;
    bottom: 0
    }
.room-type .book-btn {
    left: 0
    }
.room-type .more-btn {
    right: 0
    }
.room-type .more-btn:hover, .room-type .book-btn:hover {
    background: #666;
    color: #fff !important;
    text-decoration: none;
    transition: all 0.5s ease
    }
.room-type .btns a:hover {
    text-decoration: none;
    color: #fff !important
    }
.room-type .more-info-btnroom-type {
    background: #d84621;
    color: #fff;
    padding: 10px 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px
    }
.room-type .more-info-btnroom-type:hover {
    background: #989486
    }
.room-type ul {
    margin: 0;
    padding: 0
    }
.room-type .more-details li {
    padding-bottom: 5px;
    margin: 0 0 0 10px
    }
.room-type .details li {
    list-style-type: none;
    font-size: 20px;
    line-height: 20px;
    width: 200px
    }
.room-type .details li:nth-child(odd) {
    color: #edd484
    }
.room-type .details .price {
    position: absolute;
    top: 10px;
    right: 0;
    color: #565656;
    font-size: 24px;
    text-align: right
    }
.room-type .details .price span {
    font-size: 14px
    }
.room-popup .galleria-bar {
    display: none
    }
@media screen and (max-width: 1000px) {
    .room-type {
        margin: 0 10px 50px 0
        }
    .room-type .details {
        margin: 0 10px 5px 10px;
        padding: 5px 0
        }
    .center {
        text-align: left !important
        }
    .center h2 {
        font-size: 18px
        }
    .room-type .details .price {
        font-size: 14px;
        line-height: 12px
        }
    .room-type .details li {
        font-size: 14px
        }
    }
@media screen and (max-width: 786px) {
    .room-type {
        width: 100% !important;
        max-width: 365px;
        height: 500px !important;
        padding-bottom: 60px !important;
        margin: 10px 7px 25px 0 !important
        }
    .room-slider {
        width: 100%;
        max-width: 365px
        }
    .room-type .room-info {
        margin: 5px 5px 0;
        line-height: 18px;
        font-size: 12px
        }
    .room-info h4 {
        font-size: 15px
        }
    .suite {
        height: auto !important
        }
    .room-popup {
        width: auto;
        height: 275px;
        margin: 0 0 15px 0
        }
    .room-content {
        padding: 0;
        width: auto;
        position: inherit;
        top: inherit
        }
    .left-content {
        float: none;
        width: auto;
        margin: 0 0 10px 0;
        height: auto
        }
    .right-content {
        float: none;
        width: auto
        }
    .room-popup .galleria-stage {
        bottom: 0
        }
    .line {
        margin: 0 !important;
        border: 0;
        padding: 0 !important
        }
    }
@media screen and (max-width: 500px) {
    .room-slider {
        height: 225px;
        overflow: hidden
        }
    .room-type {
        float: none !important;
        margin: 0 auto 40px !important;
        width: 95% !important;
        height: auto !important
        }
    .room-type .book-btn {
        font-size: 14px;
        margin: 0;
        right: 50%;
        padding: 10px
        }
    .room-type .more-btn {
        font-size: 14px;
        margin: 0;
        left: 50%;
        padding: 10px
        }
    .no-bullets {
        list-style-type: circle;
        padding: 0 0 0 20px
        }
    }
/*end*/
.book-right-bar {
    background: url(../img/ui/book-right-bar-bg.jpg) repeat-x #EBEBEB;
    line-height: 20px;
    color: #86867c;
    text-align: center;
    max-width: 960px;
    margin: auto;
    width: 100%;
    margin-bottom: 10px;
    font-size: 11px
    }
.book-right-frame {
    padding: 7px
    }
.book-right-bar img {
    vertical-align: middle;
    padding-right: 5px
    }
.book-right-bar a {
    background: #86867c;
    padding: 2px 5px;
    color: #fff;
    text-decoration: none
    }
.book-right-bar a:hover {
    background: #5e5e59;
    text-decoration: none
    }
.top-nav {
    position: absolute;
    top: 46px;
    right: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 42px
    }
.top-nav li {
    float: left;
    font: 400 16px/42px "Oswald", sans-serif;
    color: #E82533;
    margin: 0 10px
    }
.top-nav a {
    display: block;
    color: #000;
    text-decoration: none
    }
.top-nav a:hover {
    color: #a0072b;
    transition: all 0.5s
    }
.nav-bar-frame .main-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 50px;
    padding-right: 0;
    font-family: "Oswald", sans-serif
    }
.nav-bar-frame .main-nav li {
    float: left;
    position: relative
    }
.nav-bar-frame .main-nav a {
    display: block;
    margin: 18px 10px 0 10px;
    font: 300 18px/18px "Oswald", sans-serif;
    color: #fff;
    text-decoration: none
    }
.nav-bar-frame .main-nav a:hover {
    color: #753f00;
    transition: all 0.5s
    }
.nav-bar-frame .main-nav li:hover > a {
    color: #fff;
    transition: all 0.5s
    }
.nav-bar-frame .main-nav .reservation {
    background: #9f142a;
    margin: 0 0 0 10px;
    width: 180px;
    height: 54px;
    top: -4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4)
    }
.nav-bar-frame .main-nav .reservation a {
    color: #fff;
    padding: 9px 0;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 38px;
    text-align: center;
    font-family: "Oswald", sans-serif
    }
.nav-bar-frame .main-nav .reservation a span {
    font-size: 12px;
    display: block;
    letter-spacing: 0;
    font-family: sans-serif
    }
.nav-bar-frame .main-nav .reservation a:hover {
    color: #fff;
    transition: all 0.5s;
    background: #4d4d4f;
    width: 180px;
    height: 36px
    }
.nav-bar-frame .mobile-dropdown-trigger {
    display: none
    }
.nav-bar-frame .main-nav li .dropdown {
    position: absolute;
    top: 50px;
    left: -180px;
    width: 600px;
    height: 230px;
    background: #4d4d4f;
    margin: 0;
    padding: 10px 0;
    list-style-type: none;
    display: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4)
    }
.nav-bar-frame .main-nav li .dropdown li {
    margin: 0;
    padding: 0 0 0 375px;
    float: none;
    position: static
    }
.nav-bar-frame .main-nav li .dropdown li a {
    display: block;
    margin: 0;
    padding: 2px 20px;
    font: 300 16px/20px "Oswald", sans-serif;
    letter-spacing: 0.5px
    }
.nav-bar-frame .main-nav li .dropdown li a:hover {
    background: #262324
    }
.nav-bar-frame .main-nav li .dropdown li a img {
    position: absolute;
    top: 0;
    left: 0
    }
.nav-bar-frame .main-nav li .dropdown li a:hover img {
    z-index: 11
    }
.dropdown-backdrop {
    position: fixed;
    top: 145px;
    left: 0;
    right: 0;
    height: 250px;
    background: url(../img/ui/nav-bg.png);
    z-index: 8;
    display: none
    }
.nav-bar-frame .main-nav li .dropdown .promo-frame {
    padding: 0;
    position: absolute;
    top: 0;
    left: 175px;
    height: 250px;
    width: 200px;
    background: #A2A2A2
    }
.promo-content {
    padding: 15px;
    color: #fff;
    font-weight: 300
    }
.promo-content h3 {
    font: 400 16px/18px "Oswald", sans-serif;
    color: #000;
    padding-bottom: 10px
    }
.promo-content p {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 18px
    }
.nav-bar-frame .main-nav li .dropdown .promo-frame .promo-content a {
    background: #a0072b;
    padding: 5px 10px;
    font: 400 14px/19px "Oswald", sans-serif;
    color: #fff;
    text-decoration: none;
    display: inline
    }
.nav-bar-frame .main-nav .dropdown2 {
    position: absolute;
    left: 600px;
    height: 230px;
    padding: 10px 0;
    top: 0;
    width: 0;
    overflow: hidden;
    background: #857B65;
    margin: 0;
    list-style: none;
    border-left: 1px solid #fff
    }
.nav-bar-frame .main-nav .dropdown2 li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 210px
    }
.nav-bar-frame .main-nav .dropdown2 img {
    display: none
    }
.breadcrumbs-nav {
    height: 10px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    text-align: center;
    font: 400 18px/44px "Oswald", sans-serif
    }
.breadcrumbs-nav li {
    display: inline-block;
    color: #9f142a;
    padding: 0 5px
    }
.breadcrumbs-nav a {
    color: #000;
    text-decoration: none
    }
.breadcrumbs-nav a:hover {
    color: #9f142a;
    transition: all 0.5s
    }
.breadcrumbs-nav .selected a {
    color: #9f142a
    }
.sidebar-nav {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    list-style-type: none;
    border: 1px solid #ccc
    }
.sidebar-nav li {
    padding: 3px 20px;
    margin: 0;
    font: 300 18px/18px "Oswald", sans-serif;
    text-transform: uppercase
    }
.sidebar-nav a {
    color: #000;
    text-decoration: none;
    display: block
    }
.sidebar-nav a:hover {
    color: #9f142a;
    transition: all 0.5s
    }
.sidebar-nav li.selected {
    background: #DADADA
    }
.sidebar-nav .parent {
    font: 400 16px/22px "Oswald", sans-serif;
    background: #A2A2A2;
    padding: 8px 20px;
    margin-bottom: 10px
    }
.sidebar-nav .parent a {
    color: #fff
    }
.mobile-nav-btn {
    display: none
    }
.mobile-nav-frame {
    display: none
    }
.mobile-nav-frame .main-nav {
    margin: 0;
    padding: 50px 0;
    list-style-type: none;
    font: 400 18px/25px "Oswald", sans-serif
    }
.mobile-nav-frame .main-nav li {
    padding: 0 0 5px 0;
    margin: 2px 0 0 0;
    border-bottom: 1px solid #444
    }
.mobile-nav-frame .main-nav a {
    color: #fff;
    text-decoration: none
    }
.mobile-nav-frame .main-nav li:last-child {
    border-bottom: none
    }
.mobile-nav-frame .main-nav img {
    display: none
    }
.mobile-nav-frame .main-nav a:hover {
    color: #E99618;
    transition: all 0.5s
    }
.mobile-nav-frame .main-nav .dropdown {
    margin: 0;
    padding: 5px 0 0 10px;
    list-style-type: none;
    display: none
    }
.mobile-nav-frame .main-nav .dropdown li:first-child {
    display: none
    }
.mobile-nav-frame .main-nav .dropdown li {
    border-bottom: none
    }
.mobile-nav-frame .main-nav .dropdown li a {
    color: #ddd
    }
.mobile-nav-frame .main-nav .dropdown li a:hover {
    color: #68b4ae;
    transition: all 0.5s
    }
.mobile-nav-frame .mobile-dropdown-trigger {
    display: block;
    float: right;
    width: 28px;
    height: 28px;
    background: url(../img/ui/mobile-nav-dropdown-trigger.png)
    }
.mobile-nav-frame .mobile-dropdown-trigger.open {
    background-position: 0 -28px
    }
.ta-certifications {
    overflow: hidden;
    clear: both
    }
.ta-certification {
    width: 220px;
    height: 45px;
    float: left;
    background: url(../img/ui/ta-certificate.jpg);
    text-align: center;
    color: #fff;
    padding-top: 135px;
    font-size: 14px
    }
.booking-widget-frame {
    position: fixed;
    top: 145px;
    left: 0;
    right: 0;
    height: 55px;
    background: #5F3000;
    display: none;
    z-index: 7
    }
.booking-widget-frame table {
    float: right;
    border: 0;
    padding: 0;
    margin: 0 -3px 0 0
    }
.booking-widget-frame td {
    text-align: center;
    color: #fff;
    line-height: 11px;
    font-size: 11px;
    padding: 2px 0 0 10px
    }
.booking-widget-frame td:last-child {
    padding: 0 0 0 15px
    }
.booking-widget-frame input {
    background: #fff;
    color: #000;
    height: 25px;
    width: 100px;
    line-height: 25px;
    padding: 0 3px;
    margin: 5px 0 0 0;
    border: 0 solid #282E38;
    text-align: center
    }
.booking-widget-frame input.date {
    background: url(../img/ui/calendar-icon.png) right center no-repeat #000;
    width: 120px;
    text-align: center
    }
.booking-widget-frame button {
    background: #4d4d4f;
    color: #fff;
    text-align: center;
    border: none;
    padding: 6px 0 4px;
    width: 180px;
    margin: 1px 1px 0 0;
    font-size: 16px;
    line-height: 16px;
    font-family: "Oswald", sans-serif;
    cursor: pointer
    }
.booking-widget-frame button span {
    font-size: 11px;
    display: block;
    letter-spacing: 0;
    color: #fff;
    font-family: sans-serif
    }
.booking-widget-frame button:hover {
    color: #fff;
    transition: all 0.5s;
    background: #4d4d4f
    }
img.ui-datepicker-trigger {
    position: relative;
    top: 8px;
    left: -7px
    }
.booking-widget-frame-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 58px;
    background: #161818;
    display: block;
    z-index: 90;
    text-align: center;
    overflow: hidden;
    border-top: 2px solid #9f142a
    }
.booking-widget-frame-footer table {
    border: 0;
    padding: 0;
    margin: 0 auto
    }
.booking-widget-frame-footer td {
    font-family: "Oswald", sans-serif;
    text-align: center;
    color: #fff;
    line-height: 12px;
    font-size: 14px;
    padding: 0 0 0 10px;
    letter-spacing: 1px
    }
.booking-widget-frame-footer input[type=text] {
    font-family: "Oswald", sans-serif;
    background: #fff;
    color: #000;
    height: 25px;
    width: 100px;
    line-height: 25px;
    padding: 0 3px;
    margin: 5px 0 0 0;
    border: 0 solid #282E38;
    text-align: center;
    text-transform: uppercase
    }
.booking-widget-frame-footer input.date {
    background: url(../img/ui/calendar-icon.png) right center no-repeat #000;
    width: 120px;
    text-align: center
    }
.booking-widget-frame-footer td.number {
    font-size: 16px;
    color: #fff
    }
.booking-widget-frame-footer button {
    background: #9f142a;
    text-align: center;
    border: none;
    padding: 14px 0 0;
    width: 210px;
    margin: -2px 1px 0 0;
    font-size: 18px;
    line-height: 20px;
    font-family: "Oswald", sans-serif;
    cursor: pointer;
    color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4)
    }
.booking-widget-frame-footer button span {
    font-size: 12px;
    color: #fff !important;
    line-height: 25px
    }
.booking-widget-frame-footer .adv {
    text-align: left;
    line-height: 20px;
    padding-right: 10px
    }
.booking-widget-frame-footer .adv a {
    color: #fff;
    text-decoration: none;
    padding-top: 3px
    }
.booking-widget-frame-footer button:hover {
    color: #fff;
    transition: all 0.5s;
    background: #4d4d4f
    }
.booking-widget-frame-footer button:hover span {
    color: #fff;
    transition: all 0.5s
    }
.booking-widget-frame-footer button span {
    font-size: 12px;
    color: #fff;
    letter-spacing: 1px
    }
.booking-widget-frame-footer button:hover {
    color: #fff;
    transition: all 0.5s
    }
img.ui-datepicker-trigger {
    position: relative;
    top: 3px;
    left: -7px
    }
.booking-widget-footer-slideup {
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
    background: #262324;
    height: 40px;
    display: block
    }
.booking-widget-more-btn {
    cursor: pointer
    }
.booking-widget-more-btn .minus {
    display: none
    }
.slideshow-frame {
    position: fixed;
    top: 145px;
    left: 0;
    right: 0;
    height: 600px;
    background: #fff;
    z-index: 1
    }
.slideshow-frame .galleria {
    width: 100%;
    height: 100%
    }
.slideshow-frame .galleria .galleria-bar {
    display: none
    }
.slideshow-frame .galleria .galleria-image-nav-left {
    height: 105px;
    width: 52px;
    left: 0;
    background: url(../img/ui/slideshow-arrow-left.png)
    }
.slideshow-frame .galleria .galleria-image-nav-right {
    height: 105px;
    width: 52px;
    right: 0;
    background: url(../img/ui/slideshow-arrow-right.png)
    }
.slideshow-frame .galleria .galleria-image-nav-left:hover {
    background-position: 0 0
    }
.slideshow-frame .galleria .galleria-image-nav-right:hover {
    background-position: 0 0
    }
.slideshow-frame .galleria.single .galleria-image-nav-left {
    display: none
    }
.slideshow-frame .galleria.single .galleria-image-nav-right {
    display: none
    }
.slideshow-tabs-frame {
    position: absolute;
    bottom: 110px;
    left: 50%;
    width: 960px;
    margin-left: -480px;
    height: 200px;
    z-index: 2
    }
.slideshow-tabs ul.tabs-nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 48px
    }
.slideshow-tabs ul.tabs-nav li {
    margin: 13px 0 0 0;
    padding: 0;
    float: left;
    width: 20%;
    height: 35px;
    background: rgba(40, 46, 56, 0.5);
    text-align: center;
    line-height: 35px
    }
.slideshow-tabs ul.tabs-nav a {
    font: 400 14px/35px "Oswald", sans-serif;
    color: #fff;
    text-decoration: none
    }
.slideshow-tabs ul.tabs-nav a:hover {
    color: #92f8e5
    }
.slideshow-tabs ul.tabs-nav li.ui-tabs-active {
    background: #282e38;
    margin: 0;
    height: 45px;
    border-top: 3px solid #92f8e5
    }
.slideshow-tabs ul.tabs-nav li.ui-tabs-active a {
    color: #92f8e5;
    font-size: 18px;
    line-height: 45px
    }
.slideshow-tabs ul.tabs-nav li a {
    display: block;
    width: 100%;
    height: 100%
    }
.slideshow-tabs ul.tabs-nav li a:focus {
    outline: none
    }
.slideshow-tabs .tab {
    background: #282e38
    }
.packages-tab {
    overflow: hidden;
    padding: 5px 0 5px 20px
    }
.packages-tab a {
    display: block;
    float: left;
    width: 293px;
    margin-right: 20px;
    position: relative;
    color: #9ab7fa;
    font: 400 13px/15px "Oswald", sans-serif
    }
.packages-tab img {
    width: 293px;
    height: 160px;
    display: block
    }
.packages-tab .caption {
    position: absolute;
    right: 10px;
    left: 10px;
    bottom: 10px;
    height: 30px;
    padding: 2px 10px 8px;
    background: rgba(0, 0, 0, 0.75)
    }
.packages-tab .caption table {
    text-align: center;
    vertical-align: middle;
    line-height: 15px;
    height: 100%;
    width: 100%
    }
.packages-tab a:hover {
    color: #fff;
    transition: all 0.5s
    }
.packages-tab a:hover .caption {
    background: rgba(0, 0, 0, 1);
    transition: all 0.5s
    }
.hhonors-tab {
    padding: 40px 40px 40px 40px;
    position: relative
    }
.hhonors-tab p {
    margin: 0;
    font-family: sans-serif;
    color: #fff;
    font-size: 13px;
    line-height: 20px
    }
.hhonors-tab a {
    color: #9ab7fa;
    font: 400 13px/15px "Oswald", sans-serif
    }
.booking-tab {
    padding: 40px 40px 40px 300px;
    position: relative
    }
.booking-tab table {
    border: 0;
    padding: 0;
    margin: 0
    }
.booking-tab td {
    text-align: center;
    color: #84fae2;
    line-height: 11px;
    font-size: 11px;
    padding: 2px 0 0 10px
    }
.booking-tab td:last-child {
    padding: 0 0 0 20px
    }
.booking-tab input {
    border: none;
    background: #000;
    color: #fff;
    height: 25px;
    width: 100px;
    line-height: 25px;
    padding: 0 3px;
    margin: 5px 0 0 0;
    text-align: center
    }
.booking-tab input.date {
    background: url(../img/ui/calendar-icon.png) right center no-repeat #000;
    width: 120px
    }
.booking-tab button {
    color: #000;
    text-align: center;
    border: none;
    background: #84fae2;
    width: 125px;
    height: 25px;
    margin: 5px 0 0 0;
    font: 17px/20px "Oswald", sans-serif;
    cursor: pointer
    }
.booking-tab button:hover {
    background: #fff;
    transition: all 0.5s
    }
.booking-tab .options-txt {
    position: absolute;
    top: 35px;
    left: 40px;
    color: #ddd;
    text-decoration: none
    }
.booking-tab .options-txt span {
    color: #92f8e5
    }
.booking-tab .options-txt:hover {
    color: #92f8e5;
    transition: all 0.5s
    }
.small-slideshow-frame {
    position: fixed;
    top: 145px;
    left: 0;
    right: 0;
    height: 350px;
    background: #fff;
    z-index: 1
    }
.small-slideshow-frame .bxslider {
    margin: 0;
    padding: 0;
    list-style-type: none
    }
.small-slideshow-frame .bx-prev {
    display: block;
    position: absolute;
    top: 120px;
    left: 0;
    height: 104px;
    width: 50px;
    background: url(../img/ui/slideshow-arrow-left.png);
    text-indent: -9999px
    }
.small-slideshow-frame .bx-next {
    display: block;
    position: absolute;
    top: 120px;
    right: 0;
    height: 104px;
    width: 50px;
    background: url(../img/ui/slideshow-arrow-right.png);
    text-indent: -9999px
    }
.small-slideshow-frame a:focus {
    outline: none
    }
.canvas-scroll-btn {
    display: block;
    position: absolute;
    bottom: 125px;
    left: 50%;
    width: 220px;
    height: 90px;
    margin-left: -100px;
    z-index: 5;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 21px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.95)
    }
.canvas-scroll-btn {
    display: block;
    position: absolute;
    bottom: 125px;
    left: 50%;
    width: 220px;
    height: 90px;
    margin-left: -100px;
    z-index: 5;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 21px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.95)
    }
.canvas-scroll-btn:focus {
    outline: none
    }
.canvas {
    position: relative;
    margin-top: 700px;
    background: #fff;
    z-index: 5
    }
.body-frame {
    padding: 20px 0 40px 0
    }
.content {
    float: left;
    width: 660px
    }
.sidebar {
    float: right;
    width: 240px
    }
.sidebar-slider-frame {
    background: #4d4d4f;
    padding-bottom: 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5)
    }
.sidebar-slider-frame ul {
    margin: 0;
    padding: 0;
    list-style-type: none
    }
.sidebar-slider-frame li {
    margin: 0;
    padding: 0
    }
.sidebar-slider-frame img {
    display: block
    }
.sidebar-slider-frame .details {
    color: #fff;
    padding: 20px 20px 10px 20px
    }
.sidebar-slider-frame .details h3 {
    color: #fff
    }
.sidebar-slider-frame .details a {
    color: #fff;
    text-decoration: none
    }
.sidebar-slider-frame .details a:hover {
    color: #9f142a;
    transition: all 0.5s
    }
.sidebar-slider-frame .details img {
    display: inline
    }
.sidebar-slider-frame .bx-default-pager {
    text-align: center
    }
.sidebar-slider-frame .bx-default-pager .bx-pager-item {
    display: inline-block
    }
.sidebar-slider-frame .bx-default-pager .bx-pager-item a {
    display: block;
    width: 24px;
    height: 13px;
    background: url(../img/ui/sidebar-dot.jpg);
    text-indent: -9999px
    }
.sidebar-slider-frame .bx-default-pager .bx-pager-item a.active {
    background-position: 0 -13px
    }
.sidebar-slider-frame .bx-default-pager .bx-pager-item a:focus {
    outline: none
    }
.sidebar-email-frame {
    margin: 20px 0;
    padding: 20px;
    background: #fff;
    color: #000;
    border: 1px solid #ccc
    }
.sidebar-email-frame h3 {
    color: #000;
    margin-bottom: 20px
    }
.sidebar-email-frame input {
    display: block;
    background: fff;
    border: none;
    width: 100%;
    height: 30px;
    text-align: center;
    color: black
    }
.sidebar-email-frame submit {
    font: 400 20px/24px "Oswald", sans-serif;
    border: none;
    background-color: #282e38;
    color: white
    }
.sitemap-frame {
    background: #D5D5D5;
    padding-top: 5px
    }
.sitemap-expand-btn {
    font-family: "Oswald", sans-serif;
    position: absolute;
    top: 0;
    right: 0;
    background: no-repeat center right #A2A2A2;
    z-index: 6;
    padding: 5px 12px 5px 10px;
    color: #fff;
    text-decoration: none;
    font-size: 14px
    }
.sitemap-expand-btn:focus {
    outline: none
    }
.sitemap {
    display: none;
    overflow: hidden
    }
.sitemap .parent {
    font-size: 16px;
    padding: 20px 0 5px 0
    }
.sitemap .parent a {
    color: #000
    }
.sitemap ul {
    margin: 0;
    padding: 0 30px 20px 0;
    list-style-type: none;
    float: left
    }
.sitemap li {
    padding: 0;
    margin: 0;
    font: 400 11px/20px "Oswald", sans-serif
    }
.sitemap a {
    color: #4d4d4f;
    text-decoration: none
    }
.sitemap a:hover {
    color: #a0072b;
    transition: all 0.5s
    }
.footer-frame {
    background: #313131;
    line-height: 20px;
    color: #fff;
    text-align: center;
    padding: 20px 0 40px 0
    }
.footer-frame a {
    color: #282e38
    }
.footer-frame span.blue {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    letter-spacing: 1px
    }
.social-icons {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center
    }
.social-icons li {
    display: inline-block
    }
.social-icons a {
    display: inline-block;
    width: 28px;
    height: 25px;
    background: url(../img/ui/social_icons_sprite.png)
    }
.social-icons .facebook a {
    background-position: -28px 0
    }
.social-icons .twitter a {
    background-position: 0 0
    }
.social-icons .google a {
    background-position: -505px 0
    }
.social-icons .instagram a {
    background-position: -477px 0
    }
.social-icons .pinterest a {
    background-position: -56px 0
    }
.social-icons .facebook a:hover {
    background-position: -28px -28px;
    transition: all 0.25s
    }
.social-icons .twitter a:hover {
    background-position: 0 -28px;
    transition: all 0.25s
    }
.social-icons .google a:hover {
    background-position: -505px -28px;
    transition: all 0.25s
    }
.social-icons .instagram a:hover {
    background-position: -477px -28px;
    transition: all 0.25s
    }
.social-icons .pinterest a:hover {
    background-position: -56px -28px;
    transition: all 0.25s
    }
.canvas.no-sidebar .content {
    float: none;
    width: auto
    }
.canvas.no-sidebar .sidebar {
    display: none
    }
.canvas.small-slideshow {
    margin-top: 495px !important
    }
.canvas.no-slideshow {
    margin-top: 145px !important
    }
.canvas.packages .body-frame .width-frame {
    width: auto
    }
.canvas.packages .content {
    float: none;
    width: auto
    }
.packages-frame {
    margin: 0 20px;
    overflow: hidden
    }
.package {
    width: 22%;
    float: left;
    background: #ddd;
    margin: 0 1.5% 40px;
    position: relative
    }
.package a {
    display: block;
    text-decoration: none
    }
.package img {
    width: 100%;
    height: auto
    }
.package .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    text-align: center;
    font: 400 18px/20px "Oswald", sans-serif;
    padding: 5px 0 0
    }
.package .caption span {
    display: block;
    color: #fff;
    background: #9f142a;
    padding: 5px 0;
    margin-top: 5px
    }
.package:hover .caption {
    background: rgba(0, 0, 0, 1);
    transition: all 0.5s
    }
.package:hover .caption span {
    background: #4d4d4f;
    transition: all 0.5s
    }
.mobile-cta-btns {
    display: none;
    text-align: center;
    margin-bottom: 15px;
    height: 50px
    }
.mobile-cta-btns a {
    color: #fff;
    text-decoration: none;
    padding: 14px 30px;
    font-weight: bold;
    display: block
    }
.mobile-cta-btns a img {
    vertical-align: middle;
    margin: -3px 5px 0 0
    }
.mobile-cta-btns a:hover {
    background: #4d4d4f
    }
@media screen and (max-width: 1200px) {
    .package {
        width: 30.3%
        }
    }
.package-template .nav-bar-frame {
    display: none
    }
.package-template .footer-frame {
    display: none
    }
.package-template .booking-widget-frame {
    display: none !important
    }
.package-template .sitemap-frame {
    display: none !important
    }
.package-template .canvas {
    margin: 0 !important
    }
.package-template .body-frame {
    padding: 30px 10px 10px 10px
    }
.package-template .width-frame {
    width: auto
    }
.package-template .package-title {
    text-align: center;
    margin-bottom: 20px
    }
.package-template .package-image {
    width: 100%;
    height: auto;
    margin-bottom: 40px
    }
.package-template .package-details {
    padding: 0 80px
    }
.mobile-only {
    display: none
    }
#tabs .tabs-nav {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    margin-bottom: -1px
    }
#tabs .tabs-nav li {
    float: left
    }
#tabs .tabs-nav li a {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    display: block;
    padding: 5px 20px;
    border: 1px solid #ccc;
    border-width: 1px 1px 0 1px;
    background: #eee;
    text-decoration: none;
    margin-right: 15px
    }
#tabs .tabs-nav li:first-child a {
    border-width: 1px
    }
#tabs .tabs-nav li.ui-tabs-active a {
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #9f142a
    }
#tabs .tab {
    padding: 20px 20px 0 20px;
    border: 1px solid #ccc
    }
.specials {
    overflow: hidden;
    margin: 0 -10px 60px;
    color: #33171a
    }
.specials .special {
    float: left;
    width: 304px;
    height: 475px;
    margin: 0 10px 80px 0;
    position: relative;
    border: 1px solid #ccc
    }
.special .title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to right, #333 0%, #555 100%);
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 18px;
    font-size: 16px;
    padding: 5px 0
    }
.special .image {
    display: block;
    width: 304px;
    height: auto
    }
.special .details {
    border: 2px solid #9f142a;
    border-width: 2px 0;
    margin: 20px 15px;
    padding: 10px 0;
    position: relative
    }
.special .more-details {
    margin: 0 15px 20px;
    line-height: 16px;
    font-size: 12px
    }
.special .btns {
    text-align: center;
    font-size: 16px
    }
.special .buy-now-btn {
    background: #9f142a;
    color: #fff;
    padding: 10px 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
    }
.special .buy-now-btn:hover {
    background: #999;
    color: #fff;
    text-decoration: none
    }
.special .more-info-btn {
    background: #777;
    color: #fff;
    padding: 10px 25px;
    position: absolute;
    bottom: 0;
    right: 0
    }
.special .more-info-btn:hover {
    background: #999;
    text-decoration: none
    }
.special .more-info-btnspecial {
    background: #d84621;
    color: #fff;
    padding: 20px 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
    }
.special ul {
    margin: 0;
    padding: 0
    }
.special .more-details li {
    padding-bottom: 5px;
    margin: 0 0 0 10px
    }
.special .details li {
    list-style-type: none;
    font-weight: bold;
    line-height: 19px;
    font-size: 16px;
    width: 275px;
    text-transform: uppercase
    }
.special .details li:nth-child(odd) {
    color: #4d4d4f
    }
.special .details .price {
    position: absolute;
    top: 10px;
    right: 0;
    color: #f38e2e;
    font-size: 28px;
    text-align: right
    }
.special .details .price span {
    font-size: 12px;
    display: block
    }
.special .btns1 {
    text-align: center;
    top: 420px;
    left: 110px;
    position: absolute
    }
input[type=submit] {
    background: url(../img/ui/pixel.png) !important;
    color: #fff !important;
    padding: 10px 20px;
    font-family: "Oswald", sans-serif
    }
.form table {
    border-collapse: collapse
    }
.form td {
    vertical-align: top;
    text-align: left;
    padding: 8px;
    border-top: 1px solid #eee
    }
.form td span {
    display: block;
    font-size: 9px
    }
.form td b {
    color: #ddd
    }
.form td:first-child {
    width: 200px
    }
.form td.heading {
    background: #eee;
    font-weight: bold;
    border-top: 0 solid #fff;
    font-size: 16px
    }
.form td.submit {
    text-align: center;
    border-bottom: 5px solid #eee;
    border-top: 20px solid #fff;
    padding-bottom: 30px
    }
.form input[type=text] {
    width: 300px;
    padding: 5px
    }
.form textarea {
    width: 300px;
    height: 150px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif
    }
.form button {
    border: none;
    background-color: #9f142a;
    color: #fff;
    padding: 10px 20px;
    box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.25)
    }
.form select {
    font-family: Arial, Helvetica, sans-serif
    }
.form button:hover {
    color: #fff;
    transition: all 0.5s;
    background: #4d4d4f;
    text-decoration: none
    }
.form .other {
    display: block;
    position: absolute;
    top: -9999px;
    left: -9999px
    }
.group-sales-frame {
    background: url(../img/ui/group-sales-bg.jpg) top center no-repeat #00aac3;
    color: #fff;
    padding: 60px 20px 5px;
    text-align: center;
    margin-bottom: 20px
    }
.group-sales-frame .btn {
    display: block;
    width: auto;
    text-align: center;
    margin: 5px 0
    }
.group-sales-frame h3 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left
    }
.group-sales-frame a {
    color: #fff
    }
.iframe-frame {
    display: none
    }
.show-calendar-btn {
    background: none;
    border: 1px solid #ccc;
    color: #282E38 !important;
    padding: 9px 19px;
    cursor: pointer
    }
.slide-in-frame-outer {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 89
    }
.slide-in-frame-inner {
    position: relative;
    width: 1000px;
    margin: 0 auto
    }
.slide-in-frame {
    position: absolute;
    display: none;
    bottom: -200px;
    opacity: 0;
    right: -100px;
    width: 54px;
    height: 369px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.75)
    }
.slide-in-frame .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: block
    }
.back-to-top {
    position: fixed;
    z-index: 9999;
    bottom: -15px;
    right: -10px;
    width: 129px;
    height: 90px;
    background: url(../img/topbutton2b.png);
    cursor: pointer;
    display: none
    }
@media screen and (max-width: 780px) {
    .mobile-cta-btns {
        display: block
        }
    .specials .special {
        float: left;
        width: 304px;
        margin: 0 10px 80px 0;
        position: relative;
        border: 1px solid #ccc
        }
    .special .btns {
        text-align: center
        }
    .mobile-hide {
        display: none
        }
    .box-wrapper {
        width: 520px;
        margin: 20px auto
        }
    .sidebar-box {
        float: left;
        margin: 10px
        }
    }
@media screen and (max-width: 960px) {
    .back-to-top {
        display: none !important
        }
    .mobile-hide {
        display: none
        }
    .mobile-nav-frame .main-nav {
        font-size: 14px
        }
    .book {
        background: #9f142a;
        right: 50%;
        left: 0;
        position: absolute
        }
    .call {
        background: #777;
        right: 0;
        left: 50%;
        position: absolute
        }
    #tabs .tabs-nav {
        margin-bottom: 0
        }
    #tabs .tabs-nav li {
        float: none
        }
    #tabs .tabs-nav li a {
        border-width: 1px 1px 0 1px
        }
    #tabs .tabs-nav li.ui-tabs-active a {
        border-bottom: 1px solid #ccc;
        background: #ddd
        }
    .book-right-bar a.iframe-book-right-mobile {
        display: block !important;
        background: #86867c;
        padding: 2px 5px;
        color: #fff;
        text-decoration: none
        }
    .mobile-only {
        display: block
        }
    body {
        padding-bottom: 0
        }
    .width-frame {
        width: auto;
        margin: 0 20px
        }
    .site-logo {
        left: 50%;
        margin-left: -125px
        }
    .top-nav {
        display: none
        }
    .nav-bar-frame .main-nav {
        display: none
        }
    .slideshow-tabs-frame {
        display: none
        }
    .breadcrumbs-nav {
        display: none
        }
    .booking-widget-frame {
        display: none !important
        }
    .booking-widget-frame-footer {
        display: none !important
        }
    .sitemap-frame {
        display: none
        }
    .mobile-nav-btn {
        display: block;
        position: absolute;
        top: 96px;
        right: 0;
        width: 100%;
        height: 50px
        }
    .mobile-nav-btn h2 {
        color: #fff
        }
    .mobile-nav-btn.open {
        background-position: 0 -48px
        }
    .mobile-nav-frame {
        position: fixed;
        bottom: 0;
        top: 100px;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.85);
        display: none;
        z-index: 8;
        overflow: auto
        }
    .body-frame {
        padding: 0 0 20px 0
        }
    .content {
        float: none;
        width: auto;
        padding-bottom: 20px;
        border-bottom: 5px solid #68b4ae;
        margin-bottom: 40px
        }
    .sidebar {
        float: none;
        width: auto
        }
    .sidebar-slider-frame img {
        display: block;
        padding: 20px 20px 0 20px
        }
    .no-sidebar .content {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0
        }
    .footer-frame {
        line-height: 20px;
        padding: 20px 0;
        border-top: 5px solid #000;
        height: auto;
        font-family: "Oswald", sans-serif
        }
    .packages-frame {
        margin: 0
        }
    .package {
        width: 47%
        }
    .package-template .nav-bar-frame {
        display: block
        }
    .package-template .footer-frame {
        display: block
        }
    .package-template .canvas {
        margin: 100px 0 0 0 !important
        }
    .package-template .body-frame {
        padding: 20px 0
        }
    .package-template .package-details {
        padding: 0
        }
    .content a.btn-mobile {
        color: #fff;
        display: block;
        text-align: center
        }
    .content a.btn-mobile:hover {
        text-decoration: none
        }
    .slide-in-frame-outer {
        display: none
        }
    }
@media screen and (max-width: 500px) {
    h1 {
        font-size: 20px;
        line-height: 24px
        }
    h2 {
        font-size: 18px;
        line-height: 22px
        }
    h3 {
        font-size: 16px;
        line-height: 20px
        }
    .btn, .btn2 {
        display: block;
        left: 0;
        right: 0;
        padding: 20px 10px;
        text-align: center;
        margin: 20px 0
        }
    .btns {
        display: block
        }
    .package {
        width: auto;
        float: none;
        margin: 0 0 20px
        }
    .content a.btn-mobile {
        color: #fff
        }
    .content a.btn-mobile:hover {
        text-decoration: none;
        color: #fff;
        transition: all 0.5s;
        background: #4d4d4f
        }
    .specials .special {
        float: none;
        margin: 0 auto 80px
        }
    .topspace {
        width: 500px
        }
    .topspace table td {
        padding: 5px;
        font-size: 14px;
        border-bottom: 1px solid #eee;
        white-space: normal !important
        }
    .topspace table tr td:first-child {
        width: 175px !important
        }
    .topspace table td input {
        padding: 5px !important;
        border: 1px solid #ccc !important;
        background: #fff !important;
        border-radius: 3px
        }
    .topspace hr {
        border: none;
        border-top: 5px solid #ccc;
        margin: 10px 0
        }
    .topspace {
        width: auto
        }
    .topspace table td {
        display: block;
        border: none;
        padding: 0
        }
    .topspace table tr td:first-child {
        width: auto !important
        }
    .topspace table td input[type=text] {
        margin-bottom: 20px !important;
        width: 100% !important
        }
    .topspace table td input {
        margin-bottom: 20px
        }
    .form table {
        width: 100%
        }
    .form table td {
        display: block;
        border: none;
        padding: 0
        }
    .form td.heading {
        padding: 5px !important;
        border-bottom: 10px solid #fff
        }
    .form input[type=text] {
        width: 95%
        }
    .form textarea {
        width: 95%
        }
    .form td:first-child {
        width: 100%
        }
    .form td:last-child {
        padding-bottom: 15px
        }
    .show-calendar-btn {
        display: none
        }
    .book-right-bar {
        display: none
        }
    .bxslider img {
        width: 100%;
        overflow: hidden;
        height: auto
        }
    .canvas.small-slideshow {
        margin-top: 145px !important
        }
    .small-slideshow-frame .bx-next, .small-slideshow-frame .bx-prev {
        top: 85px
        }
    .box-wrapper {
        width: auto;
        margin: 20px auto
        }
    .sidebar-box {
        float: none;
        margin: 10px auto
        }
    .room-content {
        box-shadow: none;
        margin: 0
        }
    }