/*-------------------------------*\
              RESET
\*-------------------------------*/

*,
:before,
:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

/* Input Reset */

input,
select,
textarea,
button {
    font-family: inherit;
    transition: all 0.2s;
    border: 0;
    border-radius: 0;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
select {
    width: 100%;
}
input[type='checkbox'] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
input[type='submit'],
input[type='button'],
button {
    cursor: pointer;
}

/* Remove input[type="number"] arrows

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
input[type='number'] {
    -moz-appearance: textfield;
}

*/

/* Hack to show Placeholder on input[type="date"] for Mobile */

input[type='date']:before {
    position: absolute;
    left: 10px;
    content: attr(placeholder) !important;
    color: #888;
    white-space: nowrap;
}
input[type='date'] {
    position: relative;
    padding: 15px 10px 15px 90px !important;
}
input[type='date']:focus:before,
input[type='date']:valid:before {
    content: '';
}

/* IE Border Reset */

a img {
    border: 0;
}

/* Old IE Thinks <main> is inline?! */

main {
    display: block;
}

/* Generic Elements */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    line-height: 1;
}
b,
strong {
    font-weight: 700;
}
a {
    transition: all 0.2s;
    text-decoration: none;
}

/*-------------------------------*\
             FONTS
\*-------------------------------*/

/* Source Sans (Body Text) */

@font-face {
    font-family: Source;
    src: url(../fonts/source-light.woff2) format('woff2'),
    url(../fonts/source-light.woff) format('woff');
    font-weight: 300;
}
@font-face {
    font-family: Source;
    src: url(../fonts/source.woff2) format('woff2'),
    url(../fonts/source.woff) format('woff');
    font-weight: 400;
}
@font-face {
    font-family: Source;
    src: url(../fonts/source-bold.woff2) format('woff2'),
    url(../fonts/source-bold.woff) format('woff');
    font-weight: 700;
}

/* Novecento Wide (Headings) */

@font-face {
    font-family: Novecento;
    src: url(../fonts/novecento-book.woff2) format('woff2'),
    url(../fonts/novecento-book.woff) format('woff');
    font-weight: 300;
}
@font-face {
    font-family: Novecento;
    src: url(../fonts/novecento.woff2) format('woff2'),
    url(../fonts/novecento.woff) format('woff');
    font-weight: 400;
}
@font-face {
    font-family: Novecento;
    src: url(../fonts/novecento-medium.woff2) format('woff2'),
    url(../fonts/novecento-medium.woff) format('woff');
    font-weight: 700;
}

/*
Icon Font
http://fontello.com/
*/

@font-face {
    font-family: Icons;
    src: url(../fonts/icons/icons.woff2) format('woff2'),
    url(../fonts/icons/icons.woff) format('woff');
}

/* Body */

body {
    font-family: Source, sans-serif;
}

/*-------------------------------*\
               HEADER
\*-------------------------------*/

.header {
    position: relative;
}

/*-------------------------------*\
              MENU
\*-------------------------------*/

.menu {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 9999;
    width: 100%;
    font-size: 0;
}
.menu > ul {
    height: 90px;
}

/* Logo */

.menu .logo {
    width: 250px;
    height: 90px;
    margin: 0 40px;
    transition: none;
    transition: transform 0.2s;
    background: url(../img/logo.svg) no-repeat center;
}
.menu .logo:hover {
    transform: scale(1.025);
}

/* Sticky */

.stickyNav {
    position: fixed;
}

/* Level 1 */

.menu > ul > li {
    display: inline-block;
    position: relative;
    height: 100%;
    vertical-align: top;
}
.menu > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.menu > ul > li > a > span {
    display: inline-block;
}

/*  Level 2 */

.menu .sub-menu {
    position: absolute;
    z-index: 9999;
    top: 90px;
    visibility: hidden;
    min-width: 100%;
    list-style: none;
    opacity: 0;
    transition: all 0.25s;
    text-align: left;
}
.menu .sub-menu a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Show Level 2 */

.menu > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
}

/*-------------------------------*\
   NAVIGATION TRIGGER (COLLAPSED)
\*-------------------------------*/

.navTrigger {
    display: none;
    position: relative;
    z-index: 2;
    width: 60px;
    margin-right: 40px;
    line-height: 0;
    cursor: pointer;
    border: none;
    background: none;
}
.navTrigger:focus {
    outline: none;
}
.navTrigger span {
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    transition: background 0s 0.15s;
}
.navTrigger span,
.navTrigger span:before,
.navTrigger span:after {
    background: #fff;;
}
.navTrigger span:before,
.navTrigger span:after {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    content: '';
    transition-delay: 0.15s, 0s;
    transition-duration: 0.15s, 0.15s;
}
.navTrigger span:before {
    top: -16px;
}
.navTrigger span:after {
    bottom: -16px;
}
.navTrigger span:before {
    transition-property: top, transform;
}
.navTrigger span:after {
    transition-property: bottom, transform;
}

/* Active State - Open Menu */

.navTrigger.isActive span {
    background: none;
}
.navTrigger.isActive span:before {
    top: 0;
    transform: rotate(45deg);
}
.navTrigger.isActive span:after {
    bottom: 0;
    transform: rotate(-45deg);
}
.navTrigger.isActive span:before,
.navTrigger.isActive span:after {
    transition-delay: 0s, 0.15s;
}

/* Show navTrigger */

.collapsed .navTrigger {
    display: block;
}

/*-------------------------------*\
        COLLAPSED NAVIGATION
\*-------------------------------*/

.collapsed .menu > ul {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 90px;
    left: 0;
    overflow-y: scroll;
    width: 100%;
    height: calc(100vh - 90px);
    padding: 30px 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);

    -webkit-overflow-scrolling: touch;
}

.collapsed .menu > ul > li {
    display: inline-block;
    height: auto;
    padding: 10px 45px;
}
.collapsed .menu > ul > li:last-child {
    padding-bottom: 0;
}
.collapsed .menu > ul > li > a {
    padding: 0;
    font-weight: 700;
}

.collapsed.header ul a {
    color: #fff !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}
.collapsed.header ul .current > a,
.collapsed.header ul .current > a:before,
.collapsed.header ul a:hover {
    color: #2dd0ff !important;
}

/* Collapsed Level 2 */

.collapsed .menu .sub-menu {
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
    margin-top: 15px;
    opacity: 1;
    text-align: center;
    background: none;
}
.collapsed .menu .sub-menu li {
    margin-bottom: 15px;
}
.collapsed .menu .sub-menu a {
    padding: 0;
}
.collapsed .menu .sub-menu a:before {
    content: '- ';
}
.collapsed .menu .sub-menu .current > a {
    color: #fff;
    background: transparent;
}

/* Show Navigation */

.showNav .collapsed .menu > ul {
    display: flex;
    position: fixed;
    z-index: 100;
    padding-bottom: 100px;
    background: rgba(0, 102, 132, 0.92);
}

/* Stop the body from scrolling */

.showNav {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

/*-------------------------------*\
           VERTICAL MENU
\*-------------------------------*/

.menu.vertical {
    flex-wrap: wrap;
    position: absolute;
    top: 50%;
    width: 320px;
    margin-left: 80px;
    padding: 30px 0;
    transform: translateY(-50%);
}
.menu.vertical > ul {
    height: auto;
}
.menu.vertical .logo {
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
    background: url(../img/logo-vertical.svg) no-repeat center;
}

/* Level 1 */

.menu.vertical > ul {
    width: 100%;
}
.menu.vertical > ul > li {
    display: block;
    height: auto;
}
.menu.vertical > ul > li > a {
    height: auto;
    padding: 13px 0;
    font-size: 20px;
}

/* Level 2 */

.menu.vertical .sub-menu {
    top: 0;
    left: 320px;
    min-width: 0;
}
.menu.vertical .sub-menu a {
    padding: 13px 32px;
    font-size: 16px;
}

/*-------------------------------*\
            MENU ICONS
\*-------------------------------*/

.menu > ul > li:nth-last-child(1),
.menu > ul > li:nth-last-child(2) {
    text-align: center;
}

.menu > ul > li:nth-last-child(1) a,
.menu > ul > li:nth-last-child(2) a {
    padding: 10px 15px !important;
    font-size: 18px;
}
.menu.vertical > ul > li:nth-last-child(1) a,
.menu.vertical > ul > li:nth-last-child(2) a {
    display: inline-block;
}

.menu > ul > li:nth-last-child(1) a {
    font-size: 19px;
    color: #ebcc9a;
}
.menu > ul > li:nth-last-child(2) a {
    color: #00aee1;
}
.menu.vertical > ul > li:nth-last-child(2) a {
    margin: 15px 0;
    border: 1px solid #00aee1;
}

.menu > ul > li:nth-last-child(1) a:before,
.menu > ul > li:nth-last-child(2) a:before {
    display: inline-block;
    position: relative;
    font-family: Icons;
    line-height: 0;
}
.menu > ul > li:nth-last-child(1) a:before {
    top: 4px;
    margin-right: 10px;
    font-size: 23px;
    content: '\e805';
}
.menu > ul > li:nth-last-child(2) a:before {
    font-size: 18px;
    content: '\e809';
}

/*-------------------------------*\
        CUSTOM MENU TWEAKS
\*-------------------------------*/

.menu {
    font-family: Novecento;
    background: linear-gradient(rgba(40, 40, 40, 0.91), rgba(22, 22, 22, 0.95));
    box-shadow: 1px 1px 20px rgba(0,0,0,0.1);
}

.menu > ul > li > a {
    padding: 0 22px;
    font-size: 19px;
    color: #fff;
}
.menu > ul > li > a:hover,
.menu > ul > .current > a {
    color: #fff;
    background: linear-gradient(#00bce6,#0693bd);
}
.menu .sub-menu {
    background: linear-gradient(#bda489,#a99070);
}
.menu .sub-menu a {
    padding: 12px 32px;
    font-size: 17px;
    color: #fff;
}
.menu .sub-menu a:hover,
.menu .sub-menu .current > a {
    background: linear-gradient(#00bce6,#0693bd);
}


.menu.vertical > ul:before,
.menu.vertical > ul > li:nth-last-child(2):before {
    display: block;
    width: 80%;
    height: 1px;
    margin: 10px auto;
    content: '';
    background: rgba(255, 255, 255, 0.2);
}

/* Prevent .current class overriding button's color */

.menu > ul > li.current:nth-last-child(2) a {
    color: #fff;
}

@media (max-width: 1600px) {
    .menu.vertical {
        margin-left: 0;
    }
    .menu.vertical > ul > li > a {
        padding: 10px 0;
        font-size: 18px;
    }
    .menu.vertical .logo {
        height: 105px;
    }
}

@media (max-width: 1430px) and (min-width: 1000px) {
    .menu > ul > li > a {
        padding: 0 16px;
        font-size: 17px;
    }
    .menu .sub-menu a {
        font-size: 15px;
    }
    .menu > ul > li:last-child a {
        font-size: 19px;
    }
}

@media (max-width: 450px) {
    .navTrigger {
        margin-right: 20px;
    }
    .menu .logo {
        width: 200px;
        margin: 0 20px;
    }
}

@media (max-width: 370px) {
    .navTrigger {
        width: 45px;
        margin-right: 15px;
    }
    .menu .logo {
        width: 180px;
        margin: 0 15px;
    }
}

/*-------------------------------*\
           HEADER FORM
\*-------------------------------*/

.header-form .check-availability {
    margin-right: 20px;
}

.header-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 28px 15px;
    font-family: Novecento;
    font-size: 25px;
    font-weight: 300;
    color: #555;
    background: #f9f9f9;;
}
.header-form > a {
    color: #00aee1;
}
.header-form > input,
.header-form .calendar {
    height: 44px;
    margin-right: 1px;
    padding: 0 12px;
    font-family: Icons, Source;
    font-size: 17px;
    line-height: 1;
    color: #a99070;
    border-top: 1px solid #a99070;
    border-right: 1px solid #a99070;
    border-bottom: 1px solid #a99070;
    background: transparent;
}
.header-form .arrive,
.header-form .depart {
    width: 180px;
}
.header-form .arrive {
    border-left: 1px solid #a99070;
}
.header-form .adults,
.header-form .children {
    width: 120px;
}
.header-form .children {
    margin-right: 0;
}
.header-form input::-webkit-input-placeholder {
    color: #9e8263;
}
.header-form input::-moz-placeholder {
    opacity: 1;
    color: #9e8263;
}
.header-form > input[type=submit] {
    padding: 13px 19px;
    font-family: Novecento;
    font-weight: 400;
    color: #fff;
    background: linear-gradient(#bda489,#a99070);
}
.header-form > input[type=submit]:hover {
    background: linear-gradient(#00bce6,#0693bd);
}
.header-form .or {
    margin: 0 22px;
    font-size: 21px;
}

/* Placeholder Color on Mobile */
.header-form input[type='date']:before {
    color: #a99070;
}

/* Responsive Form - Inner Pages */

@media (max-width: 1275px) {
    .header-form .or,
    .header-form .enquire {
        display: none;
    }
}
@media (max-width: 1040px) {
    .header-form .calendar,
    .header-form > input {
        margin-right: 0;
    }
    .header-form .check-availability {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    .header-form input,
    .header-form .flatpickr-wrapper {
        width: 50% !important;
    }
    .header-form .calendar {
        width: 100% !important;
    }
    .header-form > input[type=submit] {
        width: 100% !important;
        border-top: 0;
    }

    .header-form .arrive,
    .header-form .depart,
    .header-form input {
        border-bottom: 0;
    }
    .header-form .adults {
        border-left: 1px solid #9e8263;
    }
}
@media (max-width:600px) {
    .header-form input,
    .header-form .flatpickr-wrapper {
        width: 100% !important;
    }

    .header-form .depart,
    .header-form .children {
        border-left: 1px solid #9e8263;
    }
    .header-form .arrive,
    .header-form .adults {
        border-right: 1px solid #9e8263;
    }
}

/*-------------------------------*\
              FOOTER
\*-------------------------------*/

/* Subscribe Form */

form.subscribe {
    width: 100%;
    padding: 70px 0;
    text-align: center;
    background: linear-gradient(#bda489,#a99070);
}
form.subscribe h6 {
    display: inline-block;
    margin-right: 40px;
    font-family: Source;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
form.subscribe h6 b {
    font-family: Novecento;
}

form.subscribe input {
    display: inline-block;
    width: 210px;
    height: 44px;
    margin-right: 10px;
    padding: 13px 12px;
    font-family: Icons, Source;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    background: rgba(0,0,0,0.12);
}
form.subscribe input[type='submit'] {
    width: 130px;
    padding: 13px 19px;
    font-family: Novecento;
    font-size: 17px;
    line-height: 1;
    color: #fff;
    background: linear-gradient(#555,#222);
}
form.subscribe input[type=submit]:hover {
    color: #fff;
    background: linear-gradient(#00bce6,#0693bd);
}

form.subscribe input::-webkit-input-placeholder {
    color: rgba(255,255,255,0.75);
}

@media (max-width:1430px) {
    form.subscribe .special-deals {
        display: none;
    }
}

@media (max-width:1000px) {
    form.subscribe h6 {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }
}
@media (max-width:750px) {
    form.subscribe {
        padding: 35px 0;
    }
    form.subscribe input,
    form.subscribe input[type=submit] {
        display: block;
        width: 300px;
        margin: 15px auto 0 auto;
    }
}

/* Footer */

.footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 55px 40px 40px 40px;
    font-family: Novecento;
    font-size: 0;
    color: #fff;
    background: linear-gradient(#333,#252525);
}
.footer a {
    color: #fff;
}
.footer a:hover {
    color: #ebcc9a;;
}

/* Footer Nav */

.footer nav {
    width: 100%;
    margin-bottom: 40px;
    font-size: 20px;
    text-align: center;
}
.footer nav li {
    display: inline-block;
}
.footer nav li:after {
    position: relative;
    bottom: 4px;
    margin: 0 15px;
    font-size: 26px;
    content: '.';
    color: #ebcc9a;
}
.footer nav li:last-child:after {
    display: none;
}
.footer nav a {
    display: inline-block;
    margin-bottom: 15px;
}

/* Footer Contact */

.footer-contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    text-align: center;
}
.footer-contact a {
    margin-right: 15px;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 1.3;
}
.footer-contact a:before {
    margin-right: 10px;
    font-family: Icons;
    color: #ebcc9a;;
}
.footer-contact .address:before {
    content: '\e801';
}
.footer-contact .phone:before {
    content: '\e800';
}
.footer-contact .email:before {
    content: '\e807';
}

/* Social Media */

.footer .social-media {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}
.footer .social-media span {
    margin-right: 10px;
    font-size: 20px;
    font-weight: 300;
    white-space: nowrap;
}
.footer .social-media a {
    margin: 13px;
    font-size: 42px;
}
.footer .social-media a:hover {
    color: #00bce6;
}

.social-media a:after {
    font-family: Icons;
}
.social-media a.facebook:after {
    content: '\e802';
}
.social-media a.google-plus:after {
    content: '\e804';
}
.social-media a.twitter:after {
    content: '\e80a';
}
.social-media a.instagram:after {
    content: '\e806';
}

/* Bottom */

.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin-top: 40px;
    font-size: 15px;
    text-align: center;
}
.footer-bottom a {
    margin-bottom: 15px;
    color: #ebcc9a;
}
.footer-bottom a:hover {
    color: #00bce6;
}

/*-------------------------------*\
              HERO
\*-------------------------------*/

.page-home .hero {
    height: 915px;
}
.hero {
    height: 700px;
}

@media (max-width:1500px) {
    .page-home .hero {
        height: 780px;
    }
    .hero {
        height: 600px;
    }
}
@media (max-width:1200px) {
    .page-home .hero,
    .hero {
        height: 500px;
    }
}
@media (max-width:600px) {
    .page-home .hero,
    .hero {
        height: 400px;
    }
}
@media (max-width:400px) {
    .page-home .hero,
    .hero {
        height: 270px;
    }
}

/*-------------------------------*\
               MISC
\*-------------------------------*/

/* Selection */

::-moz-selection {
    color: #fff;
    background: #00aee1;
}
::selection {
    color: #fff;
    background: #00aee1;
}

/*-------------------------------*\
            SMARTESCAPES
\*-------------------------------*/

.content.smartescapes .form-footer {
    margin-bottom: 40px;
    text-align: center;
}
.content.smartescapes .smart-forms .tagline span,
.commentsfield {
    color: #00aee1 !important;
}
.content.smartescapes .form-footer button {
    padding: 10px 22px;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    border: none;
    background: #00aee1;
}

/* Newsletter Subscription Honeypot */

.subscribe input[name='your_email'] {
    display: none;
}

/*-------------------------------*\
            BUTTONS
\*-------------------------------*/

.content .btn {
    padding: 14px 26px;
    font-family: Novecento;
    font-weight: 300;
}
.content .btn:after {
    position: relative;
    top: 1px;
    margin-left: 15px;
    font-family: Icons;
    content: '\e803';
}

.content .btn,
.content .btn + .btn:hover {
    color: #fff;
    background: linear-gradient(#555,#222);
}
.content .btn:hover,
.content .btn + .btn {
    background: linear-gradient(#bda489,#a99070);
}

.cta.content .btn {
    background: linear-gradient(#00bce6,#0693bd);
}
.cta.content .btn:hover {
    background: linear-gradient(#bda489,#a99070);
}

/*-------------------------------*\
         CUSTOM SECTIONS
\*-------------------------------*/

@media (max-width:1024px) {
    .content.transparent {
        background: linear-gradient(#333,#252525);
    }
}

/* Location Aerial */

.location-aerial.section.single.slideshow {
    min-height: 680px;
}
.location-aerial.section.single.slideshow img {
    object-position: left;
}

.section.single,
.section.multiple {
    border-top: 1px solid #f8f8f8;
}

/* Hide Gallery */

.hiddenGroupGallery .box {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    border: 0;
}
.hiddenGroupGallery .thumbnail {
    display: inline-block;
    font-family: Novecento;
    font-size: 20px;
    font-weight: 700;
    border: 0;
}
.hiddenGroupGallery .thumbnail:hover {
    color: #00bce6;
    border-color: #00bce6;
}
.hiddenGroupGallery .thumbnail img {
    display: none;
}

/* Apartment Features List */

.content .apartments-features-list {
    text-align: center;

    columns: 3;
}

@media (max-width: 1024px) {
    .content .apartments-features-list {
        columns: 2;
    }
}
@media (max-width: 600px) {
    .content .apartments-features-list {
        columns: 1;
    }
}

/* Apartments Layout */

.section.background-overlay.multiple.extraMargin .content {
    margin-top: 220px;
    margin-bottom: 220px;
}

@media (max-width: 1400px) {
    .section.background-overlay.multiple.extraMargin .content {
        margin-top: 140px;
        margin-bottom: 140px;
    }
}

/* Max Bedrooms/People */

.content .max-bedrooms,
.content .max-people {
    display: block;
    margin-bottom: 15px;
    font-family: Novecento;
    font-size: 21px;
    font-weight: 300;
    line-height: 1;
}
.content .max-bedrooms:before,
.content .max-people:before {
    margin-right: 10px;
    font-family: Icons;
    line-height: 0;
}

.content .max-bedrooms:before {
    font-size: 28px;
    content: '\e80b';
}
.content .max-people:before {
    font-size: 27px;
    content: '\e80c';
}

/* Features List */

.features li {
    font-size: 20px;
    text-align: center;
}
.features li:before {
    font-size: 42px;
}

/* Floor Plans Gallery */

.floor-plans-gallery a {
    overflow: hidden;
    width: 25%;
    margin: 0;
    border-right: 1px solid #a99070;
    border-bottom: 1px solid #a99070;
}
.floor-plans-gallery a:hover {
    filter: none;
}
.floor-plans-gallery a img {
    transition: all 0.3s;
    transform: scale(0.85);
}
.floor-plans-gallery a:hover img {
    transform: scale(0.95);
}

@media (max-width: 1100px) {
    .floor-plans-gallery a {
        width: 50%;
    }
}

/* Other */

.single.content.gold hr {
    width: 30%;
    margin: 25px auto;
}

/* Hide Availability on Booking Page */

body.page-book-now .header-form {
    display: none;
}

/*-------------------------------*\
         CONTENT THEMES
\*-------------------------------*/

/* Default Theme Section */

.content.default h1,
.content.default h2,
.content.default h3,
.content.default h4,
.content.default h5,
.content.default h6 {
    color: #00a4d4;
}

/* Blue Theme Section */

.content.blue {
    color: #fff;
    background: #00aee1;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.content.blue a {
    color: #fff;
    border-bottom: 1px dotted #fff;
}

.content.blue .btn {
    border: 0;
}

.content.blue th {
    background: #b8a383;
}
.content.blue table,
.content.blue blockquote {
    color: #222;
    border: none;
    text-shadow: none;
}
.content.blue blockquote:after,
.content.blue blockquote:before {
    color: #b8a383;
}

.content.blue hr {
    background: #fff;
}

.content.blue ul li:before {
    color: #fff;
}

/* Gold Theme Section */

.content.gold {
    color: #fff;
    background: linear-gradient(#bda489,#a99070);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.content.gold a {
    color: #fff;
    border-bottom: 1px dotted #fff;
}

.content.gold .btn {
    border: 0;
}

.content.gold .btn,
.content.gold .btn + .btn:hover {
    border: 0;
    background: linear-gradient(#555,#222);
}
.content.gold .btn:hover,
.content.gold .btn + .btn {
    background: linear-gradient(#00bce6,#0693bd);
}

.content.gold th {
    background: #00aee1;
}
.content.gold table,
.content.gold blockquote {
    color: #222;
    border: none;
    text-shadow: none;
}
.content.gold blockquote:after,
.content.gold blockquote:before {
    color: #00aee1;
}

.content.gold hr {
    background: #fff;
}

.content.gold ul li:before {
    color: #fff;
}

/* Black Theme Section */

.content.black {
    color: #fff;
    background: linear-gradient(#333,#252525);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.content.black a {
    color: #fff;
    border-bottom: 1px dotted #fff;
}

.content.black .btn {
    border: 0;
}

.content.black .btn,
.content.black .btn + .btn:hover {
    border: 0;
    background: linear-gradient(#00bce6,#0693bd);
}
.content.black .btn:hover,
.content.black .btn + .btn {
    background: linear-gradient(#bda489,#a99070);
}

.content.black th {
    background: #00aee1;
}
.content.black table,
.content.black blockquote {
    color: #222;
    border: none;
    text-shadow: none;
}
.content.black blockquote:after,
.content.black blockquote:before {
    color: #00aee1;
}

.content.black hr {
    background: #fff;
}

.content.black ul li:before {
    color: #fff;
}

/* Transparent Section */

.content.transparent a {
    color: #fff;
    border-bottom: 1px dotted #fff;
}

.content.transparent .btn,
.content.transparent .btn + .btn:hover {
    border: 0;
    background: linear-gradient(#bda489,#a99070);
}
.content.transparent .btn:hover,
.content.transparent .btn + .btn {
    background: linear-gradient(#00bce6,#0693bd);
}

.content.transparent th {
    color: #fff;
    background: #00aee1;
    text-shadow: none;
}


.content.transparent table,
.content.transparent blockquote {
    color: #fff;
    border: none;
    background: rgba(0,0,0,0.5);
}
.content.transparent blockquote:after,
.content.transparent blockquote:before {
    color: #00aee1;
}


.content.transparent hr {
    background: #fff;
}

/*-------------------------------*\
              CONTENT
\*-------------------------------*/

a {
    color: #00aee1;
}
a:hover {
    color: #b8a383;
}

.content {
    font-size: 18px;
    color: #222;
    background: #f3f3f3;
}

/* Headings */

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-family: Novecento;
    font-weight: 300;
    line-height: 1;
    word-wrap: normal;
}

.content h1 {
    font-size: 40px;
}
.content h2 {
    font-size: 38px;
}
.content h3 {
    font-size: 36px;
}
.content h4 {
    font-size: 32px;
}
.content h5 {
    font-size: 28px;
}
.content h6 {
    font-size: 24px;
}

@media (max-width:1600px) {
    .content {
        font-size: 18px;
    }
    .content h1 {
        font-size: 38px;
    }
    .content h2 {
        font-size: 36px;
    }
    .content h3 {
        font-size: 34px;
    }
    .content h4 {
        font-size: 30px;
    }
    .content h5 {
        font-size: 26px;
    }
    .content h6 {
        font-size: 22px;
    }
}

@media (max-width:1200px) {
    .content {
        font-size: 17px;
    }
    .content h1 {
        font-size: 36px;
    }
    .content h2 {
        font-size: 34px;
    }
    .content h3 {
        font-size: 32px;
    }
    .content h4 {
        font-size: 28px;
    }
    .content h5 {
        font-size: 24px;
    }
    .content h6 {
        font-size: 20px;
    }
}

@media (max-width:700px) {
    .content {
        font-size: 16px;
    }
    .content h1 {
        font-size: 34px;
    }
    .content h2 {
        font-size: 32px;
    }
    .content h3 {
        font-size: 30px;
    }
    .content h4 {
        font-size: 26px;
    }
    .content h5 {
        font-size: 22px;
    }
    .content h6 {
        font-size: 18px;
    }
}

/* Lists */

.content ul li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
.content ul li:before {
    position: relative;
    top: 2px;
    margin-right: 15px;
    font-size: 25px;
    line-height: 0;
    content: '\0025CF';
    color: #b8a383;
}

/* Table */

.content table {
    background: #fdfdfd;
}
.content th {
    color: #fff;
    background: #b8a383;
}

/* Blockquote */

.content blockquote {
    border: 1px solid #b8a383;
    background: #fdfdfd;
}
.content blockquote:before,
.content blockquote:after {
    color: #b8a383;
}

/* Horizontal Line */

.content hr {
    background: #b8a383;
}

/*-------------------------------*\
          SPECIALS LIST
\*-------------------------------*/

.specials-form input[type='text'] {
    border: 1px solid #00aee1;
}
.specials-form .btn {
    font-size: 20px;
}

/*-------------------------------*\
        QUICK ENQUIRY FORM
\*-------------------------------*/

.quick-enquiry {
    font-family: Novecento;
    font-weight: 300;
}

/* Contact Details */

.contact-details {
    font-family: Novecento;
    font-weight: 300;
    background: #f7f7f7;
}
.contact-details a {
    font-size: 18px;
    color: #222;
    text-transform: none;
}
.contact-details a:before,
.contact-details a:hover {
    color: #00aee1;
}

/* Form */

.qq-form {
    font-family: Novecento;
    font-weight: 300;
}
.qq-form > div > input,
.qq-form > div > select,
.qq-form > div > textarea,
.qq-form .calendar {
    font-family: Icons, Source;
    background: #f0f0f0;
}
.qq-form > div > select {
    background-image: url(../img/select.svg);
    background-repeat: no-repeat;
    background-position: right;
}
.qq-form input[type='submit'] {
    color: #fff;
    background: #00aee1;
}
.qq-form input[type='submit']:hover {
    background: #a99370;
}

/*-------------------------------*\
         GALLERY CAROUSEL
\*-------------------------------*/

.gallery-carousel .thumbnail {
    border-top: 1px solid #f9f9f9;
    border-right: 1px solid #f9f9f9;
}

/*-------------------------------*\
               BOXES
\*-------------------------------*/

.gallery-group,
.link-boxes,
.box {
    padding: 0;
}

.box {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.box a img {
    padding-top: 0;
}
.box-title {
    display: inline-block;
    top: 50%;
    bottom: auto;
    left: 50%;
    width: auto;
    height: auto;
    padding: 15px 25px;
    font-family: Novecento;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    text-transform: none;
    background: linear-gradient(#00bce6,#0693bd);
}

/*-------------------------------*\
          FEATURES LIST
\*-------------------------------*/

.features {
    padding: 20px;
}
.features-list {
    color: #333;
    background: #f9f9f9;
}
.features li:before {
    color: #00aee1;
}

/*-------------------------------*\
          WORDPRESS CORE
\*-------------------------------*/

.wp-caption {
    display: inline-block;
    font-size: 0;
}
.wp-caption-text,
.wp-caption-dd {
    margin-top: 12px;
    margin-bottom: 20px;
    font-size: 15px;
    font-style: italic;
    color: #888;
    text-align: center;
}
.alignleft {
    float: left;
    margin: 5px 30px 30px 0;
}
.alignright {
    float: right;
    margin: 5px 0 30px 30px;
}
.aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center;
}
img[class*='wp-image'] {
    max-width: 100%;
    height: auto;
}

/*-------------------------------*\
        HOME HERO SLIDEOUT
\*-------------------------------*/

body {
    overflow-x: hidden;
}
.slideout {
    background: #00aee1;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    padding: 30px;
    top: calc(0px + 915px/2);
}
@media (min-width: 1200px) {
    .slideout {
        position: absolute;
        z-index: 24;
        right: -320px;
        width: 320px;
        transform: translateY(-50%);
        animation-name: slideLeft;
        animation-duration: 2s;
        animation-fill-mode: forwards;
        box-shadow: 2px 2px 10px rgba(0,0,0,0.25);
        background: rgba(0, 174, 225, 0.85);
        margin-right: 80px;
    }
}
@media (max-width: 1600px) and (min-width: 1200px) {
    .page-home .menu.vertical {
        margin-left: 20px;
    }
    .slideout {
        margin-right: 20px;
    }
}
@media (max-width: 1500px)  {
    .slideout {
        top: calc(0px + 780px/2);
    }
}

.slideout_content {
    font-size: 17px;
    text-align: center;
}

.slideout_content a {
    color: #00a4d4;
    transition: all 0.2s;
}
.slideout_content a:hover {
    color: #222;
}

.slideout_content p {
    margin-bottom: 15px;
    line-height: 1.4;
}

.slideout_content h1 {
    font-size: 27px;
    text-transform: uppercase;
    color: #00a4d4;
    font-weight: 500;
}
.slideout_content h2 {
    font-size: 26px;
    color: #a99070;
    font-weight: 500;
}
.slideout_content h3 {
    font-size: 24px;
}
.slideout_content h4 {
    font-size: 22px;
}
.slideout_content h5 {
    font-size: 20px;
    font-weight: 500;
}
.slideout_content h6 {
    font-size: 17px;
    font-weight: 500;
}
.slideout_content h1,
.slideout_content h2,
.slideout_content h3,
.slideout_content h4,
.slideout_content h5,
.slideout_content h6 {
    margin-bottom: 15px;
    line-height: 1.25;
}

.slideout_content hr {
    height: 1px;
    background: #00a4d4;
    margin: 15px 0;
    border: none;
}

.slideout_content .btn {
    display: inline-block;
    padding: 12px 15px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    background: linear-gradient(#555,#222);
}
.slideout_content .btn:hover {
    color: #fff;
    background: linear-gradient(#bda489,#a99070);
}

.slideout_content :last-child {
    margin-bottom: 0;
}

.slideout_content .save_amount {
    text-align: center;
    margin-top: -42px!important;
    margin-bottom: 24px;
}
.slideout_content .save_amount strong {
    background: linear-gradient(rgb(255,116,116),rgb(156,39,39));
    color: #FFF;
    padding: 4px 12px;
    transform: rotate(-8deg);
    display: inline-block;
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    border: 1px solid rgba(255,255,255,.5);
    font-size: 23px;
}
@media (max-width: 1200px) {
    .slideout_content .save_amount {
        margin-top: 0!important;
    }
    .slideout_content .save_amount strong {
        transform: none;
    }
}

@keyframes slideLeft {
    from {
        right: -480px;
    }
    to {
        right: 0;
    }
}