/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* calendarCalendar */

#calendarCalendar .calendars.range {position:absolute!important}
#calendarCalendar { font-size: 13px;box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
#calendarCalendar .background { position: absolute; top: 0; bottom: 0; left: 0; right: 0;z-index:999999;}
#calendarCalendar .calendars { position: absolute;z-index: 9999999;border: solid 5px  #666 }
#calendarCalendar .calendar { padding: 10px; float: left; width: 241px; color: #FFF; background: #001e3a; font-size: 12px; font-family:  'Proxima Nova W01', 'Arial', 'sans-serif' }
#calendar-start-date {border-right: 2px solid #666;}
#calendar-end-date {border-left: 2px solid #666;}
#calendarCalendar .calendars:before, #calendarCalendar .calendars:after, #calendarCalendar .calendar-table:before, #calendarCalendar .calendar-table:after { content: ' '; clear: both; display: block; height: 0; }
#calendarCalendar .calendar-header { text-align: center; }
#calendarCalendar .calendar-caption {  font-size: 12px; font-weight:600;line-height:1; }
#calendarCalendar .calendar-date { margin: 0.3em 0; font-size: 1.5em; font-weight: 700;text-transform: uppercase; }
#calendarCalendar .calendar-title {  display:inline-block; zoom: 1;*display: inline; zoom: 1;*display: inline; width: 70%; }
#calendarCalendar .calendar-arrow { width: 0; height: 0; display:inline-block; zoom: 1;*display: inline; zoom: 1;*display: inline; border-color: transparent #fff; border-style: solid; margin: 10px 4.8%; cursor: pointer; }
#calendarCalendar .calendar-arrow.left { border-width: 7px 7px 7px 0; float: left; }
#calendarCalendar .calendar-arrow.right { border-width: 7px 0 7px 7px; float: right; }
#calendarCalendar .calendar-cell { float: left; width: 10.285714286%; padding: 2%; text-align: center; line-height: 1; font-size: 12px; font-weight: 600; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;  }
#calendarCalendar .calendar-cell.disabled { color: #666666; cursor: normal; }
#calendarCalendar .calendar-dates .calendar-cell.active { cursor: pointer; }
#calendarCalendar .calendar-dates .calendar-cell.active:first-child {background:#262626}
#calendarCalendar .calendar-dates .calendar-cell.active.selected,#calendarCalendar .calendar-dates .calendar-cell.active.today.selected,#calendarCalendar .calendar-dates .calendar-cell.active.selected, #calendarCalendar .calendar-dates .calendar-cell.active:hover { background: #35b5f4; color: #000; }
#calendarCalendar .calendar-dates .calendar-cell.active.today {background:#f0f0f0;color:#000}
#calendarCalendar .max-month .calendar-arrow.right, #calendarCalendar .min-month .calendar-arrow.left { width: 14px; border: 0;}


/* useful classes */

.central-content { max-width: 1290px; margin: auto; position: relative; height: 100%; }

.inner-content { margin: 0 1em; height: inherit; }

.full-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.grid .cell .full-overlay .central-content .content { color: #001e3a; }

.align-left { text-align: left; }
.align-right { text-align: right; }

.middle-align { line-height: 0; }
.middle-align > *, body { line-height: 1.2; }
.middle-align:before { content: ''; display: inline-block; height: 100%; width: 0px; background: red; vertical-align: middle; }
.middle-align > * { vertical-align: middle; }

/* adjust spacing between inline-block (we need to keep spaces to justify)  */
.middle-align, .middle-align > .middle-align { white-space: nowrap; letter-spacing: -.54em; word-spacing: -.013em; }
.middle-align > * { white-space: normal; display: inline-block; letter-spacing: normal; word-spacing: normal; }

html.flexbox .middle-align.justify { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

/* Added with changes to booking widget select menus - stops the fields from jumping when the booking toggle gets clickerino'd */
html.flexbox .middle-align.justify.book { height: auto; }

html.flexbox .middle-align.justify.book, html.no-flexbox .middle-align.justify.book  { height: auto; }

.middle-align.justify:before { content: none; }

html.no-flexbox .middle-align.justify:after { width: 100%; height: 0; content: ''; }
html.no-flexbox .middle-align.justify { height: 100%; text-align: justify; -webkit-text-align-last: justify; /* not implemented yet, and will not be */ text-align-last: justify; /* IE */ }


.button { cursor: pointer; display: inline-block; border: 0; background: #35b5f4; font-size: 1.25rem; font-weight: 400; color: #fff; font-family: "myriad-pro-semi-condensed", "PT Sans Narrow", "Arial Narrow", sans-serif; border-radius: 0.25em; padding: 0.525em 0.875em; text-decoration: none; letter-spacing: 0.05em; }
.button.invert { background: #35b5f4; color: #fff; }
.button.invert a:hover { background: #f38724; }

.button:hover { color: #fff; background: #f38724; }

.button.white, .button.white:hover { background: #FFF; color: #0E80BE; }

.button.turquoise, .button.turquoise:hover { background: #0B9BB4; color: #FFF; }

.button.blue { background: #35b5f4; color: #fff; }
.button.blue:hover { background: #f38724; }

.grid { position: relative; width: 100%; overflow: hidden; }

.grid img { width: 100%; }

.grid .group { width: calc(100% + 2px); }

.grid .cell { position: relative; vertical-align: top; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; overflow: hidden; }

.page-template-page .grid .cell { border-bottom: 10px solid #fff; }

.grid .cell.desktop-two-thirds { width: 66.66666%; }
.grid .cell.desktop-one-third { width: 33.333333%; }

.grid .cell.desktop-hidden { display: none; }

span.text-hide {
    position: absolute;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
    word-wrap: normal!important;
}

/* style starting */

body {
    max-width: 1680px;
    margin: 0 auto;
    line-height: 1.2;
    margin-top: 5.625em;
}

p {
    font-family: 1.1875em;
    font-family: "myriad-pro", "PT Sans", "Arial Narrow", sans-serif;
}

a,
a:hover {
    color: #46b1e5;
}

h1,
h2,
h3 {
    font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif;
    font-weight: 300;
}

h1 strong,
h2 strong,
h3 strong {
    font-weight: 400;
}

body>header {
    background: #ffffff;
    height: 5.625em;
    text-align: right;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99999;
    max-width: 1680px;
}

body>header nav {
    display: inline-block;
    vertical-align: middle;
    font-family: "myriad-pro-condensed", "PT Sans Narrow", "Arial Narrow", sans-serif;
    color: #666666;
    font-size: 1.25em;
    font-weight: 600;
}

body>header nav ul {
    margin: 0;
    padding: 0;
}

body>header nav ul li {
    display: inline-block;
}

body>header nav ul li a {
    color: inherit;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

body>header nav ul li.current_page_item a,
body>header nav ul li:hover a {
    color: #f38724;
}

body>header nav ul .mobile-close-bar {
    display: none;
}

body>header nav ul .mobile-close-bar span {
    font-size: 0.90909091em;
    padding: 0 0 0 0.5em;
}

body>header>.middle-align {
    height: 100%;
    position: relative;
}

body>header nav ul.sub-menu {
    display: none;
/*    max-width: 5.5em;*/
    padding-top: 1.45em;
    position: absolute;
}

body>header nav ul li:hover>.sub-menu {
    background: rgba(255,255,255,0.80);
    display: block;
    text-align: initial;
}
body>header nav ul.sub-menu li {
    display: block;
    font-family: "myriad-pro-semi-condensed", "PT Sans Narrow", "Arial Narrow", "PT Sans Narrow", "Arial Narrow", sans-serif;
    font-weight: 400;
    margin: 0;
    text-align: left;
}
body>header nav ul.sub-menu li a {
    color: #666666;
    padding: 0.4em 1.6375em 0.4em 1em;
    text-transform: capitalize;
}
body>header nav ul.sub-menu li a:hover {
    background: #f38724;
    color: #fff;
}

#mobile-menu-icon {
    display: none;
    color: inherit;
    text-decoration: none;
    margin-right: 10%;
    white-space: nowrap;
}

#mobile-menu-icon .icon-menu {
    position: relative;
    top: -0.125em;
    margin: 0 1.45em 0 0.3em;
}

header .lang-selector {
    text-transform: uppercase;
    font-size: 1.1875rem;
    margin: 0 5px;
    color: #4F525E;
    text-decoration: none;
    border: 1px solid #E1E1E1;
    font-family: "myriad-pro-condensed", "PT Sans Narrow", "Arial Narrow", sans-serif;
    font-weight: bold;
    padding: 0 5px 0px 10px;
    position: absolute;
    right: 340px;
    top: 14px;
}

header .lang-selector .icon-small-arrow-right {
    font-size: 0.75em;
    margin-left: 0;
}

header .lang-selector .icon-world {
    position: absolute;
    left: -1.3em;
    top: 0.15em;
    color: #E1E1E1;
    font-size: 1.055em;
}

body>header nav,
.lang-selector {
    position: relative;
    top: 16px;
}

body>header nav ul li,
.lang-selector {
    margin: 0 1.55em 0 0;
}

html[lang="it"] body>header nav ul li,
.lang-selector {
    margin: 0 1.1em 0 0;
}

#logo {
    float: left;
    margin: 0.64em 0 0.64em 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

#logo img {
    width: 100%;
    height: 100%;
    max-width: 196px;
    min-width: 196px;
}

.booking-widget {
    position: relative;
    width: 20em;
    height: 5.625em;
    z-index: 100;
}

.booking-widget .booking-toggle {
    background: #001e3a;
    color: #FFF;
    cursor: pointer;
    height: 100%;
    z-index: 50;
}

.booking-widget .booking-toggle > * {
    width: 20em;
    margin: auto;
}

.booking-widget .booking-toggle .text {
    font-family: "myriad-pro", "PT Sans", "Arial Narrow", sans-serif;
    font-weight: 300;
    text-align: left;
    margin-left: 1em;
}

html[lang="it"] .booking-widget .booking-toggle .text {
    max-width: 7em;
}

.booking-widget .booking-toggle .text div:first-child {
    font-size: 1.25em;
}

html[lang="it"] .booking-widget .booking-toggle .text div:first-child {
    line-height: 0.95;
}

.booking-widget .booking-toggle .text div:last-child {
    font-size: 1.25em;
}

.booking-widget .booking-toggle .rate {
    font-weight: 300;
    top: 2px;
    position: relative;
}

.booking-widget .booking-toggle .rate > * {
    margin-right: 0.375rem;
}

.booking-widget .booking-toggle .rate > *:last-child {
    margin-right: 0em;
}

.booking-widget .booking-toggle .rate .currency {
    font-family: "myriad-pro", "PT Sans", "Arial Narrow", sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    vertical-align: super;
}

.booking-widget .booking-toggle .rate .price {
    font-family: "myriad-pro", "PT Sans", "Arial Narrow", sans-serif;
    font-size: 2.875em;
    position: relative;
    top: -0.13043478em;
}

.booking-widget .booking-toggle .rate .asterix {
    font-family: "myriad-pro", "PT Sans", "Arial Narrow", sans-serif;
    font-size: 1.625em;
    vertical-align: super;
}

.booking-widget .booking-toggle .arrow {
    background: #41566A;
    height: 100%;
    width: 3em;
    text-align: center;
    font-size: 1.125em;
}



.booking-widget.open form { max-height: 20em; overflow: visible; opacity: 1; transition: opacity 0.8s; -webkit-transition: opacity 0.8s;}
.booking-widget .wrapper { /* padding: 0 1em; */ padding:1em; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 320px; margin: auto; height: 20em; position: absolute; bottom: 0px; width: 100%; left: 0; right: 0; }
.booking-widget.open .wrapper { padding: 1em; }
.booking-widget form {-webkit-transition: 0.3s;transition: 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; position: absolute; left: 0; right: 0; background: #fff; max-height: 0; height: 20em; overflow: hidden; opacity: 0; }
.booking-widget .booking-toggle .icon-small-arrow-down { -webkit-transition: 0.2s; transition: 0.2s; }
.booking-widget.open .booking-toggle .icon-small-arrow-down { -webkit-transform: rotateZ(-180deg); transform: rotateZ(-180deg); }
.booking-widget form fieldset.date { display: inline-block; }
.booking-widget form fieldset.date input { text-transform: uppercase; color: #4F525E; background: none; border: none; width: 3.2em; font-family: "myriad-pro-semi-condensed", "PT Sans Narrow", "Arial Narrow", sans-serif;  font-size: 1.875em; appearance: none; -moz-appearance: none; -webkit-appearance: none; height: 1em; position: relative; top: -2px; padding: 0; margin-right: 0.1em; }
.booking-widget form label { font-family: "myriad-pro", "PT Sans", "Arial Narrow",sans-serif; font-size: 0.75em; color: #000; display: block; margin-bottom: 0.4em; }
.booking-widget form .icon-calendar-divider { color: #4F525E; font-size: 0.1em; }

.booking-widget form fieldset.date, .booking-widget form .icon-calendar-divider { vertical-align: middle; }

.booking-widget form fieldset.select { }

/* .styled-select select { font-size: 1.725em; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: rgba(0, 0, 0, 0); border-radius: 0; padding: 0 0.3em; margin: 0; font-family: "proxima-nova-condensed", "PT Sans Narrow", "Arial Narrow",sans-serif; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; line-height: 1.275; }
.styled-select select::-ms-expand{display:none} */
.styled-select { border-radius: 0; color: #4F525E; text-align: left; background: #E1E1E1; height: 1.875em; position: relative; width: 5em; }
.styled-select.accomodation { width: 18em; }
.styled-select.accomodation .styled-dd {
    font-size: 1.5em;
}
.styled-select .arrow { height: 100%; padding: 0 0.3em; background-color: #001e3a; color: #fff; font-size: 1.125em; }
.styled-select .arrow .icon-small-arrow-down { -webkit-transition:-webkit-transform .2s ease-in-out; transition:-webkit-transform .2s ease-in-out; transition:transform .2s ease-in-out; transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
.styled-select .arrow .icon-small-arrow-down.active { -webkit-transform:rotate(180deg); transform:rotate(180deg); }
div#gallery-select { height: 100%; position: absolute; right: 0; }
.styled-dd { font-family: "myriad-pro-semi-condensed", "PT Sans Narrow", "Arial Narrow", sans-serif; font-size: 1.875em; line-height: 3rem; padding-left: 1rem; }
fieldset .styled-dd { line-height: 1.875rem; }
.styled-select-container { z-index:10; display: inline-block; width: 100%; max-width: 23.75rem; cursor: pointer; position: relative; }
.styled-select-container * { -webkit-box-sizing:border-box; box-sizing:border-box; }
.styled-dd-container { display:none; width: 100%; position: absolute; }
.styled-dd-item { position:relative; width:100%; background-color: #E1E1E1; font-family: "proxima-nova",sans-serif; font-size: 1.25rem; line-height: 3rem; padding-left: 1rem; color: #4F525E; }
.styled-dd-item:hover { background-color: #0E80BE; color: #fff; }

.booking-widget form label[for=flexible-dates] { display: inline-block; }
#flexible-dates { display: none; }
#flexible-dates + label { text-align: center; width: 1.25em; height: 1.25em; display: inline-block; background: #E1E1E1; position: relative;   margin-right: 0.8em; cursor: pointer; }
#flexible-dates:checked + label:after { font-family: Arial, sans-serif; content: '\2713'; display: inline-block; font-size: 1.2em; margin-left: -0.3em; vertical-align: middle; color: #4F525E; }
.booking-widget fieldset .styled-dd-item { font-size: .9rem; line-height: 1.8; }

.booking-widget form .wrapper > * { margin-top: 1em; }
.booking-widget form .wrapper > *:first-child { margin-top: 0; }

.booking-widget a { font-family: "myriad-pro", "PT Sans", "Arial Narrow",sans-serif; font-size: 0.75em; color: #000; text-transform: uppercase; }

.date-box .calendar { cursor: pointer; color: #F7F7F7; background: #001e3a; height: 1.9375rem; width: 1.8125rem; position: relative; display: inline-block; text-align: center; font-size: 1.125em; -webkit-box-sizing: border-box; box-sizing: border-box; }
.calendar-divider { position: relative; top: 0.525em; margin: 0 0.3em; }


.cycle-slideshow .slide { width: 100%; }
.cycle-slideshow .slide img { width: 100%; }
.cycle-slideshow.subpage-masthead .content-wrapper { position: absolute; left: 0; right: 0; bottom: 7.05em; height: 0; }
.cycle-slideshow.subpage-masthead .content-wrapper .content { color: #001e3a; font-weight: 400; position: absolute; bottom: 0; left: 0.625em; background: rgba(255,255,255,0.8); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.875em 1.25rem; z-index: 2000; max-width: 42.5em; min-width: 42.5em;  }
.cycle-slideshow.subpage-masthead .content-wrapper .content h2 { margin: 0 0 0.25rem 0; font-family: "myriad-pro", "PT Sans", "Arial Narrow",sans-serif; font-weight: 300; font-size: 2.375rem; }
.cycle-slideshow.subpage-masthead .content-wrapper .content p { margin: 0; font-size: 1.125em; }
.cycle-nav-container { position: absolute; left: 0; right: 0; z-index: 2000; bottom: 7em; height: 0; }
.cycle-nav-container.left .cycle-nav { float: left; }
.subpage-masthead .cycle-nav.middle-align { left: 0.6875em; position: absolute; }
.cycle-nav-container.right .cycle-nav { float: right; }
.half-and-half:nth-child(even) .rotation .cycle-nav-container { left: 0; right: initial; margin: 0 0 1.25em 1.25em;}

.cycle-nav > * { display: inline-block; }
.cycle-nav .cycle-pager { background: rgba(255,255,255,0.8); line-height: 0; padding: 0 1.125em; margin: 0 0.0625em; height: 3.125rem; }
.cycle-nav .cycle-next, .cycle-nav .cycle-prev { color: #666666; cursor: pointer; background: rgba(255,255,255,0.8); padding: 0 0.95em; height: 3.125rem; line-height: 0; font-size: 1.125em; }
.cycle-pager span { cursor: pointer; width: 0.875em; height: 0.875em; display: inline-block; border: 1px solid #4F525E; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100%; margin-right: 0.375em; }
.cycle-pager span:last-child { margin-right: 0; }
.cycle-pager span.cycle-pager-active { background: #4F525E; }

.full-image-overlay { text-align: center; position: absolute; z-index: 1; top: 0; bottom: 0; background: rgba(255,255,255,0.75); width: 25.3125rem; padding: 5em 2.75em 0; -webkit-box-sizing: border-box; box-sizing: border-box;  }

.full-overlay .additional-image { position: absolute; bottom: 14%; }
.cell:nth-child(odd) .full-overlay .additional-image { right: 0; }
.cell:nth-child(even) .full-overlay .additional-image { left: 0; }

.cell:nth-child(odd) .full-image-overlay { left: 0; }
.cell:nth-child(even) .full-image-overlay { right: 0; }

.gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.5)));
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
    height: 12.5em;
    position: absolute;
    width: 100%;
}
.grey-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(238, 238, 238, 1)));
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(238, 238, 238, 1) 100%);
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
section.notice {
    background-color: #35b5f4;
    border-bottom: 2px solid #ffffff;
    color: #fff;
    font-family: "myriad-pro", "PT Sans", "Arial Narrow", sans-serif;
    font-weight: 300;
    min-height: 5em;
    text-align: center;
}
.page-id-250 section.notice {
        margin: 0 0 0.625em 0;
}
section.notice h1 {
    display: inline-block;
    font-size: 2.25em;
    margin: 0.44444444em 0;
    padding: 0 0.97222222em 0 0;
}
section.notice p {
    display: inline-block;
    font-size: 1.25em;
    font-family: "myriad-pro", "PT Sans", "Arial Narrow", sans-serif;
    margin: 0;
}
section.notice a {
    color: #fff;
}
section.notice span.icon-map-pin {
    font-size: 1.11111111em;
    position: relative;
    right: 0.11111111em;
    top: 0.19444444em;
}

.grid .cell .content { font-family: "myriad-pro", "PT Sans", "Arial Narrow",sans-serif; text-align: center; color: #fff; }

.grid .cell .full-width-rotation-slide .content p { font-size: 1.375em; font-weight: 400; }

.grid .cell .content h2 { font-family: inherit; font-weight: 300; font-size: 2.75em; line-height: 1; margin-bottom: 1.6rem; }
.grid .cell .content h2 span { font-weight: 400; }
.grid .cell .content h2 strong { font-weight: 500; }
.grid .cell .content > * { margin: 0 auto 1rem; }
.grid .cell .content p { font-size: 1.1875em; line-height: 1.4; font-family: "myriad-pro", "PT Sans", "Arial Narrow",sans-serif; font-style: normal; font-weight: 300; }
.grid .cell .content p strong { font-weight: 600; }
.grid .cell .content > .button { margin-top: 2.5em; }
.grid .cell .content > *:last-child { margin-bottom: 0; }

.grid .cell .content h2 span.icon-logo-brand { font-size: 1.5em; }

.full-width-rotation-slide .content { position: absolute; z-index: 1; bottom: 7.5em; left: 12.5em; width: 46.25em; }
.full-width-rotation-slide .content h2 { margin-bottom: 1.6rem; }


.social-icon { text-align: center; color: #FFF; display: inline-block; height: 3.25rem; width: 3.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100%; }
.social-icon:last-child { margin-right: 0; }

.social-icon.twitter { background: #00b0f0; font-size: 1.6em; }
.social-icon.facebook { background: #3b5997; font-size: 1.6em; }
.social-icon.trip-advisor { background: #4a8734; font-size: 1.3em; }
.social-icon.pinterest {background: #ca2027; font-size: 1.6em; }
.social-icon.instagram { background: #262626; font-size: 1.6em; }
.social-icon.google-plus { background: #db4b39; }
.social-icons a:hover { color: #fff; }

.cell.slide-up .content { position: absolute; z-index: 10; bottom: -6rem; left: 0; right: 0; -webkit-transition: 0.2s; transition: 0.2s; text-align: left; }
.cell.slide-up:hover .content { bottom: 0; }

.cell.slide-up .content .copy p, .cell.slide-up .content h2 { margin-right: 5.625rem; margin-left: 1.25rem; }
.cell.slide-up .content .copy { background: #f38724; height: 6rem;  }
.cell.slide-up .content h2 { font-size: 2.25em; }
.cell.slide-up .content h2 { font-weight: 300; }
.cell.slide-up .content h2 span { font-weight: 400; }

.cell.slide-up .link { width: 3.125rem; height: 3.125rem; color: #4F525E; background: #FFF; border-radius: 100%; position: absolute; bottom: 1.35em; right: 1.125em; z-index: 1000; }
.cell.slide-up .link span[class^="icon-"] { -webkit-transition: opacity 0.2s; transition: opacity 0.2s;  position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; line-height: 3.3rem; font-size: 1.8em; }

.cell.slide-up:hover .link .icon-cross { opacity: 0; }
.cell.slide-up:hover .link .icon-small-arrow-right { opacity: 1; }

.cell.slide-up .link .icon-cross { opacity: 1; }
.cell.slide-up .link .icon-small-arrow-right { opacity: 0; }


.breadcrumb { background: #eeeeee; padding: 1em 0; font-family: "myriad-pro", "PT Sans", "Arial Narrow",sans-serif; font-size: 1em; text-transform: uppercase; }
.breadcrumb a { color: #35b5f4; position: relative; top: 0.125rem; }

/* Crumbies */
.breadcrumbs-wrapper {padding: 40px 0 0}
.trailz span.seperator {font-size: 1em; font-family: "myriad-pro", "PT Sans", "Arial Narrow",sans-serif; color: #35b5f4; display: inline-block; padding: 0 0.5em }
.trailz li { position: relative; display: inline-block; color: #666666; }
.trailz li a { font-weight: 400 }
.trailz li:first-child { margin: 0; }
.trailz li:first-child:before { border: none; }
.trailz li a { color: #35b5f4; }
.trailz li a:hover { color: #f38724; }
.trailz li.active-crumb a { color: #666666; text-decoration: none; }


.subpage-intro { background: #001e3a; color: #FFF; padding: 3.2em 0; margin: 0 0 1.25em 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
.subpage-intro .left { float: left; max-width: calc(100% - 22rem); }
.page-id-244 .subpage-intro .left { max-width: calc(100% - 39rem); }
.subpage-intro .right { float: right; }

.subpage-intro a, .subpage-intro a:hover { color: #FFF; }

.subpage-intro a.button { margin: 2.5rem 2rem 1.25rem 0; padding-left: 1.875rem; padding-right: 1.875rem; }

.subpage-intro h1 { margin-top: 0; font-size: 2.75rem; }
.subpage-intro p { margin-bottom: 0; font-size: 1.1875rem; font-weight: 300; letter-spacing: 0.05263158em; }

.subpage-intro .social-icons { float: right; margin-top: 0.1em; }
.page-id-244 .subpage-intro .social-icons { position: absolute; right: 0; top: 0; }

.subpage-section { margin-bottom: 1.25em; /*margin-top: 3.125rem;*/ }
.subpage-section a.button {  margin: 0.9rem 0.25rem 0 0;  padding-left: 1.875rem; padding-right: 1.875rem; }

.floor-plans-container .thumb-container { left: 3.5em; position: relative; }
.subpage-intro .floor-plans-container a.button { margin: 0; }

.half-and-half-container { /*margin-left: 1.25rem; margin-right: 1.25rem;*/ }

.split-content { position: relative; margin: 0.625em 0; }
.split-content .copy { padding: 3rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: #eeeeee; min-height: 29.375rem; }
.split-content .copy p, .split-content .copy ul { font-family: "myriad-pro", "PT Sans", "Arial Narrow", sans-serif; font-size: 1.1875rem; color: #001e3a; line-height: 1.5; }
.split-content .copy ul { padding: 0 0 0 1em; }
.split-content .copy h3 { font-weight: 500; font-size: 2rem; color: #001e3a; margin: -.15em 0 0.7em; }

.half-and-half:nth-child(odd) .copy { margin-left: 50%; }
.half-and-half:nth-child(odd) .rotation { left: 0; right: 50%; }

.half-and-half:nth-child(even) .copy { margin-right: 50%; }
.half-and-half:nth-child(even) .rotation { right: 0; left: 50%; }

.half-and-half .rotation:before {  content: ''; position: absolute; z-index: 101; width: 0; height: 0; border-top: 1.15em solid transparent; border-bottom: 1.15em solid transparent; }
.half-and-half:nth-child(odd) .rotation:before { border-right: 1.15em solid #eeeeee; right: 0%; top: 4.6875em; }
.half-and-half:nth-child(even) .rotation:before { border-left: 1.15em solid #eeeeee; left: 0%; top: 4.6875em; }


.split-content .rotation { position: absolute; top: 0; bottom: 0; }

.split-content .rotation .image, .panel .rotation { width: 100%; height: 100%; background-size: cover; background-position: center; }
.split-content .cycle-nav-container , .panel .cycle-nav-container { color: #0E80BE; bottom: 0.625rem; height: auto; left: initial; right: 1.25rem; margin: 0 1.25em 1.25em 0; }
.split-content .cycle-nav .cycle-prev { margin: 0 0.55555556em 0 0; }

.split-content .rotation .play-icon { background-size: 1400px; z-index: 100; }

.panels .panel { position: relative; display: inline-block; vertical-align: top; width: calc( (100% - 2.5rem) / 3 ); margin-right: 1.25rem; margin-bottom: 1.25rem; *display: inline; *zoom: 1; }
.panels .panel:nth-child(3n) { margin-right: 0; }
.panels .panel:nth-child(3n+1):nth-last-child(-n+3),
.panels .panel:nth-child(3n+1):nth-last-child(-n+3) ~ .panel { margin-bottom: 0; }

.panel .rotation { border-bottom: 0.375rem solid #001e3a; }
.panel .rotation > img { width:100%; height:auto; }
.panel .rotation:after { content: ' '; border-top: 0.625rem solid #001e3a; border-left: 0.625rem solid rgba(0, 0, 0, 0); border-bottom: 0px solid rgba(0, 0, 0, 0); border-right: 0.625rem solid rgba(0, 0, 0, 0); width: 0; height: 0; position: absolute; left: calc( 50% - 0.625rem ); bottom: -1.0em; }
.panel .content { padding: 2.5em; color: #001e3a; background: #eeeeee; }
.panel .content h2 { font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif; font-size: 2.25em; color: inherit; margin: -.15em 0 0.7em; font-weight: 400; }
.panel .content p { color: inherit; font-size: 1.1875rem; line-height: 1.4; }
.panel .content ul { font-size: 1.1875em; padding: 0; }
.panel .content ul li { padding: 0 0 0.52631579em 0; }

.offers-panels .panel .content .read-more-less { display: none; }
.offers-panels .panel .content .read-more-less:hover { color: #f38724; }
.offers-panels .panel .content .read-more { font-size: 1.1875em; margin: 1em 0; }
.offers-panels .panel .content .terms-conditions { margin: 1em 0; }
.offers-panels .panel .content .button { margin: 0.9rem 0rem 0.9rem 0 }

.offers-panels .panel .content .inner { max-height: 242px; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative;}

.blog .panel .content span { font-style: italic; }

/* Blog Post Styles */
.blog-post-nav { margin: 3.75em 0 0 0; }
.blog-post-nav span { margin: 0 1em 0 0; }

.blog-post h1,
.blog-post h2,
.blog-post h3,
.blog-post p {
    color: #001e3a;
    font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif;
    font-weight: 400;
    margin: 0 0 1em 0;
}

.blog-post h1 { font-size: 2.25em; }
.blog-post p { font-size: 1.1875em; }
.blog-post-image { margin-bottom: 2.5em; }
.blog-post-image img { width: 100%; height: auto; }
.blog-post .posted-on { font-size: 1.01495726em; font-style: italic; margin: 0; }
.postid-6459 .blog-post .posted-on,.postid-6459 .blog-post .posted-on+br{display:none;}
.blog-post .posted-by { font-size: 1.375em; }
.blog-post .blog-author { color: #35b5f4; }
.blog-post .post-content { margin-top: 1.25em; }

.blog-post .post-content a img {float:left;margin: 0 20px 0 0}

.postid-6075 .blog-post .post-content a img {float:none;}

.blog-post .content img { width: 100%; height: auto; }
.blog-post .content-right { background-color: #eeeeee; width: calc(33.33% - 1.25em); padding: 0; }

.content-right .tags,
.content-right .share-this,
.content-right .popular-posts,
.content-right .blog-list-archive { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.57894737em; border-bottom: 2px solid #fff; }

.content-right .tags {}
.blog-post .content-right .tags a { text-decoration: none; color: #001e3a; background-color: #e1e1e1; padding: 0.52631579em 0.78947368em; /*margin: 0 0.52631579em 0 0;*/ }
.content-right .share-this {}
.content-right .popular-posts {}
.content-right .popular-posts a { font-size: 0.94736842em; }
.blog-post .content-right .blog-list-archive li span { color: #35b5f4; padding: 0 0 0 0.1em; text-decoration: none; }

.blog-post .content-right ul { margin: 0; list-style: none; padding: 0; }
.blog-post .content-right li { list-style: none; }
.blog-post .content-right li a.open { color: #f38724; }
.blog-post .content-right a { color: #35b5f4; text-decoration: underline; }

.blog-post .content-right .blog-panel-right { margin: 0 0 2px 0; }
.blog-post .content-right .blog-panel-right:last-child { margin: 0; }

.blog-list-archive a { cursor: pointer;}
.blog-list-archive ul li.selected ul li { padding: 0 0 0 1.57894737em; }

.accordion li { color: #35b5f4; }
.inner-accord { padding-left: 1em; overflow: hidden; display: none; color: #35b5f4; }
.inner-accord li { padding: 0 0 0 1.57894737em; }
a.toggle.orange, .inner.show li, .inner.show li a { color: #f38724; }
 a.toggle { -webkit-transition: background .3s ease; transition: background .3s ease; }

/* Blog Share */
/*.blog-share { display: inline-block; *display: inline; *zoom: 1; width: 52px; height: 52px; margin-right: 5px; }*/

    .blog-share span { display: none; }
    .blog-share span.icon-facebook,
    .blog-share span.icon-twitter,
    .blog-share span.icon-pinterest {
        display: inline-block;
        font-size: 0.70914127em;
}
    .blog-post .content-right .share-this a { color: #fff; vertical-align: top; }

.archive-sub-menu { display:none; }

.gallery-select {  }
.page-id-260 .gallery-select, .page-id-812 .gallery-select, .page-id-814 .gallery-select { display: none; }
.gallery-select .styled-select { height: 3rem; display: inline-block; width: 100%; max-width: 23.75rem; }
.gallery-select .styled-select .arrow { padding: 0 0.75em; }
.gallery-select .styled-select select { font-family: "proxima-nova",sans-serif; font-size: 1.25rem; line-height: 3.3rem; padding: 0 2.25em 0 0.5em; }

.galleries-container { background-color: #eee; margin: 0 0 1.25em 0; padding: 2.5em 0 4.6875em 0; }
.gallery-select { float: right; width: 380px; }
.galleries-container section { margin-bottom: 2.5em; }

.blog-nav, .gallery-nav { display: inline-block; font-size: 1.375em; padding: 0.45454545em 0 0;}
.blog-nav { display: inline-block; font-size: 1.375em; padding: 0;}
.blog-nav li, .gallery-nav li { display: inline-block;}
.blog-nav a, .gallery-nav a { color: #35b5f4; padding: 0 0.68181818em 0 0; }
.blog-nav ul li.current-cat a, .gallery-nav li.current_page_item a { color: #f38724; text-decoration: none; }
.blog-nav ul { padding: 0; margin: 0 0 1.25em 0; }

.page-id-260 .gallery-nav, .page-id-812 .gallery-nav, .page-id-814 .gallery-nav { margin: 0 0 1.25em 0; }

.gallery-container h2 { margin-top: -.2em; margin-bottom: 0.3em; font-size: 2rem; font-weight: 500; color: #001e3a; }

.gallery-grid { position: relative; }
.gallery-grid .gallery-item { display: inline-block; width: 18.75%; margin: 0 0 1.5625% 1.5625%; position: relative; }
.gallery-grid .gallery-item img { width: 100%; }
.gallery-grid .gallery-item:nth-child(5n-4) { margin-left: 0; }
.gallery-grid .gallery-item .caption { position: absolute; bottom: 0; left: 0; right: 0; color: #FFF; padding: 0.5em; background: #001e3a; -webkit-transition: opacity .2s; transition: opacity .2s; opacity: 0; }
.gallery-grid .gallery-item:hover .caption { opacity: 1; }

.gallery-grid .gallery-item span.icon-open_in_new_tab { bottom: 0; color: #fff; display: none; font-size: 1.5em; position: absolute; right: 0; }

.play-icon { background: url(/wp-content/themes/Caribe/css/img/icons/play-icon-60x60.svg) no-repeat 50%; background-size: 500px; height: 100%; opacity: 0.5; position: absolute; top: 0; width: 100%; }

/* Map Section */

.map-container { position: relative; }
.map-directions-container { width: 100%; max-width: 980px; position: absolute; left:0; right: 0; margin: auto; bottom:10%; }
.map-directions-container * { -webkit-box-sizing: border-box; box-sizing: border-box; }
#map-canvas { width: 100%; height: 600px; }
.page-id-354 #map-canvas { height: 700px; }
.map-directions-title { width: 50%; color: #fff; background-color: #0E80BE; padding: .8rem 1.2rem; }
.map-directions-title h3 { margin:0; font-family: "brandon-grotesque",sans-serif; font-weight: 300; text-transform: uppercase; }
.map-directions-input { width: 100%; background-color: #4F525E; }
.map-directions-inner { padding: 1.2rem; }
.map-directions-inner > * { vertical-align:bottom; }
.map-directions-inner div:not(:last-child) { padding-right:.6rem }
.map-directions-inner div input[type=text] { width: 100%; font-size: 1.1875rem; border-radius: 0.25em; border: none; padding: 0.7rem 0.4975rem; font-family: "proxima-nova",sans-serif; color: #4F525E; }
.map-directions-inner div input[type=text]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color: #4F525E;
}
.map-directions-inner div input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #4F525E;
   opacity:  1;
}
.map-directions-inner div input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #4F525E;
   opacity:  1;
}
.map-directions-inner div input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #4F525E;
}

.map-from span, .map-to span { display:block; color:#fff; padding-bottom:.6rem; font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif; }
.map-from, .map-to, .map-directions-button  { display: inline-block; }
.map-directions-button input { width:auto; }
.map-from, .map-to { width: 40%; }
.map-directions-button { width:20%; }


.map-section.panels .content h3 { margin-top: 0rem; }

/* .button { font-size: 1.25rem; border-radius: 0.25em; padding: 0.7rem 1rem 0.4975rem; text-decoration: none; } */

body>footer { position: relative; background: #eeeeee; min-height: 20.5em; }

body>footer .footer-main { padding: 2.9em 3.125em 2.9em 12.5em; margin-right: 30em; min-height: 20.5em; -webkit-box-sizing: border-box; box-sizing: border-box; }

body>footer .footer-main ul { margin: 0; padding: 0; font-size: 1.125em; font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif; font-weight: 300; color: #4F525E; }

body>footer .footer-main ul li { display: inline-block; line-height: 1.5; }
body>footer .footer-main ul li:after { content:'|'; margin: 0 0.5em; }
body>footer .footer-main ul li:last-child:after { content: none; }
body>footer .footer-main ul li a { color: inherit; }
body>footer .footer-main ul li a:hover, body>footer .footer-address a:hover { color: #f38724; }
body>footer .footer-main .legal-note { margin: 2.1em 0; font-size: 1em; font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif; font-weight: 300; font-style: italic; color: #4F525E; }
body>footer .footer-main .adchoices { background: url(/wp-content/themes/Caribe/img/AdChoices-logo.png) right center no-repeat; padding-right: 1.2em;}
body>footer .footer-main .footer-brands img:first-child { margin-right: 2em; }
body>footer .footer-main .footer-brands {  display: -ms-flexbox;    display: -webkit-box;    display: flex;    -ms-flex-direction: row;   -webkit-box-orient: horizontal;   -webkit-box-direction: normal;   flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;  -ms-flex-pack: start;  -webkit-box-pack: start;  justify-content: flex-start;  -ms-flex-line-pack: stretch;  align-content: stretch;  -ms-flex-align: center;  -webkit-box-align: center;  align-items: center;  }
body>footer .footer-main .footer-brands .hilton-logos{display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: end;  -ms-flex-align: end;  align-items: flex-end;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
body>footer .footer-main .social-icons { /* display: none; margin-bottom: 3.125rem; */ display: inline-block; margin-top:2em;}

body>footer .footer-address { width: 30em; -webkit-box-sizing: border-box; box-sizing: border-box; padding: /*2.9em 1.25em*/3.5em 3.125em; position: absolute; top: 0; right: 0; bottom: 0; background: #E1E1E1; background: url(/wp-content/uploads/2016/03/waves-background-repeating.png); }

body>footer .footer-address { color: #4F525E; }
body>footer .footer-address h3 { color: #35b5f4; font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif; font-weight: 300; font-size: 2.5em; margin: -0.1em 0 1.65rem; }
body>footer .footer-address p { font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif; font-weight: 300; font-size: 1.1875em; margin: 0 0 1.4rem; }
body>footer .footer-address a { color: inherit; }
body>footer .footer-address *:last-child { margin-bottom: 0; }

/* body>footer .footer-main ul li.menu-item-224:after { content: ''; } */

.adChoices img { margin-left: 0.5em; }
#cookielaw { margin-top: 2em; }

html.flexbox body>footer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-line-pack: justify; align-content: space-between; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch;}

html.flexbox body>footer .footer-main { margin-right: 0; display: relative; -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; -ms-flex: 1 10 auto; -webkit-box-flex: 1; flex: 1 10 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }

html.flexbox body>footer .footer-address { position: relative; -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }

/* Testimonials */
section.testimonials {
    margin-bottom: 1.25em;
}
.testimonials-container {
    top: 0!important;
    margin: 0!important;
}

.testimonials h1 {
    color: #35b5f4;
    float: right;
    font-size: 2.25em;
    font-weight: 400;
    margin: 0;
}
.testimonials p {
    font-size: 2em;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
}
.testimonials img {
    width: 100%;
    height: auto;
}
.testimonials span.icon-quotes {
    color: rgba(53,181,244,0.25);
    font-size: 2em;
    left: 3.125em;
    position: absolute;
}
.testimonial {
    padding: 6.9375rem 9.0625rem 11em;
}
/* Testimonials Cycle Controls */

.testimonials .cycle-nav-container {
    bottom: 1.875em;
    height: initial;
    left: initial;
    right: 1.875em;
}
.testimonials .cycle-prev {
    margin: 0 0.625em 0 0;
}

/* Resort Map */

.resort-map-stacked { display: none; }

.information-block h1 { font-size: 36px; font-weight: 400; margin: 10px 0 0 0; text-align: initial; }
.information-block p { font-size: 16px; text-align: initial; }
.information-block img { height: auto; max-width: 260px; width: 100%; }
.information-block { background-color: #eee; -webkit-box-sizing: border-box; box-sizing: border-box; color: #001e3a; display: none; max-width: 280px; padding: 10px; position: relative; }
    .information-block:after { content: ''; position: absolute; border-bottom: 10px solid #f38624; border-left: 10px solid transparent; border-right: 10px solid transparent; left: calc(50% - 10px); top: -10px; }
    .information-block:before { content: ''; position: absolute; border-top: 2px solid #f38624; top: 0; left: 0; width: 100%; }
        .information-block.active { display: block; }

.resort-map-stacked .information-block { display: block; max-width: none; padding: 0; }
.resort-map-stacked .information-block:before, .resort-map-stacked .information-block:after { border: none; }
.resort-map-stacked .information-block img { float: left; padding-right: 40px; }
.resort-map-stacked { background-color: #eeeeee; min-height: 120px; }


#map-container {width:100%; position:relative; overflow:hidden;}
.map-viewport {position: relative}
.map-viewport.secondary {display:none;}
#map-overlay {width: 100%; position: absolute; z-index: 100; display:none;}
.map-image {width:100%;}

.map-pin { position:absolute; text-align: center; color:#fff; -webkit-transform: translate(-50%, -0%);transform: translate(-50%, -0%);height:5em; cursor:pointer;}
.map-pin.active {z-index:999}
span.pin.icon-map-pin { color: #35b5f4; font-size: 5em; }
.map-pin.active span.pin.icon-map-pin { color: #f38724; }
.pin {height:46px; width:39px;position: relative}
.pin-details:before {border-bottom: 10px solid #f38724;top: -10px;position: absolute;left: 50%;margin-left: -10px;content: "";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.pin-details:after { content: ''; position: absolute; border-top: 2px solid #f38624; top: 0; left: 0; width: 100%; }

.pin-details.above:before {border-top: 9px solid #fdf9f3;bottom: -9px;border-bottom: none;top: auto;}
.pin-details.below:before {top:-9px;}

.map-pin:hover > .pin-details:not(.open) {display:block;-webkit-animation: fadeInFromNone 0.5s;animation: fadeInFromNone 0.5s;}
.map-pin:hover img.pin {right: -1px;}

.pin-details {display:none;background: #eee;-webkit-box-sizing: border-box;box-sizing: border-box; max-width:280px; padding: 0 20px;position: relative; cursor: auto;}
.pin-details.open {background:#eee}

.pin-details .title {color: #001e3a; font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif; font-weight: 400; height:34px;line-height:34px;width:auto;font-size: 1em;}
.pin-details .description {display:none;font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif;color: #001e3a;font-size:1.125em;}
.pin-details img { display: none; }
.pin-details a {display:none;}
.pin-details.open a.learn-more:hover {text-decoration: underline}

.pin-details.open {display:block; padding: 10px;}
.pin-details.open .title {display:block;color:#262626;font-size:2.25em;text-align: left;line-height: 1;padding: 0; margin: 10px 0;height: auto;}
.pin-details.open .description {display:block;font-size:1em;text-align: left;}
.pin-details.open img { display: block; max-width: 260px; }
.pin-details.open .description p {margin:0;}
.pin-details.open a.learn-more {display: block;font-family: 'nobel light';font-size: 1em;text-transform: uppercase;font-weight: 500;text-decoration: none;position: absolute;bottom: 20px;right:20px;}
.pin-details.open p {font-size:1em;}
.pin-details.open a.pin-close {color:#fff;display: block;font-family: 'nobel light';font-size: 1em;text-transform: uppercase;font-weight: 500;text-decoration: none;position: absolute;top: 20px;right:20px;}

/* Resort Map Tablet/ Mobile Stack */

.resort-map-stacked { margin: 0 0 1.25em 0; }
.resort-map-stacked .pin-details { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: none; padding: 0; }
.resort-map-stacked .pin-details .title { font-size: 2.25em; margin: 0.5em 0 0 0; }
.resort-map-stacked .pin-details .description { font-size: 1em; }
.resort-map-stacked img { display: inline-block; max-width: 260px; padding: 0 2.5em 0 0px; vertical-align: top; }
.resort-map-stacked .pin-details .description { display: inline-block; }
.resort-map-stacked .pin-details:before, .resort-map-stacked .pin-details:after { border: none; }

/* Bullet List */

.bullet-list { background-color: #eee; color: #001e3a; font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif; margin: 0 0 1.25em 0; padding: 4.6875em 3em; }
.bullet-list h1 { font-size: 2.25em; font-weight: 400; margin: 0 0 1em 0; }
.bullet-list .columns { -webkit-column-width: 500px; column-width: 500px; }
.bullet-list .columns ul { margin: 0; padding: 0 1.5em 0 1.5em; list-style-type: none; }
.bullet-list .columns li { font-size: 1.5em; padding: 0 0 0.35714286em 0; position: relative; }
.bullet-list .columns ul li:before { position: absolute; content: '\e916'; font-family: 'icomoon'; font-size: 8px; left: -20px; top: 11px; color: #001e3a; }
.bullet-list .columns ul li:first-child { margin-top: 0px; }

/* 3D Floor Plan Styles */

.fpOverviewWrap { display: inline; }
.fpOverviewBox { float: right; padding: 0.625em 7.5em 0 0; position: relative; text-align: right; }
.fpOverviewBox a { color: #35b5f4; font-size: 19px; }
.fpImage { position: absolute; right: 0; top: 0; }
.fpImage img { border: 1px solid #35b5f4; max-width: 105px; }
.fpImage a { margin: 0!important; }
.split-content .copy .fpOverviewBox .fpText p { font-size: 22px; color: #001E3A; margin: 0 0 5px 0; }
.fpText a { color: #35b5f4; font-size: 19px; margin: 0!important; }

/* Candado Lagoon Villas Logo Section */
section.condado-logo { margin: 0 0 1.25em 0; padding: 1.9375em 0; text-align: center; }
img.condado-logo { max-width: 447px; }

/* Contact Page */
section.contact { color: #fff; font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif; font-weight: 400; margin: 0 0 1.25em 0; }
section.contact h4, section.contact h5 { font-size: 1em; font-weight: 400; }
section.contact h4 { font-size: 1.47368421em; margin: 0; }
section.contact h5 { margin: 1em 0 0.5em 0; text-transform: uppercase; }

.content-left { float: left; width: 66.66%; }
.content-right { background-color: #001e3a; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.1875em; float: right; padding: 1.57894737em; width: 33.33%; }
.content-right a { color: #fff; text-decoration: none; }

/* Contact Us Form */

.content-left [class*='col-'] { float: left; }
.col-1-1 { width: 100%; }
.col-1-2 { width: 50%; }

.wpcf7 {margin: 36px 0 0 0!important;padding:0;}
.wpcf7-form input#comments {}
.wpcf7-form fieldset {padding:0 30px 22px 0;}
.wpcf7-form fieldset p {margin:0;height:0;}
.wpcf7-form fieldset.form_button {padding: 0;}
.wpcf7-form fieldset.checkbox {  margin: 17px 0 0;}
.wpcf7-form label {font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif;font-weight: 400;font-size:1em;color:#001e3a;}
.wpcf7-form input {background:#e0e0e1;border:0;color: #001e3a; width:100%;height:46px;text-indent:15px;}
.wpcf7-form input.agree {width: 20px; height: 20px; border: solid 1px #665A58; display:inline-block; zoom: 1;*display: inline; zoom: 1;*display: inline; background: #FDF9F3; top: 5px; position: relative;margin:0 10px 0 0;display:none;}
.terms-title {width:100%;display:block;}
.wpcf7-form .terms-title p {display:inline;font-size:1.063em;}
.wpcf7-form .wpcf7-form-terms {font-size:0.875em;height: auto;margin: 1.33em 0;}
.wpcf7-form input.button {width: auto;margin: 15px 0 50px;;color: #fff;font-size: 1.2em;text-indent: 0;background: #35b5f4;text-transform: uppercase; }
.wpcf7-form input.button:hover { background: #f38724; }
.wpcf7-form input.button.submit-form {}
.wpcf7-form input.button.clear-form {}
.wpcf7-form textarea {background:#e0e0e1;border:0;color: #001e3a;width:100%;height:180px;}
.wpcf7-form .required-text {top: -20px;right: 11px;position: relative;  font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif;font-size: 0.85em; text-align: right; color: #001e3a;font-weight: 600;font-style:italic}
.wpcf7-form .map-text .grid {padding: 0 20px 50px;}
.wpcf7-form #contact-form {margin: 0;}
.error {font-family: museo-sans; font-size: 1em; color: #FC5757; line-height: 0.875em;}
.wpcf7-form .checkbox span {font-weight:400;color: #001e3a;font-size: .98em;  font-family: "myriad-pro", "PT Sans", "Trebuchet", "Helvetica" ,sans-serif;}
.wpcf7-form .agree input {display:inline-block; zoom: 1;*display: inline;zoom: 1;*display: inline; ;height: 20px;width: 20px;position: relative;top: 4px;margin: 0 4px 0 0;}
span.wpcf7-list-item {margin-left:0!important;}
.wpcf7-form p {margin:0!important;font-size:.95em;}
.wpcf7-form p.contact-terms { color: #001e3a; line-height: 1.6em;font-style: italic; margin: 5px 0 0!important;}
div.wpcf7-validation-errors {border:none!important;}
div.wpcf7-mail-sent-ok {border:none!important;}
span.wpcf7-not-valid-tip {color: #f00!important;}
div.wpcf7-response-output {padding: 0!important;color: #f00!important;margin: 0!important;}

/* Activity Calendar */
.activity-calendar { overflow: hidden; }
.activity-calendar h1 { margin: 0.67em 10px; }
/* Calendar Tabs */
.activity-calendar .calendar-accordion {
    background-color: #f38724;
    border-bottom: 4px solid #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-weight: 100;
    font-size: 26px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
    height: 150px;
    width: 100%;
    display: none;
}
.activity-calendar-tabs ul {
    border-bottom: 4px solid #f38724;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}
.activity-calendar-tabs ul li {
    background-color: #cccccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 180px;
    max-height: 180px;
    width: 180px;
    max-width: 180px;
    list-style: none;
    padding: 20px;
    cursor: pointer;
}
.activity-calendar-tabs ul li.active {
    background-color: #f38724;
    height: 184px;
    max-height: 184px;
}
.activity-calendar-tabs ul li {
    color: #5e5e5e;
    font-weight: 100;
    font-size: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.activity-calendar-tabs ul li .event-count {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.activity-calendar-tabs ul li.active {
    color: #fff;
}

/* Calendar Days */
.activity-calendar .days-activities {
    display: none;
/*
    height: 1px;
    width: 1px;
    overflow: hidden;
*/
}
.activity-calendar .days-activities.active {
    display: block;
    height: 100%;
    overflow: hidden;
}
.activity-calendar .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
/*
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
*/
    width: 100%;
}
.activity-calendar .time-of-day,
.activity-calendar .activity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 20%;
    max-width: 258px;
    min-width: 258px;
    height: 110px;
}
.activity-calendar .time-of-day {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #f38724;
    font-size: 20px;
    padding: 30px;
    position: relative;
}
.activity-calendar .activity .activity-location {
    font-style: italic;
    font-weight: 100;
}
.activity-calendar .activity-wrapper {
    border-left: 1px solid #cccccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 75%;
}
.activity-calendar .time-of-day:after {
    background-color: #f38724;
    border-radius: 100%;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: -10px;
    top: calc(100% - 62px);
    z-index: 1;
}
.activity-calendar .activity {
    background-color: #e8e8e8;
    border-bottom: 5px solid #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #5e5e5e;
    font-size: 18px;
    margin: 0 0 0 5px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.activity-calendar .activity:first-child,
.activity-calendar .activity:nth-of-type(4n+4) {
    margin: 0 0 0 30px;
}
.activity-calendar .terms {
    color: #5e5e5e;
    font-size: 16px;
    font-style: italic;
    font-weight: 100;
    padding: 15px 10px;
}
/* Dummy Row */
/*
.row.dummy,
.time-of-day.dummy,
.activity.dummy { height: 0; }
.activity.dummy:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2000px;
    background-color: #cccccc;
}
.activity-calendar .time-of-day.dummy:after {
    display: none;
}
*/

/* Modal Popup */
.modal-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

/* Chat popup Styles */
.chat-popup {
    background-color: #ffffff;
    border: 2px solid #fff;
    border-left: none;
    border-right: none;
    bottom: 9em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "myriad-pro", "PT Sans", "Arial Narrow",sans-serif;
    font-size: 1.25em;
    font-weight: 600;
    height: 7.2em;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 0;
    position: fixed;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    width: 0em;
    z-index: 1001;
}

.chat-popup.active {
    width: 17em;
}

.chat-popup * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

.chat-popup .close-icon {
    color: #666666;
    position: absolute;
    font-size: 0.8em;
    right: 0.5em;
    top: 0.5em;
    cursor: pointer;
    z-index: 1;
}

.chat-popup .chat-logo {
    position: absolute;
    top: 2em;
    left: 2em;
}

.chat-popup .copy-overlay {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(30%, rgba(255,255,255,1)));
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 10em;
}

.chat-popup .copy-overlay h4 {
    color: #001e3a;
    font-size: 1.2em;
    font-weight: 300;
    left: 1.5em;
    margin: 0;
    position: absolute;
    top: 1em;
    width: 6em;
}

.chat-popup .copy-overlay h4 span {
    font-weight: 400;
    margin: 0;
}

.chat-popup a.green-button {
    font-family: "myriad-pro-semi-condensed", "PT Sans Narrow", "Arial Narrow", sans-serif;
    text-decoration: none;
    border-radius: 0.25em;
    background-color: #35b5f4;
    padding: 0.525em 0.5em;
    position: absolute;
    font-size: 1em;
    display: inline-block;
    bottom: 1.5em;
    right: 1.1em;
    color: #fff;
    letter-spacing: 0.05em;
    outline: none;
    /*width: 7.8em;*/
}
.chat-popup span {
    margin: 0.4em;
}
.chat-popup-backup {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #35b5f4;
    border-radius: 0 0.25em 0.25em 0;
    bottom: 13.95em;
    color: #ffffff;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    font-size: 1.25em;
    height: 2.25em;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    left: 0;
    position: fixed;
    width: 2.5em;
    z-index: 1000;
}

@media only screen and (max-width: 1330px){
    body>footer .footer-main ul li.menu-item-224:after { content: '|'; }
}

@media only screen and (max-width: 1320px){
    #logo { margin-left: 1.25rem; }
    .cell:nth-child(odd) .full-image-overlay { left: 1.25rem; }
    .cell:nth-child(even) .full-image-overlay { right: 1.25rem; }
    .cell:nth-child(odd) .full-overlay .additional-image { right: 1.25em; }
    .cell:nth-child(even) .full-overlay .additional-image { left: 1.25em; }
    .subpage-section, .breadcrumb .central-content, .subpage-intro .central-content, .contact .central-content { margin-left: 1.25rem; margin-right: 1.25rem; }
    .gallery-nav { display: block; text-align: center; }
}

@media only screen and (max-width: 1280px){
    .grid .cell[class*="desktop-"] { width: auto; display: inline-block; }

    .grid .cell.tablet-1280-full-width { width: 100%; }
    .grid .cell.tablet-1280-half { width: 50%; }

    .grid .cell.tablet-hidden { display: none; }

    .cell.slide-up:hover .content { bottom: 0rem;/*was -6rem*/ }
    .cell.slide-up .link .icon-cross { opacity: 1;/*was 0*/ }
    .cell.slide-up .link .icon-small-arrow-right { opacity: 0;/*was 1*/ }

    html.flexbox body>footer { display: block; }
    body>footer .footer-main, body>footer .footer-address { position: relative; width: 100%; margin: 0; text-align: center; padding: 3.125em; }
    body>footer .footer-main .footer-brands{  -ms-flex-pack: center;        -webkit-box-pack: center;        justify-content: center;
    }

}

@media only screen and (max-width: 1260px) {
    .activity-calendar-tabs ul li {
        border-right: 5px solid #ffffff;
    }
    .activity-calendar-tabs ul li:last-child {
        border: none;
    }
}

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

    #mobile-menu-icon { display: inline-block; }
    body { right: 0; position: relative; -webkit-transition: right 0.3s linear; transition: right 0.3s linear; }
    body.mobile-nav-open { right: 20rem; }
    header .lang-selector { top: 35px; right: 435px; }
    body>header nav { top: 4px; }
    body.mobile-nav-open>header nav>ul { right: 0;  }
    body>header nav>ul { overflow: hidden; -webkit-transition: right 0.3s linear; transition: right 0.3s linear; display: block; position: fixed; width: 20rem; top: 0; right: -20rem; }
    body>header nav>ul li { display: block; color: #666666; background-color: #FFF; /*padding: 0.7318em 0 0.500em;*/ border-bottom: 1px solid #E0E0E1; margin: 0; }
    body>header nav ul li.active a, body>header nav ul li:hover a {  }
    body>header nav ul li.active { background: #fff; color: #fff; }
    body>header nav li.mobile-close-bar { display: block; color: #666666; text-align: right; padding: 1.108em 1em; line-height: 0.65; font-size: 1.1em; background-color: #e1e1e1; cursor: pointer; text-transform: uppercase; }
    body>header nav ul li a { text-align: left; padding: 0.75em 0 0.5em 0.75em; }
    body>header nav ul li a:hover { color: #f38724; }
    body>header nav>ul li.menu-item-has-children>a:after { color: #e1e1e1; content: "\e913"; font-family: 'icomoon'; position: absolute; right: 10px; }
    body>header nav>ul li.menu-item-has-children:hover>a:after { content: '\e914'; }
    body>header nav ul.sub-menu:hover { display: block; max-width: none; padding: 0; position: relative; width: 100%; }
    body>header nav>ul li:hover>.sub-menu { display: block; max-width: none; padding: 0; position: relative; width: 100%; }
    .menu-main-menu-container .menu-item-has-children:hover { border: none; }
    body>header nav ul.sub-menu li { background: #eeeeee; }
    body>header nav ul.sub-menu li:last-child { border: none; }
    body>header nav ul.sub-menu li a:hover { background: #f38724; color: #fff; }
    body>header nav ul li.active, body>header nav ul li:hover { color: #666666; }

    .page-id-244 .subpage-intro .left { max-width: 100%; float: right; }
    .subpage-intro .left
    .floor-plans-container { float: right; }
    .page-id-244 .subpage-intro .social-icons { bottom: 0; right: inherit; top: inherit; }

    .testimonials p, .testimonials h1  {
        font-size: 1.15em;
    }

    .full-image-overlay { width: 50%; }

    .gallery-grid .gallery-item { width: 23.82%; }
    .gallery-grid .gallery-item:nth-child(5n-4) { margin-left: 1.5625%; }
    .gallery-grid .gallery-item:nth-child(4n-3) { margin-left: 0; }

/*    body.mobile-nav-open header { right: 20rem; }
    body>header { -webkit-transition: right 0.3s linear;
    transition: right 0.3s linear;}
    */
}

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

    .fpOverviewWrap { display: block; width: 100%; height: 81px; }

}

@media only screen and (max-width: 1085px) {
    .activity-calendar .activity-wrapper {
/*        width: calc(100% - 259px);*/
    }
    .activity-calendar .activity:nth-of-type(2n+2) {
        margin: 0 0 0 5px;
    }
    .activity-calendar .activity:nth-of-type(3n+3) {
        margin: 0 0 0 30px;
    }
    .activity-calendar .activity {
        margin: 0;
        min-width: inherit;
        max-width: inherit;
        width: calc(50% - 18px);
    }
}

@media only screen and (max-width: 1024px){
    .full-width-rotation-slide .content { width: auto; right: 5em; bottom: 25%; left: 5em; }
    .full-width-rotation .cycle-nav { display: none; }

    .middle-align-tablet { line-height: 0; }
    .middle-align-tablet > *, body { line-height: 1.2; }
    .middle-align-tablet:before { content: ''; display: inline-block; height: 100%; width: 0px; background: red; vertical-align: middle; }
    .middle-align-tablet > * { vertical-align: middle; }

    /* adjust spacing between inline-block (we need to keep spaces to justify)  */
    .middle-align-tablet, .middle-align-tablet> .middle-align-tablet { letter-spacing: -.54em; word-spacing: -.013em; }
    .middle-align-tablet > * { display: inline-block; letter-spacing: normal; word-spacing: normal; }

    .full-image-overlay {padding: 0 1em; }


    .map-directions-input .map-to { display: none; }
    .map-directions-input .map-from { width: 20rem; }
    .map-directions-button { width: auto; }

    .resort-map-stacked { display: block; }
    .map-pin { display: none; }

}

@media only screen and (max-width: 1000px) {
    .activity-calendar .day-cut { display: none; }
    .activity-calendar-tabs ul li.active {
        height: 134px;
        max-height: 134px;
    }
    .activity-calendar-tabs ul li {
        height: 130px;
        max-height: 130px;
    }
}

@media only screen and (max-width: 950px){
    .full-image-overlay { width: 20rem; padding: 0 1em; }
    .full-image-overlay p { display: none; }
    .full-overlay .additional-image { display: none; }

    .subpage-intro .left, .subpage-intro .social-icons { float: none; max-width: none; text-align: left; }
    .subpage-intro .social-icons { margin-top: 2.75rem; }
    .gallery-select { float: none; margin: auto; }
    .gallery-nav { line-height: 2; margin: 0 1.25em 0 1.25em; padding: 0.90909091em 0 0.90909091em 0; text-align: center; }
    .blog-nav { line-height: 2; margin: 0 1.25em 0 1.25em; text-align: center; }

    .gallery-grid .gallery-item span.icon-open_in_new_tab { display: block; }

    section.notice { padding: 0.59375em 0; }
    section.notice h1 { display: block; margin: 0; padding: 0; }
    section.notice p { display: block; }
}


@media only screen and (max-width: 900px){
    .half-and-half:nth-child(n) .rotation { position: relative; right: auto; left: auto; padding-bottom: 60%; }
    .page-id-244 .half-and-half:nth-child(n) .rotation { display: none; }
    .half-and-half:nth-child(n) .copy { margin-left: 0; margin-right: 0; }
    .half-and-half .rotation:before { content: none; }

    .split-content .rotation .play-icon { background-size: 1000px; }

    .panels .panel { width: calc( (100% - 1.25rem) / 2 ); margin-right: 1.25rem; margin-bottom: 1.25rem; }
    .panels .panel:nth-child(n) { margin-right: 1.25rem; margin-bottom: 1.25rem; }
    .panels .panel:nth-child(2n) { margin-right: 0; }
    .panels .panel:nth-child(3n+1):nth-last-child(-n+3),
    .panels .panel:nth-child(3n+1):nth-last-child(-n+3) ~ .panel { margin-bottom: 1.25rem; }
    .panels .panel:nth-child(2n+1):nth-last-child(-n+2),
    .panels .panel:nth-child(2n+1):nth-last-child(-n+2) ~ .panel { margin-bottom: 0; }
    .cell.slide-up:hover .content { bottom: -6rem;}
    .cell.slide-up .link .icon-cross { opacity: 0; }
    .cell.slide-up .link .icon-small-arrow-right { opacity: 1; }

    .testimonials .cycle-nav .cycle-next,.testimonials .cycle-nav .cycle-prev { display: none; }
    .testimonial { padding: 5.9375rem 5.0625rem; }
    .testimonials span.icon-quotes { left: 0.9375em; }

    .bullet-list { padding: 2.5em 3em; }
    .bullet-list .columns { -webkit-column-width: 350px; column-width: 350px; }
    .bullet-list .columns li { font-size: 1.375em; }
    .bullet-list .columns ul li:before { top: 8px; }

    .fpOverviewWrap { display: inline; width: none; height: none; }

     body>footer .footer-main ul li.menu-item-224:after { content: ''; }

}

@media only screen and (max-width: 750px) {
    .activity-calendar .day-cut-further,
    .activity-calendar-tabs ul li .event-count { display: none; }
    .activity-calendar-tabs ul li { font-size: 46px; }
    .activity-calendar-tabs ul li.active {
        height: 111px;
        max-height: 111px;
    }
    .activity-calendar-tabs ul li {
        height: 107px;
        max-height: 107px;
    }
    .activity-calendar .time-of-day {
        max-width: 150px;
        min-width: 150px;
    }
    .activity-calendar .activity-wrapper {
        width: calc(100% - 151px);
    }
}

@media only screen and (max-width: 700px){
    header .lang-selector { top: 20px; right: 115px; }

    #calendarCalendar .calendars.range { width: 261px; left: calc(50% - 130px)!important; }
    #calendar-start-date, #calendar-end-date { border: none; }

    .grid .cell[class*="desktop-"] { width: auto; display: inline-block; }
    .grid .cell[class*="tablet-"] { width: auto; display: inline-block; }

    .grid .cell.mobile-hidden { display: none; }

    .grid .cell.mobile-700-full-width { width: 100%; }
    .grid .cell.mobile-700-full-width.full-width-square { width: 200%; margin-left: -100%; }
    #logo { height: 3.125em; margin-top: 0.3125em; margin-bottom: 0.3125em; margin-left: 0.625rem; }
    .booking-widget { width: 100%;  position: absolute; top: 100%; left: 0; right: 0;  }
    .booking-widget, body>header { height: 3.75em; }
    body { margin-top: 7.5em; }

    .cell.slide-up .content .copy p, .cell.slide-up .content h2 { margin-left: 0.625rem;     margin-right: 5rem; }
    header .lang-selector { margin-right: 0.625rem; }
    .cell.slide-up .link { right: 0.625rem; }

    .cycle-slideshow.subpage-masthead .content-wrapper .content, .full-width-rotation-slide .content { display: none; }
    .cycle-slideshow.subpage-masthead .cycle-nav-container { text-align: center; bottom: 0em; height: 100%; }
    .cycle-nav-container.left .cycle-nav { float: none; }
    .cycle-nav .cycle-next, .cycle-nav .cycle-prev { background: none; color: #fff; font-size: 2.375em; position: absolute; }
    .cycle-nav .cycle-next { right: 0; top: calc(50% - 19px); }
    .cycle-nav .cycle-prev { left: 0; top: calc(50% - 19px); }
    .cycle-nav .cycle-pager { background: none; bottom: 0; left: 0; position: absolute; right: 0; }
    .cycle-pager span { border: 1px solid #fff; }
    .cycle-pager span.cycle-pager-active { background: #fff; }

    .split-content .cycle-nav .cycle-prev { margin: 0; }
    .split-content .cycle-nav-container { left: 1.25em; bottom: calc(50% - 1.25em); }
    .half-and-half:nth-child(even) .rotation .cycle-nav-container { right: 0; }
    .cycle-nav.middle-align { position: initial; }

    .grid .cell .full-image-overlay p { display: none; }

    .panels .panel { width: 100%; margin-right: 0; margin-bottom: 1.25rem; }
    .panels .panel:nth-child(n) { margin-right: 0; margin-bottom: 1.25rem; }
    .panels .panel:nth-child(2n+1):nth-last-child(-n+2),
    .panels .panel:nth-child(2n+1):nth-last-child(-n+2) ~ .panel { margin-bottom: 1.25rem; }

    .page-id-244 section.half-and-half-container.subpage-section .half-and-half.split-content:nth-child(1) .copy p:nth-child(2) { display: none; }

    .panels .panel {  }

    .split-content .copy { padding: 3rem 1.125em; }

    .gallery-grid .gallery-item { width: 32.291%; }
    .gallery-grid .gallery-item:nth-child(4n-3) { margin-left: 1.5625%; }
    .gallery-grid .gallery-item:nth-child(3n-2) { margin-left: 0; }

    img.condado-logo { max-width: 300px; }


    .subpage-section, .breadcrumb .central-content, .subpage-intro .central-content { margin-left: 0.625rem; margin-right: 0.625rem; }
    .central-content.subpage-section.gallery-select { margin: auto; }

    .floor-plans-container { float: none; text-align: center; margin: 3.125em 0 0 0; }
    .page-id-244 .subpage-intro .left { float: none; }
    .floor-plans-container.left { text-align: center; }
    .floor-plans-container .thumb-container { display: none; }
    .page-id-244 .subpage-intro .social-icons { position: relative; text-align: center; }

    section.notice { display: none; }
    .page-id-250 section.notice { display: block; padding: 1.25em 3.75em 1.875em 3.125em; margin: 0 0 1.25em 0; }
    .page-id-250 section.notice h1 { padding: 0 0 0.55555556em 0; }
    .page-id-250 .subpage-section { margin: 0; }

    .resort-map-stacked .information-block img { float: none; max-width: none; padding-right: 0; }
    .resort-map-stacked .information-block h1 { padding: 30px; }
    .resort-map-stacked .information-block p { margin: 0 0 16px 0; padding: 0 30px 30px 30px; }
    .resort-map-stacked .pin-details { display: block; }
    .resort-map-stacked img { padding: 0; max-width: none; width: 100%; }
    .resort-map-stacked .deets { padding: 1.875em; }
    .resort-map-stacked .pin-details .title { margin: 0; }

    .content-left { float: none; width: 100%; }
    .content-right { float: none; width: 100%; }
    .content-right { float: none; width: 100%; }
    .blog-post .content-right { width: 100%; margin-top: 1.25em; }

}

@media only screen and (max-width: 650px) {
    /* Calendar Tabs */
    .activity-calendar-tabs,
    .activity-calendar-tabs ul { display: none }
    .activity-calendar .calendar-accordion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .activity-calendar .calendar-accordion .event-count {
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
    }
    /* Calendar Days */
    .activity-calendar .activity-wrapper {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
    }
    .activity-calendar .activity,
    .activity-calendar .activity:nth-of-type(2n+2) {
        margin: 0 0 0 30px;
        width: 100%;
    }
    .activity-calendar .days-activities {
        display: block;
	    max-height: 0;
        overflow: hidden;
  	    -webkit-transition: max-height 0.6s ease-in-out;
  	    transition: max-height 0.6s ease-in-out;
    }
    .activity-calendar .days-activities.active {
    /*  height: 100%; */
    /*  overflow: hidden; */
        max-height: 2500px;
}
}

@media only screen and (max-width: 640px){
    .grid .cell.mobile-640-hide { display: none; }

    body>footer .footer-main ul li { display: block; }
    body>footer .footer-main ul li.menu-item-428, body>footer .footer-main ul li.menu-item-293, body>footer .footer-main ul li.menu-item-287, body>footer .footer-main ul li.menu-item-291, body>footer .footer-main ul li.menu-item-221, body>footer .footer-main ul li.menu-item-292 { display: inline-block; }
    body>footer .footer-main ul li.menu-item-428:after, body>footer .footer-main ul li.menu-item-292:after, body>footer .footer-main ul li.menu-item-291:after { content: '|'; margin: 0 0.5em; }
    body>footer .footer-main ul li:after { content: none; }

    body>footer .footer-main, body>footer .footer-address { padding: 3.125em 0.625em; }
    body>footer .footer-main .social-icons { display: block; margin-top: 2em; }

    .map-directions-button { width: 100%; text-align: center; margin-top: 1.25rem; }
    .map-directions-input .map-from { width: 100%; }
}

@media only screen and (max-width: 500px){
    .gallery-grid .gallery-item { width: 49.21875%; }
    .gallery-grid .gallery-item:nth-child(3n-2) { margin-left: 1.5625%; }
    .gallery-grid .gallery-item:nth-child(2n-1) { margin-left: 0; }

    .fpOverviewWrap { display: block; margin: auto; width: 90%; height: 81px; padding: 1em 0 0 0;}
    .fpOverviewBox { text-align: center; }
}

@media only screen and (max-width: 400px){
    .gallery-grid .gallery-item { width: 100%; margin-left: 0!important; margin-right: 0; }
    .gallery-grid .gallery-item:nth-child(2n-1) { margin-left: 0; }
    .gallery-grid .gallery-item { margin-bottom: 5%; }
}




/* PLUGIN CSS */

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 999999;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container, .pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container, .pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container, .pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.15s;
          transition: opacity 0.15s; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #000; }

.pswp--ie .pswp__img {
  width: 100%;
  height: auto;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.svg); }

  .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
    background: none; }
 }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left, .pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter, .pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
          transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 640px;
  margin: 0 auto;
  font-size: 1.375em;
  padding: 10px;
  line-height: 20px;
  color: #35b5f4;
  position: relative;
}

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }
.pswp--css_animation .pswp__preloader__cut {
  /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; }
 }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }

  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }

  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar, .pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

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

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* Magnific Popup CSS */
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;-ms-touch-action:manipulation;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

    .booking-widget.pushed-left{
        right: 320px !important;
        left:auto !important;
        -webkit-transition: right 0.3s linear;
        transition: right 0.3s linear;
    }

/* Homepage Retail Banner */
#promo-bar {background-color:#f38724;position: fixed;width: 100%;z-index: 9999;bottom: 0;max-height:6.25em;transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;text-align: center;overflow:hidden;max-width: 1680px;}
    #promo-bar.closed {max-height: 0em;}
    #promo-bar .promo-wrapper {position: relative;color:#fff;padding:27px;padding-top: 14px;}
        #promo-bar .promo-wrapper h3{font: 600 30px/36px 'myriad pro', Arial, sans-serif;text-transform:uppercase;margin: 0;display: inline-block;vertical-align:middle;}
            #promo-bar .promo-wrapper h3 br{display:none;}
            #promo-bar .promo-wrapper h3 span{font: normal 30px/36px 'myriad pro', Arial, sans-serif;display:inline-block;word-spacing: -5px;}
            /*#promo-bar .promo-wrapper h3 span{text-transform: none;font: normal 18px/21px 'univers_55regular', Arial, sans-serif;display:inline-block;margin: 0 0 0 13px;}*/
        /*#promo-bar .promo-wrapper a.promo-cta{font: normal 16px/19px 'Nobel Light', 'robotolight', Arial, sans-serif;color:#fff;text-transform:uppercase;background-color:#40413F;display: inline-block;text-decoration:none;width:116px;height:27px;padding-top:8px;margin: 0 0 0 26px;vertical-align:middle;border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;}*/
        #promo-bar .promo-wrapper a.promo-cta {
            background-color: #FFF;
            margin: 0 0 0 20px;
            vertical-align: middle;
        }

        #promo-bar .promo-wrapper a.promo-cta:hover {
            background-color: #35b5f4;
        }

        #retail-bar .promo-wrapper a.close-promo-button,
        #promo-bar .promo-wrapper a.close-promo-button {
            text-decoration: none;
            /*background: transparent url(/assets/css/img/bg-comp.png) no-repeat -30px -215px;*/
            width: 24px;
            height: 32px;
            position: absolute;
            display: inline-block;
            top: 50%;
            right: 40px;
            margin-top: -16px;
        }
        #retail-bar .button:hover {
            background: #fff;
            color: #f38724;
        }
        #retail-bar .promo-wrapper a.close-promo-button:before,
        #promo-bar .promo-wrapper a.close-promo-button:before {
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
        }

        #retail-bar .promo-wrapper a.close-promo-button:after,
        #promo-bar .promo-wrapper a.close-promo-button:after {
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
        }
        #retail-bar .promo-wrapper a.close-promo-button:after,
        #retail-bar .promo-wrapper a.close-promo-button:before,
        #promo-bar .promo-wrapper a.close-promo-button:after,
        #promo-bar .promo-wrapper a.close-promo-button:before {
            position: absolute;
            content: ' ';
            height: 33px;
            width: 1px;
            background-color: #fff;
        }

.promo-wrapper .countdown{vertical-align:middle;width:auto;font-size: 16px!important;margin-right:30px;}
.promo-wrapper #days.countdown{margin-right:24px;}
    .promo-wrapper > .countdown{margin-left:52px;margin-right:0;}
    .promo-wrapper .countdown-inner-top {font: 600 1.875em/1.200em 'myriad pro', Arial, sans-serif;color: #fff;display:inline-block;vertical-align:top;}
    .promo-wrapper .countdown-inner-bottom {font:normal 0.750em/1.167em 'myriad pro', Arial, sans-serif;color: #fff;text-transform: uppercase;margin-top:1px;}
.promo-wrapper #days:before, .promo-wrapper #hours:before, .promo-wrapper #minutes:before {content:':';font: bold 30px/36px 'myriad pro', Arial, sans-serif;color: #fff;display: inline-block;float: right;margin-top: -3px;border-radius: 130px;}
.promo-wrapper #hours:before, .promo-wrapper #minutes:before{position: relative;left: 21px;}
.promo-wrapper #days:before{position: relative;left:16px;}

.promo-text{display: inline-block;text-align: left;}
.promo-line-break{}
.promo-text p{margin-top: 0;font-size: 24px;}
.promo-cta, .promo-wrapper .countdown{display: inline-block;position: relative;}
#promo-bar .promo-wrapper a.close-promo-button{margin-top: 0;top: 30px;}
.promo-wrapper .countdown{bottom: 12px;}
.promo-cta{bottom: 12px;color: #35B5F4;font-family: 'proxima-nova', Arial, sans-serif;font-weight: 600;letter-spacing: -0.02em;}

/* ES adjustments */
.page-id-7311 #promo-bar .promo-wrapper a.close-promo-button{top: 24px;}


/*
================

================
*/
#retail-bar.hide{display:none;}
#retail-bar {
    background-color:#f38724;
    color: #fff;
    padding: 27px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    bottom: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    text-align: center;
    overflow:hidden;
    max-width: 1680px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#retail-bar .promo-wrapper.retail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#retail-bar.closed {
     bottom: -100%;
    transition: bottom 3s ease;
    -webkit-transition: bottom 3s ease;
    -ms-transition: bottom 3s ease;
    -moz-transition: bottom 3s ease;
}
#retail-bar .promo-text p {margin: 0; }
#retail-bar .promo-cta {
    bottom: 0;
    color: #fff;
    margin: 0 0 0 20px;
}
@media screen and (max-width: 950px) {
    #retail-bar .promo-wrapper.retail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #retail-bar .promo-cta { margin: 0; }
}
@media screen and (max-width: 600px) {
    #retail-bar .promo-wrapper a.close-promo-button {
        top: 20px;
        right: 10px;
    }
    #retail-bar .promo-text p { margin: 10px 0; }
    #retail-bar .promo-text p { font-size: 19px; }
}
@media screen and (max-width: 1200px) {
    #promo-bar{max-height: 7.5em;}
}
@media screen and (max-width: 1160px) {
    #promo-bar{max-height: 10em;}
    .promo-text p, .page-id-7311 .promo-text p{font-size :18px;}
    #promo-bar .promo-wrapper a.close-promo-button{top: 24px;}
    /*ES*/
    .page-id-7311 .promo-cta.button{font-size: 1rem;}
    .page-id-7311 .promo-text p{font-size: 16px;}
    .page-id-7311 #promo-bar .promo-wrapper a.close-promo-button{top: 22px;}
}

@media screen and (max-width: 1080px) {
    #promo-bar .promo-wrapper a.close-promo-button{right:20px;}
    .page-id-7311 .promo-cta.button{font-size: 0.9rem;}
    .page-id-7311 #promo-bar .promo-wrapper a.close-promo-button{top: 20px;}
}

@media screen and (max-width: 1024px) {
    #promo-bar .promo-wrapper{text-align:left;padding-top: 20px;}
    #promo-bar .promo-wrapper h3{font: 600 20px/20px 'myriad pro', Arial, sans-serif;}
        #promo-bar .promo-wrapper h3 span{font: normal 20px/20px 'myriad pro', Arial, sans-serif;}
    #promo-bar .promo-wrapper a.promo-cta{margin:auto;text-align:center;}
    .promo-wrapper > .countdown{margin-left:46px;bottom: 8px;}
    #promo-bar .promo-wrapper h3 span{word-spacing:0;}
    .promo-cta{bottom: 8px;}
    #promo-bar .promo-wrapper a.close-promo-button{top: 20px;}
}

@media screen and (max-width: 950px) {
.promo-text{text-align: center;margin-bottom: 18px;}
#promo-bar .promo-wrapper h3,.promo-wrapper > .countdown{display:block;}
#promo-bar .promo-wrapper a.promo-cta{display:inline-block;}
#promo-bar .promo-wrapper{text-align:center;padding:34px 21px 21px;}
#promo-bar{max-height:30em;}
#promo-bar .promo-wrapper h3{font: 600 30px/36px 'myriad pro', Arial, sans-serif;/*margin-bottom:14px;*/}
#promo-bar .promo-wrapper h3 span{font: normal 30px/36px 'myriad pro', Arial, sans-serif;}
.promo-wrapper > .countdown{margin-bottom: 25px;}
#promo-bar .promo-wrapper a.close-promo-button{margin-top:0;right:10px;top:10px;}
.page-id-7311 .promo-text p{font-size: 18px;}
    .page-id-7311 .promo-cta.button{font-size: 1.2rem;}
    .page-id-7311 #promo-bar .promo-wrapper a.close-promo-button{top: 7px;}
    .promo-text p, .page-id-7311 .promo-text p{font-size: 22px;}
}

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

}

@media screen and (max-width: 580px) {
#promo-bar .promo-wrapper{padding: 35px 10px 21px;}
/*.promo-wrapper > .countdown{margin-left:0;}*/
#promo-bar .promo-wrapper h3 br{display:block;}
}

@media screen and (max-width: 400px) {
    #promo-bar .promo-wrapper h3{font-size: 27px;}
    .promo-text{margin-bottom: 10px;}
    .promo-line-break{display: block;}
    .promo-wrapper .countdown{margin-right:23px;}
    .promo-wrapper > .countdown{margin-left: 0;margin-right:0;margin-bottom: 15px;}
    .promo-wrapper #days:before, .promo-wrapper #hours:before, .promo-wrapper #minutes:before{left:16px;}
    .promo-wrapper #seconds.countdown{margin-right:0;}
    #promo-bar .promo-wrapper a.promo-cta{margin:auto;}
    #promo-bar .promo-wrapper a.close-promo-button{top: 5px;}
    #promo-bar .promo-wrapper{padding-bottom: 7px;}
}

/* -- */

/* Homepage Promotion Banner - Aug 2016 - may be reused at a later date */
/*
#promo-bar {background-color:#f38724;position: fixed;width: 100%;z-index: 9999;bottom: 0;max-height:5.55em;transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;text-align: center;overflow:hidden;max-width: 1680px;}
    #promo-bar.closed {max-height: 0em;}
    #promo-bar .promo-wrapper {position: relative;color:#fff;padding:27px;padding-top: 14px;}
        #promo-bar .promo-wrapper h3{font: 600 30px/36px 'myriad pro', Arial, sans-serif;text-transform:uppercase;margin: 0;display: inline-block;vertical-align:middle;}
            #promo-bar .promo-wrapper h3 br{display:none;}
            #promo-bar .promo-wrapper h3 span{font: normal 30px/36px 'myriad pro', Arial, sans-serif;display:inline-block;word-spacing: -5px;}

        #promo-bar .promo-wrapper a.promo-cta{background-color:#FFF;margin: 0 0 0 20px;vertical-align:middle;}
            #promo-bar .promo-wrapper a.promo-cta:hover{background-color: #35b5f4;}
        #promo-bar .promo-wrapper a.close-promo-button{text-decoration:none;width: 24px;height: 32px;position: absolute;display: inline-block;top: 50%;right: 40px;margin-top: -16px;}
            #promo-bar .promo-wrapper a.close-promo-button:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
            #promo-bar .promo-wrapper a.close-promo-button:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
            #promo-bar .promo-wrapper a.close-promo-button:before,#promo-bar .promo-wrapper a.close-promo-button:after{position: absolute;content: ' ';height: 33px;width: 1px;background-color: #fff;}

.promo-wrapper .countdown{vertical-align:middle;width:auto;font-size: 16px!important;margin-right:30px;}
.promo-wrapper #days.countdown{margin-right:24px;}
    .promo-wrapper > .countdown{margin-left:52px;margin-right:0;}
    .promo-wrapper .countdown-inner-top {font: 600 1.875em/1.200em 'myriad pro', Arial, sans-serif;color: #fff;display:inline-block;vertical-align:top;}
    .promo-wrapper .countdown-inner-bottom {font:normal 0.750em/1.167em 'myriad pro', Arial, sans-serif;color: #fff;text-transform: uppercase;margin-top:1px;}
.promo-wrapper #days:before, .promo-wrapper #hours:before, .promo-wrapper #minutes:before {content:':';font: bold 30px/36px 'myriad pro', Arial, sans-serif;color: #fff;display: inline-block;float: right;margin-top: -3px;border-radius: 130px;}
.promo-wrapper #hours:before, .promo-wrapper #minutes:before{position: relative;left: 21px;}
.promo-wrapper #days:before{position: relative;left:16px;}

.promo-text{display: inline-block;text-align: left;}
.promo-line-break{display: none;}
.promo-text p{margin-top: 0;font-size: 24px;}
.promo-cta, .promo-wrapper .countdown{display: inline-block;position: relative;}
#promo-bar .promo-wrapper a.close-promo-button{margin-top: 0;top: 30px;}
.promo-wrapper .countdown{bottom: 12px;}
.promo-cta{bottom: 12px;color: #35B5F4;font-family: 'proxima-nova', Arial, sans-serif;font-weight: 600;letter-spacing: -0.02em;}


.page-id-7311 .promo-text p{font-size: 19px;}
.page-id-7311 #promo-bar .promo-wrapper a.close-promo-button{top: 24px;}


@media screen and (max-width: 1160px) {
    #promo-bar{max-height: 5em;}
    .promo-text p, .page-id-7311 .promo-text p{font-size :18px;}
    #promo-bar .promo-wrapper a.close-promo-button{top: 24px;}

    .page-id-7311 .promo-cta.button{font-size: 1rem;}
    .page-id-7311 .promo-text p{font-size: 16px;}
    .page-id-7311 #promo-bar .promo-wrapper a.close-promo-button{top: 22px;}
}

@media screen and (max-width: 1080px) {
    #promo-bar .promo-wrapper a.close-promo-button{right:20px;}
    .page-id-7311 .promo-cta.button{font-size: 0.9rem;}
    .page-id-7311 #promo-bar .promo-wrapper a.close-promo-button{top: 20px;}
}

@media screen and (max-width: 1024px) {
    #promo-bar .promo-wrapper{text-align:left;padding-top: 20px;}
    #promo-bar .promo-wrapper h3{font: 600 20px/20px 'myriad pro', Arial, sans-serif;}
        #promo-bar .promo-wrapper h3 span{font: normal 20px/20px 'myriad pro', Arial, sans-serif;}
    #promo-bar .promo-wrapper a.promo-cta{margin:auto;text-align:center;}
    .promo-wrapper > .countdown{margin-left:46px;bottom: 8px;}
    #promo-bar .promo-wrapper h3 span{word-spacing:0;}
    .promo-cta{bottom: 8px;}
    #promo-bar .promo-wrapper a.close-promo-button{top: 20px;}
}

@media screen and (max-width: 950px) {
.promo-text{text-align: center;margin-bottom: 18px;}
#promo-bar .promo-wrapper h3,.promo-wrapper > .countdown{display:block;}
#promo-bar .promo-wrapper a.promo-cta{display:inline-block;}
#promo-bar .promo-wrapper{text-align:center;padding:34px 21px 21px;}
#promo-bar{max-height:30em;}
#promo-bar .promo-wrapper h3{font: 600 30px/36px 'myriad pro', Arial, sans-serif;}
#promo-bar .promo-wrapper h3 span{font: normal 30px/36px 'myriad pro', Arial, sans-serif;}
.promo-wrapper > .countdown{margin-bottom: 25px;}
#promo-bar .promo-wrapper a.close-promo-button{margin-top:0;right:10px;top:10px;}
.page-id-7311 .promo-text p{font-size: 18px;}
    .page-id-7311 .promo-cta.button{font-size: 1.2rem;}
    .page-id-7311 #promo-bar .promo-wrapper a.close-promo-button{top: 7px;}
    .promo-text p, .page-id-7311 .promo-text p{font-size: 22px;}
}

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

}

@media screen and (max-width: 580px) {
#promo-bar .promo-wrapper{padding: 35px 10px 21px;}
#promo-bar .promo-wrapper h3 br{display:block;}
}

@media screen and (max-width: 400px) {
    #promo-bar .promo-wrapper h3{font-size: 27px;}
    .promo-text{margin-bottom: 10px;}
    .promo-line-break{display: block;}
    .promo-wrapper .countdown{margin-right:23px;}
    .promo-wrapper > .countdown{margin-left: 0;margin-right:0;margin-bottom: 15px;}
    .promo-wrapper #days:before, .promo-wrapper #hours:before, .promo-wrapper #minutes:before{left:16px;}
    .promo-wrapper #seconds.countdown{margin-right:0;}
    #promo-bar .promo-wrapper a.promo-cta{margin:auto;}
    #promo-bar .promo-wrapper a.close-promo-button{top: 5px;}
    #promo-bar .promo-wrapper{padding-bottom: 7px;}
}
*/

/*Hide Fraser's evil links of doom*/

.cd-timeline-content .the-excerpt a {
    display: none;
}

.hideRoom {
    display: none;
}

/*video page*/

.cp-viedo{
    width: 100%;
    overflow: visible;
}

#legacy-video {
    width: 100%;
}