@charset "UTF-8";
    html, body, div, spafonts/ficon.woffn, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    border-radius: 4px;
}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('http: //www.christchurch-harbour-hotel.co.uk/images/plugins/fancybox/fancybox_sprite.png');}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('http: //www.christchurch-harbour-hotel.co.uk/images/plugins/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('http: //www.christchurch-harbour-hotel.co.uk/images/shared/blank.gif');
    -webkit-tap-highlight-color: transparent;
    z-index: 8040;
}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
.fancybox-lock {overflow: hidden;}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('http: //www.christchurch-harbour-hotel.co.uk/images/plugins/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}
.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}
#fancybox-buttons {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 8050;
}
#fancybox-buttons.top {top: 10px;}
#fancybox-buttons.bottom {bottom: 10px;}
#fancybox-buttons ul {
    display: block;
    width: 166px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    border: 1px solid #111;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    background: #323232;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(50%, #343434), color-stop(50%, #292929), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
    background: linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
}
#fancybox-buttons ul li {
    float: left;
    margin: 0;
    padding: 0;
}
#fancybox-buttons a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-color: transparent;
    background-repeat: no-repeat;
    outline: none;
    opacity: 0.8;
}
#fancybox-buttons a:hover {opacity: 1;}
#fancybox-buttons a.btnPrev {background-position: 5px 0;}
#fancybox-buttons a.btnNext {
    background-position: -33px 0;
    border-right: 1px solid #3e3e3e;
}
#fancybox-buttons a.btnPlay {background-position: 0 -30px;}
#fancybox-buttons a.btnPlayOn {background-position: -30px -30px;}
#fancybox-buttons a.btnToggle {
    background-position: 3px -60px;
    border-left: 1px solid #111;
    border-right: 1px solid #3e3e3e;
    width: 35px;
}
#fancybox-buttons a.btnToggleOn {background-position: -27px -60px;}
#fancybox-buttons a.btnClose {
    border-left: 1px solid #111;
    width: 35px;
    background-position: -56px 0;
}
#fancybox-buttons a.btnDisabled {
    opacity: 0.4;
    cursor: default;
}
#fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050;
}
#fancybox-thumbs.bottom {bottom: 2px;}
#fancybox-thumbs.top {top: 2px;}
#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
#fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: 0.5;
}
#fancybox-thumbs ul li.active {
    opacity: 0.75;
    padding: 0;
    border: 1px solid #fff;
}
#fancybox-thumbs ul li:hover {opacity: 1;}
#fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: none;
}
#fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides>li:first-child {display: block;}
.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    border-radius: 4px;
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
}
.flex-direction-nav .flex-prev {left: -50px;}
.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}
.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 10px;
}
.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}
.flex-direction-nav a:before {
    font-size: 40px;
    display: inline-block;
}
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}
.flex-pauseplay a:before {
    font-size: 20px;
    display: inline-block;
}
.flex-pauseplay a:hover {opacity: 1;}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 20px;
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
}
.section {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slide {float: left;}
.slide, .slidesContainer {
    height: 100%;
    display: block;
}
.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section.table, .slide.table {
    display: table;
    width: 100%;
}
.tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
.controlArrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.controlArrow.prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.controlArrow.next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.scrollable {overflow: scroll;}
.easing {
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
#fullPage-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fullPage-nav.right {right: 17px;}
#fullPage-nav.left {left: 17px;}
.fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fullPage-slidesNav.bottom {bottom: 17px;}
.fullPage-slidesNav.top {top: 17px;}
#fullPage-nav ul, .fullPage-slidesNav ul {
    margin: 0;
    padding: 0;
}
#fullPage-nav li, .fullPage-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}
.fullPage-slidesNav li {display: inline-block;}
#fullPage-nav li a, .fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fullPage-nav li .active span, .fullPage-slidesNav .active span {background: #333;}
#fullPage-nav span, .fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.fullPage-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -2px;
}
.fullPage-tooltip.right {right: 20px;}
.fullPage-tooltip.left {left: 20px;}
.wp-pagenavi {
    clear: both;
    font-family: 'lato', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
    padding-top: 20px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 2px;
    display: inline-block;
    color: #aaa;
}
.wp-pagenavi a {cursor: pointer;}
.wp-pagenavi .pages {
    width: auto;
    margin: 0 15px 0 0;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {color: #0a1d3b;}
.wp-pagenavi span.current {
    background: #ddd;
    color: #fff;
    cursor: default;
}
@media screen and (max-width: 500px) {
    .wp-pagenavi {margin: 0 10px;}
    .wp-pagenavi a, .wp-pagenavi span {
        margin: 2px 10px 2px 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .wp-pagenavi .pages {margin-left: 0;}
}
.Zebra_DatePicker *, .Zebra_DatePicker *:after, .Zebra_DatePicker *:before {
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.Zebra_DatePicker {
    width: 100%;
    position: absolute;
    display: none;
    z-index: 100;
    font-family: 'Lato';
    font-size: 14px;
    border: 1px solid #7396c2;
    border: 1px solid rgba(10, 29, 59, 0.5);
    border-top: none;
}
.Zebra_DatePicker * {
    margin: 0;
    padding: 0;
    color: #0a1d3b;
    background: transparent;
    border: none;
}
.Zebra_DatePicker table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100% !important;
}
.Zebra_DatePicker td, .Zebra_DatePicker th {
    text-align: center;
    padding: 5px 0;
}
.Zebra_DatePicker td {
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td {
    background: #fff;
    width: 30px;
    border: 1px solid #eff3f8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.Zebra_DatePicker .dp_header {background: #0a1d3b;}
.Zebra_DatePicker .dp_header td {color: #eff3f8;}
.Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next {width: 30px;}
.Zebra_DatePicker .dp_header .dp_caption {font-size: 16px;}
.Zebra_DatePicker .dp_header .dp_hover {
    background: #0a1d3b;
    color: #7396c2;
}
.Zebra_DatePicker .dp_header .dp_blocked {
    color: #888;
    cursor: default;
}
.Zebra_DatePicker .dp_daypicker th {background: #eff3f8;}
.Zebra_DatePicker td.dp_not_in_month {
    background: #fff;
    color: #eff3f8;
    cursor: default;
}
.Zebra_DatePicker td.dp_not_in_month_selectable {
    background: #fff;
    color: #0a1d3b;
    cursor: pointer;
}
.Zebra_DatePicker td.dp_weekend {background: #fff;}
.Zebra_DatePicker td.dp_weekend_disabled {
    background: #f9f9f9;
    color: #ddd;
    cursor: default;
}
.Zebra_DatePicker td.dp_week_number {
    background: #eff3f8;
    color: #eff3f8;
    cursor: text;
}
.Zebra_DatePicker .dp_monthpicker td {width: 33%;}
.Zebra_DatePicker .dp_yearpicker td {width: 33%;}
.Zebra_DatePicker .dp_footer {margin-top: 3px;}
.Zebra_DatePicker .dp_footer .dp_hover {
    background: #222;
    color: #FFF;
}
.Zebra_DatePicker .dp_today {
    color: #FFF;
    padding: 3px;
}
.Zebra_DatePicker .dp_clear {
    color: #FFF;
    padding: 3px;
}
.Zebra_DatePicker td.dp_current {color: #659edb;}
.Zebra_DatePicker td.dp_disabled_current {color: #0a1d3b;}
.Zebra_DatePicker td.dp_disabled {
    background: #f9f9f9;
    color: #CDCDCD;
    cursor: default;
}
.Zebra_DatePicker td.dp_hover {
    background: #eff3f8;
    color: #0a1d3b;
}
.Zebra_DatePicker td.dp_selected {
    background: #0a1d3b;
    color: #fff !important;
}
button.Zebra_DatePicker_Icon {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    text-indent: -9000px;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    vertical-align: top;
}

button.Zebra_DatePicker_Icon {margin: 0 0 0 3px;}
button.Zebra_DatePicker_Icon_Inside {margin: 0 3px 0 0;}
.fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__html, .fotorama__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.fotorama--fullscreen, .fotorama__img {
    max-width: 99999px !important;
    max-height: 99999px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.fotorama__wrap .fotorama__grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: -moz-grab;
    cursor: grab;
}
.fotorama__grabbing * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}
.fotorama__img, .fotorama__spinner {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
}
.fotorama__img {
    margin: -50% 0 0 -50%;
    width: 100%;
    height: 100%;
}
.fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__video-play, .fotorama__wrap--css3 .fotorama__video-close {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.fotorama__caption, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__stage__frame, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__html, .fotorama__stage:before, .fotorama__stage:after, .fotorama__nav:before, .fotorama__nav:after {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.fotorama__wrap--video .fotorama__stage__shaft, .fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}
.fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__thumb-border {
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
}
.fotorama__wrap, .fotorama__no-select, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__video-close {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fotorama__select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.fotorama__nav, .fotorama__nav__frame {
    margin: 0;
    padding: 0;
}
.fotorama__nav__shaft, .fotorama__nav__frame, .fotorama__caption__wrap {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}
.fotorama__wrap * {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.fotorama__caption__wrap {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fotorama--hidden, .fotorama__load {
    position: absolute;
    left: -99999px;
    top: -99999px;
    z-index: -1;
}
.fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__nav, .fotorama__nav__shaft, .fotorama__nav__frame, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__video-close {-webkit-tap-highlight-color: transparent;}
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__video-close {background: url("http: //www.christchurch-harbour-hotel.co.uk/images/fotorama/fotorama.png") no-repeat;}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dppx) {
    .fotorama__arr,    .fotorama__fullscreen-icon,    .fotorama__video-play,    .fotorama__video-close {
        background: url("http: //www.christchurch-harbour-hotel.co.uk/images/fotorama/fotorama@2x.png") no-repeat;
        background-size: 96px 160px;
    }
}
.fotorama__thumb {
    background-color: #7f7f7f;
    background-color: rgba(127, 127, 127, 0.2);
}
.fotorama {
    min-width: 1px;
    overflow: hidden;
}
.fotorama:not(.fotorama--unobtrusive)>*:not(: first-child) {display: none;}
body.fullscreen {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #000;
}
.fotorama--fullscreen {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    float: none !important;
    z-index: 2147483647 !important;
    background: #000;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}
.fotorama--fullscreen .fotorama__stage, .fotorama--fullscreen .fotorama__nav {background: #000;}
.fotorama__wrap {
    -webkit-text-size-adjust: 100%;
    position: relative;
    direction: ltr;
}
.fotorama__wrap--rtl .fotorama__stage__frame {direction: rtl;}
.fotorama__stage, .fotorama__nav {
    overflow: hidden;
    position: relative;
    max-width: 100%;
}
.fotorama__wrap--pan-y {-ms-touch-action: pan-y;}
.fotorama__wrap .fotorama__pointer {cursor: pointer;}
.fotorama__wrap--slide .fotorama__stage__frame {opacity: 1 !important;}
.fotorama__stage__frame {overflow: hidden;}
.fotorama__stage__frame.fotorama__active {z-index: 8;}
.fotorama__wrap--fade .fotorama__stage__frame {display: none;}
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active, .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear {
    display: block;
    left: 0;
    top: 0;
}
.fotorama__wrap--fade .fotorama__fade-front {z-index: 8;}
.fotorama__wrap--fade .fotorama__fade-rear {z-index: 7;}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {z-index: 9;}
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {display: none;}
.fotorama__img {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border: none !important;
}
.fotorama__loaded .fotorama__img, .fotorama__error .fotorama__img {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.fotorama__img--full {display: none;}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img {display: none;}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {display: block;}
.fotorama__wrap--only-active .fotorama__stage, .fotorama__wrap--only-active .fotorama__nav {max-width: 99999px !important;}
.fotorama__wrap--only-active .fotorama__stage__frame {visibility: hidden;}
.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {visibility: visible;}
.fotorama__nav {
    font-size: 0;
    line-height: 0;
    text-align: center;
    display: none;
    white-space: nowrap;
    z-index: 5;
}
.fotorama__nav__shaft {
    position: relative;
    left: 0;
    top: 0;
    text-align: left;
}
.fotorama__nav__frame {
    position: relative;
    cursor: pointer;
}
.fotorama__nav--dots {display: block;}
.fotorama__nav--dots .fotorama__nav__frame {
    width: 18px;
    height: 30px;
}
.fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border {display: none;}
.fotorama__nav--thumbs {display: block;}
.fotorama__nav--thumbs .fotorama__nav__frame {padding-left: 0 !important;}
.fotorama__nav--thumbs .fotorama__nav__frame:last-child {padding-right: 0 !important;}
.fotorama__nav--thumbs .fotorama__nav__frame--dot {display: none;}
.fotorama__dot {
    display: block;
    width: 4px;
    height: 4px;
    position: relative;
    top: 12px;
    left: 6px;
    border-radius: 6px;
    border: 1px solid;
}
.fotorama__nav__frame.fotorama__active {
    pointer-events: none;
    cursor: default;
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 6px;
    height: 6px;
    border: none;
}
.fotorama__dot {border-color: #7f7f7f;}
.fotorama__active .fotorama__dot {background-color: #7f7f7f;}
.fotorama__thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.fotorama__thumb-border {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    border-style: solid;
    border-color: #00afea;
    background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
    background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
}
.fotorama__caption {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
}
.fotorama__caption a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 0.5);
}
.fotorama__caption a:hover {
    color: #333;
    border-color: rgba(51, 51, 51, 0.5);
}
.fotorama__wrap--rtl .fotorama__caption {
    left: auto;
    right: 0;
}
.fotorama__wrap--video .fotorama__caption, .fotorama__wrap--no-captions .fotorama__caption {display: none;}
.fotorama__caption__wrap {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 5px 10px;
}
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.fotorama__wrap--css3 .fotorama__spinner {
    -webkit-animation: spinner 24s infinite linear;
    animation: spinner 24s infinite linear;
}
.fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__html {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.fotorama__select {cursor: auto;}
.fotorama__video {
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 10;
}
@-moz-document url-prefix() {
    .fotorama__active {box-shadow: 0 0 0 transparent;}
}
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__video-close {
    position: absolute;
    z-index: 11;
    cursor: pointer;
}
.fotorama__arr {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
}
.fotorama__arr--prev {
    left: 0;
    background-position: 0 0;
}
.fotorama__arr--next {
    right: 0;
    background-position: -32px 0;
}
.fotorama__arr--disabled {
    pointer-events: none;
    cursor: default;
    *display: none;
    opacity: .1;
}
.fotorama__fullscreen-icon {
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    background-position: 0 -32px;
    z-index: 20;
}
.fotorama--fullscreen .fotorama__fullscreen-icon {background-position: -32px -32px;}
.fotorama__video-play {
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    margin-left: -48px;
    margin-top: -48px;
    background-position: 0 -64px;
    opacity: 0;
}
.fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play {display: none;}
.fotorama__loaded .fotorama__video-play, .fotorama__error .fotorama__video-play {
    opacity: 1;
    display: block;
}
.fotorama__nav__frame .fotorama__video-play {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background-position: -64px -32px;
}
.fotorama__video-close {
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    background-position: -64px 0;
    z-index: 20;
    opacity: 0;
}
.fotorama__wrap--css2 .fotorama__video-close {display: none;}
.fotorama__wrap--css3 .fotorama__video-close {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0);
}
.fotorama__wrap--video .fotorama__video-close {
    display: block;
    opacity: 1;
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon, .fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon {opacity: 0;}
.fotorama__wrap--css2.fotorama__wrap--no-controls .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls .fotorama__fullscreen-icon, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {display: none;}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon, .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0);
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev, .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
    -webkit-transform: translate3d(-48px, 0, 0);
    transform: translate3d(-48px, 0, 0);
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next, .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
    -webkit-transform: translate3d(48px, 0, 0);
    transform: translate3d(48px, 0, 0);
}
.fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__video-play, .fotorama__wrap--css3 .fotorama__video-close {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.fotorama__stage:before, .fotorama__stage:after, .fotorama__nav:before, .fotorama__nav:after {
    content: "";
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0;
    bottom: 0;
    width: 10px;
    height: auto;
    z-index: 10;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 1px 100%, 5px 100%;
}
.fotorama__stage:before, .fotorama__nav:before {
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);
    background-position: 0 0, 0 0;
    left: -10px;
}
.fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before {left: 0;}
.fotorama__stage:after, .fotorama__nav:after {
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);
    background-position: 100% 0, 100% 0;
    right: -10px;
}
.fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after {right: 0;}
.fotorama--fullscreen .fotorama__stage:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after {display: none;}
body, html {height: 100%;}
body {
    background: #f8f8f8;
    font-family: Georgia, serif;
    color: #747780;
    font-size: 16px;
    line-height: 1.4;
    padding-top: 50px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.site_header, .site_wrapper {
    width: 1020px;
    margin: 0 auto;
}
@media screen and (max-width: 400px) {
    body {line-height: 1.4;}
}
@media screen and (min-width: 1300px) {
    body {
        line-height: 1.6;
        font-size: 18px;
    }
}
.site_wrapper {
    position: relative;
    overflow: hidden;
}
.content_page_container {
    min-height: 400px;
    max-width: 1400px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
}
.simple_content_container {
    padding: 40px 60px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 700px) {
    .simple_content_container {
        padding: 20px 40px;
        font-size: 14px;
        line-height: 1.5;
    }
}
img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
.twocol_l {
    width: 48%;
    float: left;
}
.twocol_r {
    width: 48%;
    float: right;
}
.threecol {
    width: 30%;
    float: left;
}
.threecol_center {margin: 0 5%;}
.generic_two_col_container {background: #fff;}
.generic_two_col_container:before, .generic_two_col_container:after {
    content: " ";
    display: table;
}
.generic_two_col_container:after {clear: both;}
.generic_two_col_left {
    width: 70%;
    float: left;
}
.generic_two_col_right {
    width: 30%;
    float: right;
}
@media screen and (max-width: 700px) {
    .twocol_l,    .twocol_r,    .threecol {
        width: 100%;
        float: none;
        margin: 0;
    }
}
.cf:before, .cf:after {
    content: " ";
    display: table;
}
.cf:after {clear: both;}
.cf {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.cl {clear: both;}
.spemail, .hidden {display: none !important;}
.nowrap, .nobreak, .nobr, .nowr {white-space: nowrap;}
.green {color: #3dc657;}
.blue {color: #2b7ab3;}
.orange {color: #fda545;}
.grey {color: #8b8e97;}
.fb_color, .fb_hover:hover {color: #3b5998;}
.tw_color, .tw_hover:hover {color: #00aced;}
.gplus_color, .gplus_hover:hover {color: #dd4b39;}
.yt_color, .yt_hover:hover {color: #bb0000;}
a {
    color: #0a1d3b;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a:hover {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #420038;
}
a, input, li, textarea, button {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
}
a:focus, input:focus, li:focus, textarea:focus, button:focus {outline: none;}
h1 {font-size: 2.2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.4em;}
h1, h2, h3 {line-height: 1.3;}
p {margin-bottom: 1em;}
em {font-style: italic;}
.text_center {text-align: center;}
hr {
    height: 1px;
    border: 0;
    margin: 25px 0 30px;
    background: #eff3f8;
    clear: both;
}

.ficon {
    font-family: 'ficon';
    font-size: 16px;
    line-height: 1;
}
input {
    -webkit-appearance: none;
    border-radius: 0;
}
input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
    -o-appearance: checkbox !important;
    appearance: checkbox !important;
}
input[type="radio"] {
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    -ms-appearance: radio !important;
    -o-appearance: radio !important;
    appearance: radio !important;
}
.content-closed {display: none;}
.site_header {
    position: fixed;
    top: 0;
    z-index: 1000;
    height: 50px;
    font-family: 'Lato', sans-serif;
}
.ie8 .site_header {
    left: 50%;
    margin-left: -510px;
}
.ie8 body {background: url(http: //www.christchurch-harbour-hotel.co.uk/images/shared/wallpaper.jpg) #dfe7f0 fixed;}
.ie8 .site_footer {background: #f8f8f8;}
@media screen and (min-width: 100px) {
    .site_header,    .site_wrapper {
        width: 100%;
        margin: auto;
    }
    .site_header {
        left: 0;
        right: 0;
    }
}
.top_bar {
    height: 50px;
    width: 100%;
    background: #fff;
    position: relative;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);*/
    z-index: 999;
    color: #0a1d3b;
}
.top_bar .nav_home_logo {
    height: 50px;
    width: 50px;
    display: block;
    float: left;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    border-right: 1px solid #dde6f0;
    display: none;
}
.top_bar .menu_button {
    height: 50px;
    text-align: center;
    padding: 0 30px 0 20px;
    text-transform: uppercase;
    float: left;
    position: relative;
    color: #0a1d3b;
    cursor: default;
    display: none;
    color: #E2C208;
}
.top_bar .menu_button .ficon {
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 20px;
    line-height: 1;
    pointer-events: none;
}
.top_bar .menu_button.menu_active {color: yellow;}
.book_button_wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 50px;
    z-index: 1001;
}
.book_button_wrap .book_button {
    height: 50px;
    text-align: center;
    padding: 0;
    text-transform: uppercase;
    float: right;
    border-left: 1px solid #dde6f0;
    position: relative;
    color: #fff;
    background: #0a1d3b;
    cursor: default;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
.book_button_wrap .book_button .book_button_touch {
    padding: 0 75px 0 13px;
    color: #fff;
}
.book_button_wrap .book_button em {
    font-style: normal;
    display: none;
    padding-left: 0.4em;
}
.book_button_wrap .book_button .ellipsis {color: #0a1d3b;}
.book_button_wrap .book_button:after {
    content: "\e61e";
    font-family: 'ficon';
    font-size: 12px;
    position: absolute;
    right: 8px;
    top: 0;
}
.book_button_wrap .tel_number {
    float: right;
    height: 50px;
    padding-right: 10px;
    text-transform: uppercase;
    color: #0a1d3b;
    margin: 0;
    cursor: default;
}
.book_button_wrap .tel_number .ficon {
    line-height: 1;
    padding-right: 5px;
    position: relative;
    top: 2px;
    font-size: 16px;
    display: none;
}
.book_button:after {
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.book_button .ellipsis {
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.book_button_submenu {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    background: #eff3f8;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.book_button_submenu a {
    padding-left: 15px;
    display: block;
    position: relative;
}
.book_button_submenu a:after {
    content: "\e61e";
    font-family: 'ficon';
    font-size: 12px;
    position: absolute;
    right: 8px;
    top: 0;
    color: #a8bed9;
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -webkit-font-smoothing: antialiased;
}
.book_button_submenu a:hover:after {color: #476fa1;}
.book_button_submenu ul {
    position: relative;
    z-index: 100;
    background: #eff3f8;
}
.book_button_submenu ul .extra {
    color: #eff3f8;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}
.book_button_submenu li {border-bottom: 1px solid #dde6f0;}
.book_button_submenu li:last-of-type {border-bottom: none;}
.book_submenu_select {
    position: absolute;
    left: 0;
    right: 0;
    background: #dfe7f0;
}
.book_submenu_select a {border-top: 1px solid #eff3f8;}
.csstransforms .book_submenu_select {
    -webkit-transform: translateY(-101px);
    -moz-transform: translateY(-101px);
    -ms-transform: translateY(-101px);
    transform: translateY(-101px);
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}
.csstransforms .table_select_active .book_submenu_select {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.no-csstransforms .book_submenu_select {display: none;}
.no-csstransforms .table_select_active .book_submenu_select {display: block;}
@media screen and (min-width: 1400px) {
    .csstransforms .book_submenu_select {
        height: 141px;
        -webkit-transform: translateY(-141px);
        -ms-transform: translateY(-141px);
        transform: translateY(-141px);
    }
}
@media screen and (max-width: 770px) {
    .csstransforms .book_submenu_select {
        height: 93px;
        -webkit-transform: translateY(-93px);
        -ms-transform: translateY(-93px);
        transform: translateY(-93px);
    }
}
@media screen and (max-width: 400px) {
    .book_button_submenu a {
        padding-left: 15px;
        letter-spacing: 0;
    }
}
.table_select_active #nav_table_select:after {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}
.table_select_active li .extra {color: #0a1d3b;}
.no-touch .book_button:hover {background: #0e2a55;}
.no-touch .book_button:hover .ellipsis {
    color: #fff;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.no-touch .book_button:hover:after {
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}
.no-touch.cssvwunit.csstransforms3d .book_button_submenu {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(1200px) rotateX(-90deg);
    -moz-transform: perspective(1200px) rotateX(-90deg);
    transform: perspective(1200px) rotateX(-90deg);
    -webkit-transition: all 350ms cubic-bezier(0.7, 0, 0.185, 1);
    -moz-transition: all 350ms cubic-bezier(0.7, 0, 0.185, 1);
    transition: all 350ms cubic-bezier(0.7, 0, 0.185, 1);
    background: #bacbe1;
    visibility: hidden;
}
.no-touch.cssvwunit.csstransforms3d .book_button:hover .book_button_submenu {
    -webkit-transform: perspective(1200px) rotateX(0deg);
    -moz-transform: perspective(1200px) rotateX(0deg);
    transform: perspective(1200px) rotateX(0deg);
    background: #eff3f8;
    visibility: visible;
}
.no-touch.no-cssvwunit .book_button_submenu, .no-touch.no-csstransforms3d .book_button_submenu {display: none;}
.no-touch.no-cssvwunit .book_button:hover .book_button_submenu, .no-touch.no-csstransforms3d .book_button:hover .book_button_submenu {display: block;}
.touch .active_book .book_button .ellipsis {
    color: #fff;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.touch .active_book .book_button:after {
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}
.touch.cssvwunit.csstransforms3d .book_button_submenu {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(1200px) rotateX(-90deg);
    -moz-transform: perspective(1200px) rotateX(-90deg);
    transform: perspective(1200px) rotateX(-90deg);
    -webkit-transition: all 350ms cubic-bezier(0.7, 0, 0.185, 1);
    -moz-transition: all 350ms cubic-bezier(0.7, 0, 0.185, 1);
    transition: all 350ms cubic-bezier(0.7, 0, 0.185, 1);
    background: #bacbe1;
    visibility: hidden;
}
.touch.cssvwunit.csstransforms3d .active_book .book_button_submenu {
    -webkit-transform: perspective(1200px) rotateX(0deg);
    -moz-transform: perspective(1200px) rotateX(0deg);
    transform: perspective(1200px) rotateX(0deg);
    background: #eff3f8;
    visibility: visible;
}
.touch.no-cssvwunit .book_button_submenu, .touch.no-csstransforms3d .book_button_submenu {display: none;}
.touch.no-cssvwunit .active_book .book_button_submenu, .touch.no-csstransforms3d .active_book .book_button_submenu {display: block;}
.main_nav_wrapper {
    height: 50px;
    width: auto;
    position: relative;
    z-index: 1000;
    left: 0;
    right: 0;
    top: -50px;
    pointer-events: none;
}
.main_nav {
    height: 50px;
    width: auto;
    position: relative;
    z-index: 998;
    pointer-events: auto;
}
.main_nav>li {
    float: left;
    width: auto;
    height: 50px;
    text-transform: uppercase;
    /*border-right: 1px solid #dde6f0;*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main_nav>li>a {
    display: block;
    padding: 0 8px;
    height: 50px;
    position: relative;
    color: #fff;
}
.main_nav>li>a:after{
    content: '';
  position: absolute;
  top: 4px !important;
  right: -1px !important;
  margin-top: 0 !important;
  width: 1px !important;
  /*border-right: 1px solid #dde6f0;*/
  background: #dde6f0;
  height: 20px !important;
}
.main_nav>li.capella-logo>a:after, .main_nav>li:last-child>a:after{
    height: 0 !important;
    width: 0 !important;
}
.main_nav>li:hover>a {
    background: rgba(255, 255, 255, 0.7);
    color: #000;
    /*margin-left: 1px;*/
}
li.nav_menu_home {width: 50px;}
li.nav_menu_home>a {
    text-align: center;
    padding: 0 0 0 4px !important;
}
li.nav_menu_home .nav_icon {
    font-size: 24px;
    display: block;
    line-height: 51px;
}
li.nav_menu_home .nav_label {display: none;}
.main_nav>li>a, .book_button_wrap .tel_number, .book_button_wrap .book_button, .top_bar .menu_button {
    /*font-size: 12px;*/
    font-size: 15px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sub_nav {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    height: 130px;
    width: 100%;
    background: #eff3f8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.08) inset;
}
.sub_nav>ul li {
    float: left;
    height: 130px;
    width: 14%;
}
.sub_nav>ul li a {
    display: block;
    font-size: 15px;
    text-align: left;
    letter-spacing: 1px;
    height: 105px;
    padding: 10px 15px 15px 15px;
    line-height: 1.5;
    border-right: 1px solid #dde6f0;
}
.sub_nav>ul li a:hover .subnav_desc {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.sub_nav>ul li:last-child a {border-right: none;}
.sub_nav>ul li:hover a, .sub_nav>ul li:hover .subnav_desc {color: #163f81;}
.sub_nav.closed {visibility: hidden;}
.sub_nav.open {visibility: visible;}
.ie8 .subnav_overview_link {display: none !important;}
.nav_menu_home .sub_nav>ul li {width: 20%;}
.nav_menu_stay .sub_nav>ul li {width: 14%;}
.nav_menu_dining .sub_nav>ul li {width: 14%;}
.nav_menu_spa .sub_nav>ul li {width: 14%;}
.nav_menu_weddings .sub_nav>ul li {width: 16%;}
.nav_menu_offers .sub_nav>ul li {width: 16%;}
.nav_menu_news .sub_nav>ul li {width: 18%;}
.subnav_desc {
    font-size: 12px;
    text-transform: none;
    padding: 5px 0 0;
    color: #8d9199;
    letter-spacing: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.subnav_desc p {margin: 0;}
.sub_nav_trigger:hover>a {color: #eff3f8;}
@media screen and (min-width: 1100px) {
    .sub_nav,    .sub_nav>ul li {height: 110px;}
    .sub_nav>ul li a {height: 85px;}
}
@media screen and (min-width: 1300px) {
    .sub_nav,    .sub_nav>ul li {height: 90px;}
    .sub_nav>ul li a {height: 65px;}
}
@media screen and (min-width: 2050px) {
    .sub_nav,    .sub_nav>ul li {height: 70px;}
    .sub_nav>ul li a {height: 45px;}
}
@media screen and (max-width: 999px) {
    .cssvwunit.csstransforms3d .main_nav {
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: perspective(1200px) rotateX(-90deg);
        -moz-transform: perspective(1200px) rotateX(-90deg);
        transform: perspective(1200px) rotateX(-90deg);
        background: #c7c7c7;
    }
    .cssvwunit.csstransforms3d .main_nav.closed {
        -webkit-transition: all 350ms cubic-bezier(0.7, 0, 0.185, 1) 0.25s;
        -moz-transition: all 350ms cubic-bezier(0.7, 0, 0.185, 1) 0.25s;
        transition: all 350ms cubic-bezier(0.7, 0, 0.185, 1) 0.25s;
        display: block;
        visibility: hidden;
    }
    .cssvwunit.csstransforms3d .main_nav.open {
        -webkit-transition: all 350ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
        -moz-transition: all 350ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
        transition: all 350ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
        -webkit-transform: perspective(1200px) rotateX(0deg);
        -moz-transform: perspective(1200px) rotateX(0deg);
        transform: perspective(1200px) rotateX(0deg);
        visibility: visible;
        background: rgba(0,0,0, 0.8);
    }
    .main_nav.closed {display: none;}
    .main_nav.open {display: block;}
}
.cssvwunit.csstransforms3d .sub_nav {
    -webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
    -moz-transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
    transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(1200px) rotateX(-90deg);
    -moz-transform: perspective(1200px) rotateX(-90deg);
    transform: perspective(1200px) rotateX(-90deg);
    background: #bacbe1;
}
.cssvwunit.csstransforms3d .sub_nav.open {
    -webkit-transform: perspective(1200px) rotateX(0deg);
    -moz-transform: perspective(1200px) rotateX(0deg);
    transform: perspective(1200px) rotateX(0deg);
    background: #eff3f8;
}
@media screen and (max-width: 999px) {
    .no-csstransforms3d .main_nav,    .no-cssvwunit .main_nav {background: #fafafa;}
    .no-csstransforms3d .main_nav.closed, .no-cssvwunit .main_nav.closed {display: none;}
    .no-csstransforms3d .main_nav.open, .no-cssvwunit .main_nav.open {display: block;}
}
.ie7 .no-csstransforms3d .main_nav.closed, .ie8 .no-csstransforms3d .main_nav.closed {display: block;}
.ie7 .no-csstransforms3d .main_nav.open, .ie8 .no-csstransforms3d .main_nav.open {display: block;}
.no-csstransforms3d .sub_nav {background: #eff3f8;}
.no-csstransforms3d .sub_nav.closed {display: none;}
.no-csstransforms3d .sub_nav.open {display: block;}
.nav_menu_gallery, .mobile_shield {display: none;}
@media screen and (min-width: 1020px) {
    .main_nav>li>a {padding: 0 9px;}
}
@media screen and (min-width: 1050px) {
    .main_nav>li>a {padding: 0 11px;}
}
@media screen and (min-width: 1090px) {
    .main_nav>li>a {padding: 0 12px !important; }
}
@media screen and (min-width: 1130px) {
    .book_button_wrap .book_button em {display: inline;}
}
@media screen and (min-width: 1160px) {
    .book_button_wrap .tel_number .ficon {display: inline;}
}
@media screen and (min-width: 1180px) {
    .main_nav>li>a {padding: 0 14px;}
}
@media screen and (min-width: 1200px) {
    .main_nav>li>a {padding: 0 15px;}
}
@media screen and (min-width: 1220px) {
    .main_nav>li>a {padding: 0 16px !important;}
}
@media screen and (min-width: 1290px) {
    .book_button_wrap {width: 30%;}
    .book_button_wrap .book_button, .book_button_wrap .tel_number {text-align: left;}
    .book_button_wrap .book_button {width: 52%;}
    .book_button_wrap .book_button .book_button_touch {padding: 0 40px 0 23px;}
    .book_button_wrap .book_button:after {right: 18px;}
    .book_button_wrap .tel_number {padding-right: 20px;}
    .book_button_submenu a {padding-left: 23px;}
    .book_button_submenu a:after {right: 18px;}
}
@media screen and (min-width: 1400px) {
    body {padding-top: 70px;}
    .site_header {height: 70px;}
    .top_bar, .main_nav_wrapper, .main_nav, .main_nav>li, .main_nav>li>a, .book_button_wrap, .book_button_wrap .book_button, .book_button_wrap .tel_number, .top_bar .nav_home_logo {height: 70px;}
    .main_nav_wrapper {top: -70px;}
    .main_nav>li>a, .book_button_wrap .tel_number, .book_button_wrap .book_button {line-height: 70px;}
    .main_nav>li>a, .book_button_wrap .tel_number, .book_button_wrap .book_button, .top_bar .menu_button {font-size: 14px;}
    .top_bar .nav_home_logo {width: 70px;}
    .sub_nav {top: 70px;}
    .book_button_submenu {top: 70px;}
    li.nav_menu_home {width: 70px;}
    li.nav_menu_home .nav_icon {line-height: 70px;}
}
@media screen and (min-width: 1440px) {
    .main_nav>li>a {padding: 0 17px;}
}
@media screen and (min-width: 1520px) {
    .main_nav>li>a {padding: 0 18px;}
}
@media screen and (min-width: 1580px) {
    .main_nav>li>a {padding: 0 20px;}
}
@media screen and (min-width: 1640px) {
    .main_nav>li>a {padding: 0 24px;}
}
@media screen and (min-width: 1700px) {
    .main_nav>li>a {padding: 0 30px;}
}
@media screen and (max-width: 999px) {
    .top_bar .nav_home_logo {display: block; border: 0;}
    .site_header{
        height: 50px !important;
    }
    .book_button_wrap p{
        margin-top: 0 !important;
    }
    .qtranxs_language_chooser li{
        margin-top: 0 !important;
    }
    .book_button_wrap{
        width: 50% !important;
    }
    .main_nav_wrapper {
        width: 100%;
        position: absolute;
        top: 50px;
        z-index: 10;
    }
    .main_nav {
        width: 100%;
        height: 70px;
        /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/
    }
    .main_nav>li {width: 16%;}
    .sub_nav_trigger.nav_menu_stay{
        margin-left: 0 !important;
    }
    .sf-menu ul{
        top: calc(100% + 10px) !important;
        top: -webkit-calc(100% + 10px) !important;
        top: -moz-calc(100% + 10px) !important;
    }
    .main_nav li>a {
        font-size: 14px;
        text-align: center;
        padding: 0;
        color: #fff !important;
    }
    .main_nav>li>a li a{
        color: #fff !important;
    }
    .main_nav>li:hover > a{
        color: #0a1d3b;
    }
    .main_nav .nav_menu_home {display: none;}
    .nav_menu_stay>a {margin-left: 0;}
    .book_button_wrap .tel_number .ficon {display: inline;}
    .book_button_wrap .book_button em {display: inline;}
    .top_bar .menu_button {display: block;}
}
@media screen and (max-width: 980px) {
    .main_nav>li>a {font-size: 14px;}
    .sub_nav>ul li a {font-size: 14px;}
}
@media screen and (max-width: 940px) {
    .sub_nav>ul li a {font-size: 14px;}
    .nav_short_news {display: none;}
    .sub_nav .nav_featured_news {
        float: left;
        position: static;
    }
    .sub_nav .nav_news_link {
        float: left;
        width: 16%;
        position: static;
    }
    .sub_nav .nav_news_link a {border-left: none;}
}
@media screen and (max-width: 860px) {
    .main_nav>li>a {letter-spacing: 0;}
    .subnav_desc {display: none;}
    .sub_nav, .sub_nav>ul li {height: 61px;}
    .sub_nav>ul li a {
        height: auto;
        padding: 0 15px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        line-height: 1.3;
    }
    .sub_nav>ul li {display: table;}
    .sub_nav .nav_featured_news {display: none;}
    .nav_news_link {
        display: table;
        height: 60px;
    }
    .nav_news_link a {
        display: table-cell;
        vertical-align: middle;
        height: 61px;
        border-right: 1px solid #dde6f0;
        padding: 0 15px;
        font-size: 14px;
        line-height: 1.5;
    }
    .nav_news_link a:last-of-type {border: none;}
    .nav_contact_details {display: none;}
    .nav_contact_links {
        padding: 0;
        float: none;
    }
    .nav_contact_links p {
        float: left;
        display: table;
        width: 16%;
    }
    .nav_contact_links p:last-of-type a {border-right: none;}
    .nav_contact_links a {
        display: table-cell;
        vertical-align: middle;
        height: 61px;
        border-right: 1px solid #dde6f0;
        padding: 0 15px;
        font-size: 14px;
        line-height: 1.5;
    }
    .sub_nav>ul li a {font-size: 12px;}
}
@media screen and (max-width: 820px) {
    .sub_nav {top: 50px;}
    .sub_nav>ul li a, .nav_news_link a, .nav_contact_links a {padding: 0 10px;}
}
@media screen and (max-width: 780px) {
    .sub_nav>ul li a {font-size: 11px;}
    .sub_nav, .sub_nav>ul li, .sub_nav>ul li a, .nav_news_link, .nav_news_link a, .nav_contact_links a {height: 51px;}
}
@media screen and (min-width: 771px) {
    .grid_sub_nav_container,    .subnav_overview_link {display: none !important;}
}
@media screen and (max-width: 770px) {
    body {padding-top: 50px;}
    .top_bar {height: 50px;}
    .top_bar .nav_home_logo {
        width: 80px;
        height: 46px;
        line-height: 46px;
        margin: auto;
        float: none;
    }
    header .top_bar .nav_home_logo img {
        margin-top: 10px !important;
    }
	.top_bar .nav_home_logo img {margin-top:20% !important;}
    .top_bar .menu_button {
        height: 50px;
        line-height: 50px;
        padding-left: 15px;
        letter-spacing: 0;
    }
    .top_bar .menu_button .ficon {top: 13px;}
    .site_header {height: 46px;}
    .book_button_wrap {height: 46px;}
    .book_button_wrap .book_button {
        height: 46px;
        line-height: 46px;
        text-align: center;
    }
    .book_button_wrap .book_button .ficon {
        position: static;
        top: 3px;
    }
    .book_button_wrap .tel_number {
        height: 46px;
        line-height: 45px;
        padding-right: 15px;
        letter-spacing: 0;
    }
    .book_button_submenu {top: 46px;}
    .no-touch .menu_button:hover {
        color: yellow;
        cursor: pointer;
    }
    li.nav_menu_home {width: auto;}
    li.nav_menu_home .nav_icon {display: none;}
    li.nav_menu_home .nav_label {display: inline;}
    .main_nav_wrapper {
        position: relative;
        top: -46px;
        height: 46px;
    }
    .sub_nav {display: none;}
    .subnav_overview_link {display: block;}
    .main_nav {
        width: 100%;
        height: 80%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 50px 0 0 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: none;
    }
    .main_nav.open {display: block;}
    .main_nav>li {
        width: 50%;
        height: 10% !important;
        border: none;
        margin: 0;
    }
    .main_nav>li a {
        background-color: rgba(0, 0, 0, 1);
        height: 100%;
        border-right: 1px solid #dde6f0;
        border-bottom: 1px solid #dde6f0;
        letter-spacing: 1px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .main_nav>li a:focus {
        background: #eee;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }
/*    .main_nav>li:nth-child(odd) a {border-right: none;}*/
    .main_nav>li:hover a {background: #000;}
    .main_nav>li.nav_menu_home {display: block;}
    .main_nav>li .nav_label {
        font-size: 18px;
        letter-spacing: 3px;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        width: 100%;
        height: 60px;
        line-height: 60px;
        margin-top: -30px;
        text-align: center;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        text-align: left;
        padding-left: 25px;
    }
    .main_nav>li .nav_label:before {
        top: 0;
        left: 0;
        width: 100%;
        font-size: 32px;
    }
    .main_nav>li:hover .nav_label {
        color: #aab6bf;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .main_nav .mobile_shield {
        position: absolute;
        /*background: #000;*/
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: all 1.5s ease-out;
        -moz-transition: all 1.5s ease-out;
        transition: all 1.5s ease-out;
    }
    .opacity .mobile_shield {display: block;}
    .grid_sub_nav_container {pointer-events: auto;}
    .main_nav_wrapper .main_nav, .main_nav_wrapper .main_nav.open, .main_nav_wrapper .main_nav.closed {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        background: none;
    }
    .nav_menu_gallery {display: block;}
    .cssvwunit.csstransforms3d .main_nav {display: block;}
    .cssvwunit.csstransforms3d .main_nav>li a {
        -webkit-transition-property: -webkit-transform, color;
        -moz-transform-property: -moz-transform, color;
        transition-property: transform, color;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.185, 1), ease-out;
        -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.185, 1), ease-out;
        transition-timing-function: cubic-bezier(0.7, 0, 0.185, 1), ease-out;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        height: 100%;
    }
    .cssvwunit.csstransforms3d .main_nav>li {
        -webkit-perspective: 300px;
        perspective: 300px;
        width: 80%;
    }
    .cssvwunit.csstransforms3d .main_nav>li:nth-child(11) a {
        /*-webkit-transition-duration: 0.4s, 0.3s;
        -moz-transition-duration: 0.4s, 0.3s;
        transition-duration: 0.4s, 0.3s;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0;*/
    }
    .cssvwunit.csstransforms3d .main_nav>li:nth-child(10) a {
        /*-webkit-transition-duration: 0.4s, 0.3s;
        transition-duration: 0.4s, 0.3s;
        -moz-transition-duration: 0.4s, 0.3s;
        -webkit-transition-delay: 0.1s, 0;
        transition-delay: 0.1s, 0;
        -moz-transition-delay: 0.1s, 0;*/
    }
    .cssvwunit.csstransforms3d .main_nav>li:nth-child(9) a {
        /*-webkit-transition-duration: 0.4s, 0.3s;
        transition-duration: 0.4s, 0.3s;
        -moz-transition-duration: 0.4s, 0.3s;
        -webkit-transition-delay: 0.2s, 0;
        transition-delay: 0.2s, 0;
        -moz-transition-delay: 0.2s, 0;*/
    }
    .cssvwunit.csstransforms3d .main_nav>li:nth-child(8) a {
        /*-webkit-transition-duration: 0.4s, 0.3s;
        transition-duration: 0.4s, 0.3s;
        -moz-transition-duration: 0.4s, 0.3s;
        -webkit-transition-delay: 0.3s, 0;
        transition-delay: 0.3s, 0;
        -moz-transition-delay: 0.3s, 0;*/
    }
    .cssvwunit.csstransforms3d .main_nav>li:nth-child(7) a {
        /*-webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -moz-transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.4s, 0;
        transition-delay: 0.4s, 0;
        -moz-transition-delay: 0.4s, 0;*/
    }
    .cssvwunit.csstransforms3d .main_nav>li:nth-child(6) a {
        /*-webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -moz-transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.5s, 0;
        transition-delay: 0.5s, 0;
        -moz-transition-delay: 0.5s, 0;*/
    }
    .cssvwunit.csstransforms3d .main_nav>li:nth-child(5) a {
        /*-webkit-transition-duration: 0.2s, 0.3s;
        transition-duration: 0.2s, 0.3s;
        -moz-transition-duration: 0.2s, 0.3s;
        -webkit-transition-delay: 0.6s, 0;
        transition-delay: 0.6s, 0;
        -moz-transition-delay: 0.6s, 0;*/
    }
    .cssvwunit.csstransforms3d .main_nav>li:nth-child(4) a {
        /*-webkit-transition-duration: 0.2s, 0.3s;
        transition-duration: 0.2s, 0.3s;
        -moz-transition-duration: 0.2s, 0.3s;
        -webkit-transition-delay: 0.7s, 0;
        transition-delay: 0.7s, 0;
        -moz-transition-delay: 0.7s, 0;*/
    }
    .cssvwunit.csstransforms3d .main_nav>li:nth-child(3) a {
        /*-webkit-transition-duration: 0.1s, 0.3s;
        transition-duration: 0.1s, 0.3s;
        -moz-transition-duration: 0.1s, 0.3s;
        -webkit-transition-delay: 0.8s, 0;
        transition-delay: 0.8s, 0;
        -moz-transition-delay: 0.8s, 0;*/
    }
    .cssvwunit.csstransforms3d .main_nav>li:nth-child(2) a {
        /*-webkit-transition-duration: 0.1s, 0.3s;
        transition-duration: 0.1s, 0.3s;
        -moz-transition-duration: 0.1s, 0.3s;
        -webkit-transition-delay: 0.9s, 0;
        transition-delay: 0.9s, 0;
        -moz-transition-delay: 0.9s, 0;*/
    }
    .cssvwunit.csstransforms3d .main_nav.open {
        /*background: none;
        -webkit-transition-property: visibility;
        transition-property: visibility;
        -moz-transition-property: visibility;
        -webkit-transition-duration: 0;
        transition-duration: 0;
        -moz-transition-duration: 0;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -moz-transition-delay: 0s;*/
    }
    .cssvwunit.csstransforms3d .main_nav.open>li a {
        /*-webkit-transition-property: -webkit-transform, color;
        transition-property: transform, color;
        -moz-transition-property: transform, color;
        -webkit-transition-duration: 3s, 0.3s;
        transition-duration: 3s, 0.3s;
        -moz-transition-duration: 3s, 0.3s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.185, 1), ease-out;
        transition-timing-function: cubic-bezier(0.7, 0, 0.185, 1), ease-out;
        -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.185, 1), ease-out;
        -webkit-transition-delay: 0;
        transition-delay: 0;
        -moz-transition-delay: 0;*/
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        height: 100%;
    }
    .main_nav.open>li a:after{
    	background:transparent;
    }
    .cssvwunit.csstransforms3d .main_nav.open .mobile_shield {
        opacity: 0.9;
        -webkit-transition: opacity 1.5s ease-out;
        transition: opacity 1.5s ease-out;
        -moz-transition: opacity 1.5s ease-out;
    }
    .cssvwunit.csstransforms3d .main_nav.open>li:nth-child(2) a {
        -webkit-transition-duration: 0.5s, 0.3s;
        transition-duration: 0.5s, 0.3s;
        -moz-transition-duration: 0.5s, 0.3s;
        -webkit-transition-delay: 0;
        transition-delay: 0;
        -moz-transition-delay: 0;
    }
    .cssvwunit.csstransforms3d .main_nav.open>li:nth-child(3) a {
        -webkit-transition-duration: 0.5s, 0.3s;
        transition-duration: 0.5s, 0.3s;
        -moz-transition-duration: 0.5s, 0.3s;
        -webkit-transition-delay: 0.1s, 0;
        transition-delay: 0.1s, 0;
        -moz-transition-delay: 0.1s, 0;
    }
    .cssvwunit.csstransforms3d .main_nav.open>li:nth-child(4) a {
        -webkit-transition-duration: 0.5s, 0.3s;
        transition-duration: 0.5s, 0.3s;
        -moz-transition-duration: 0.5s, 0.3s;
        -webkit-transition-delay: 0.2s, 0;
        transition-delay: 0.2s, 0;
        -moz-transition-delay: 0.2s, 0;
    }
    .cssvwunit.csstransforms3d .main_nav.open>li:nth-child(5) a {
        -webkit-transition-duration: 0.5s, 0.3s;
        transition-duration: 0.5s, 0.3s;
        -moz-transition-duration: 0.5s, 0.3s;
        -webkit-transition-delay: 0.3s, 0;
        transition-delay: 0.3s, 0;
        -moz-transition-delay: 0.3s, 0;
    }
    .cssvwunit.csstransforms3d .main_nav.open>li:nth-child(6) a {
        -webkit-transition-duration: 0.4s, 0.3s;
        transition-duration: 0.4s, 0.3s;
        -moz-transition-duration: 0.4s, 0.3s;
        -webkit-transition-delay: 0.4s, 0;
        transition-delay: 0.4s, 0;
        -moz-transition-delay: 0.4s, 0;
    }
    .cssvwunit.csstransforms3d .main_nav.open>li:nth-child(7) a {
        -webkit-transition-duration: 0.4s, 0.3s;
        transition-duration: 0.4s, 0.3s;
        -moz-transition-duration: 0.4s, 0.3s;
        -webkit-transition-delay: 0.5s, 0;
        transition-delay: 0.5s, 0;
        -moz-transition-delay: 0.5s, 0;
    }
    .cssvwunit.csstransforms3d .main_nav.open>li:nth-child(8) a {
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -moz-transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.6s, 0;
        transition-delay: 0.6s, 0;
        -moz-transition-delay: 0.6s, 0;
    }
    .cssvwunit.csstransforms3d .main_nav.open>li:nth-child(9) a {
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -moz-transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.7s, 0;
        transition-delay: 0.7s, 0;
        -moz-transition-delay: 0.7s, 0;
    }
    .cssvwunit.csstransforms3d .main_nav.open>li:nth-child(10) a {
        -webkit-transition-duration: 0.2s, 0.3s;
        transition-duration: 0.2s, 0.3s;
        -moz-transition-duration: 0.2s, 0.3s;
        -webkit-transition-delay: 0.8s, 0;
        transition-delay: 0.8s, 0;
        -moz-transition-delay: 0.8s, 0;
    }
    .cssvwunit.csstransforms3d .main_nav.open>li:nth-child(11) a {
        -webkit-transition-duration: 0.2s, 0.3s;
        transition-duration: 0.2s, 0.3s;
        -moz-transition-duration: 0.2s, 0.3s;
        -webkit-transition-delay: 0.9s, 0;
        transition-delay: 0.9s, 0;
        -moz-transition-delay: 0.9s, 0;
    }
    .cssvwunit.csstransforms3d .main_nav.closed {
        -webkit-transition-property: visibility;
        transition-property: visibility;
        -moz-transition-property: visibility;
        -webkit-transition-duration: 0;
        transition-duration: 0;
        -moz-transition-duration: 0;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        -moz-transition-delay: 1s;
    }
    .grid_sub_nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding-top: 46px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 999;
        width: 100%;
        height: 100%;
        background: #eff3f8;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    }
    .grid_sub_nav.closed {
        visibility: hidden;
        display: none;
    }
    .grid_sub_nav ul {
        width: 100%;
        height: 100%;
    }
    .grid_sub_nav li {
        width: 50%;
        height: 20.1%;
        border: none;
        float: left;
        display: table;
    }
    .grid_sub_nav li a {
        background: #fafafa;
        height: 100%;
        border-right: 1px solid #dde6f0;
        border-bottom: 1px solid #dde6f0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-weight: 500;
        font-size: 18px;
        color: #0a1d3b;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
        padding: 0 20px;
        overflow: hidden;
    }
    .grid_sub_nav li a:focus {
        background: #eee;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }
    .grid_sub_nav li:nth-child(even) a {border-right: none;}
    .grid_sub_nav li:hover a {color: #aab6bf;}
    .grid_sub_nav .grid_sub_nav_back {background: #f3f3f3;}
    .grid_sub_nav .grid_sub_nav_back:before {
        content: "\e61d";
        font-family: 'ficon';
        padding-right: 8px;
        font-size: 12px;
        position: relative;
        top: -3px;
    }
    .csstransforms3d .grid_sub_nav {
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.36, 0.855, 0.515, 0.955);
        transition: transform 0.3s cubic-bezier(0.36, 0.855, 0.515, 0.955);
        -moz-transition: -moz-transform 0.3s cubic-bezier(0.36, 0.855, 0.515, 0.955);
    }
    .csstransforms3d .grid_sub_nav.closed {
        display: block;
        visibility: visible;
    }
    .csstransforms3d .grid_sub_nav.closed:nth-child(2), .csstransforms3d .grid_sub_nav.closed:nth-child(4) {
        -webkit-transform: translate3d(102%, 0, 0);
        transform: translate3d(102%, 0, 0);
        -moz-transform: translate3d(102%, 0, 0);
    }
    .csstransforms3d .grid_sub_nav.closed:nth-child(1), .csstransforms3d .grid_sub_nav.closed:nth-child(3), .csstransforms3d .grid_sub_nav.closed:nth-child(5), .csstransforms3d .grid_sub_nav.closed:nth-child(6) {
        -webkit-transform: translate3d(-102%, 0, 0);
        transform: translate3d(-102%, 0, 0);
        -moz-transform: translate3d(-102%, 0, 0);
    }
    .csstransforms3d #sub_menu_corp.closed {
        -webkit-transform: translate3d(-102%, 0, 0);
        transform: translate3d(-102%, 0, 0);
        -moz-transform: translate3d(-102%, 0, 0);
    }
    .csstransforms3d .grid_sub_nav.open {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }
    #sub_menu_hotels li a {font-size: 14px;}
}
@media screen and (max-width: 500px) {
    .book_button_wrap .book_button em {display: none;}
    .book_button_wrap .tel_number .ficon {
        font-size: 12px;
        top: 0;
    }
}
@media screen and (max-width: 420px) {
    .book_button_wrap .tel_number .ficon {display: none;}
    .book_button_submenu a:after {content: none;}
}
@media screen and (max-width: 400px) {
    .book_button_wrap .tel_number,    .book_button_wrap .book_button,    .top_bar .menu_button {
        font-size: 12px;
        line-height: 50px;
    }
    .book_button_wrap .book_button #book_button_touch {padding: 0 45px 0 13px;}
    .book_button_wrap .book_button:after {right: 11px;}
    .book_button_wrap .tel_number {padding-right: 12px;}
    .top_bar .menu_button .ficon {top: 13.5px;}
    .main_nav>li .nav_label {
        font-size: 16px;
        letter-spacing: 2px;
        height: 50px;
        line-height: 50px;
        margin-top: -25px;
    }
    .main_nav>li .nav_label:before {font-size: 24px;}
    .grid_sub_nav li a {
        font-size: 14px;
        letter-spacing: 2px;
    }
    .grid_sub_nav .grid_sub_nav_back:before {
        font-size: 10px;
        top: -1px;
    }
}
@media screen and (min-width: 1000px) {
    .page-template-page-templatesstay-landing-php .nav_menu_stay>a,    .page-template-page-templatesspa-landing-php .nav_menu_spa>a,    .page-template-page-templatesweddings-landing-php .nav_menu_weddings>a,    .page-template-page-templatesdining-landing-php .nav_menu_dining>a,    .page-id-39 .nav_menu_stay>a,    .parent-pageid-33 .nav_menu_stay>a,    .page-id-61 .nav_menu_dining>a,    .page-id-63 .nav_menu_dining>a,    .page-id-65 .nav_menu_dining>a,    .parent-pageid-59 .nav_menu_dining>a,    .single-menu .nav_menu_dining>a,    .page-id-69 .nav_menu_spa>a,    .page-id-71 .nav_menu_spa>a,    .page-id-73 .nav_menu_spa>a,    .page-id-75 .nav_menu_spa>a,    .parent-pageid-35 .nav_menu_spa>a,    .single-treatments .nav_menu_spa>a,    .page-id-77 .nav_menu_corp>a,    .page-id-79 .nav_menu_weddings>a,    .page-id-81 .nav_menu_weddings>a,    .page-id-83 .nav_menu_weddings>a,    .page-id-85 .nav_menu_weddings>a,    .page-id-87 .nav_menu_weddings>a,    .parent-pageid-37 .nav_menu_weddings>a,    .single-news .nav_menu_news>a,    .post-type-archive-news .nav_menu_news>a,    .tax-topic .nav_menu_news>a,    .single-offer .nav_menu_offers>a,    .post-type-archive-offer .nav_menu_offers>a,    .tax-offer_type .nav_menu_offers>a,    .page-id-27 .nav_menu_contact>a {
        border-top: 3px solid #0a1d3b;
        height: 47px;
        line-height: 44px;
    }
}
@media screen and (min-width: 1400px) {
    .page-template-page-templatesstay-landing-php .nav_menu_stay>a,    .page-template-page-templatesspa-landing-php .nav_menu_spa>a,    .page-template-page-templatesweddings-landing-php .nav_menu_weddings>a,    .page-template-page-templatesdining-landing-php .nav_menu_dining>a,    .page-id-39 .nav_menu_stay>a,    .parent-pageid-33 .nav_menu_stay>a,    .page-id-61 .nav_menu_dining>a,    .page-id-63 .nav_menu_dining>a,    .page-id-65 .nav_menu_dining>a,    .single-menu .nav_menu_dining>a,    .parent-pageid-59 .nav_menu_dining>a,    .page-id-69 .nav_menu_spa>a,    .page-id-71 .nav_menu_spa>a,    .page-id-73 .nav_menu_spa>a,    .page-id-75 .nav_menu_spa>a,    .parent-pageid-35 .nav_menu_spa>a,    .single-treatments .nav_menu_spa>a,    .page-id-77 .nav_menu_corp>a,    .page-id-79 .nav_menu_weddings>a,    .page-id-81 .nav_menu_weddings>a,    .page-id-83 .nav_menu_weddings>a,    .page-id-85 .nav_menu_weddings>a,    .page-id-87 .nav_menu_weddings>a,    .parent-pageid-37 .nav_menu_weddings>a,    .page-id-500 .nav_menu_news>a,    .single-news .nav_menu_news>a,    .post-type-archive-news .nav_menu_news>a,    .tax-topic .nav_menu_news>a,    .single-offer .nav_menu_offers>a,    .post-type-archive-offer .nav_menu_offers>a,    .tax-offer_type .nav_menu_offers>a,    .page-id-27 .nav_menu_contact>a {
        height: 67px;
        line-height: 65px;
    }
}
@media screen and (max-width: 770px) {
    .page-template-page-templatesstay-landing-php .nav_menu_stay>a,    .page-template-page-templatesspa-landing-php .nav_menu_spa>a,    .page-template-page-templatesweddings-landing-php .nav_menu_weddings>a,    .page-template-page-templatesdining-landing-php .nav_menu_dining>a,    .page-id-39 .nav_menu_stay>a,    .parent-pageid-33 .nav_menu_stay>a,    .page-id-61 .nav_menu_dining>a,    .page-id-63 .nav_menu_dining>a,    .page-id-65 .nav_menu_dining>a,    .single-menu .nav_menu_dining>a,    .parent-pageid-59 .nav_menu_dining>a,    .page-id-69 .nav_menu_spa>a,    .page-id-71 .nav_menu_spa>a,    .page-id-73 .nav_menu_spa>a,    .page-id-75 .nav_menu_spa>a,    .parent-pageid-35 .nav_menu_spa>a,    .single-treatments .nav_menu_spa>a,    .page-id-77 .nav_menu_corp>a,    .page-id-79 .nav_menu_weddings>a,    .page-id-81 .nav_menu_weddings>a,    .page-id-83 .nav_menu_weddings>a,    .page-id-85 .nav_menu_weddings>a,    .page-id-87 .nav_menu_weddings>a,    .parent-pageid-37 .nav_menu_weddings>a,    .page-id-500 .nav_menu_news>a,    .single-news .nav_menu_news>a,    .post-type-archive-news .nav_menu_news>a,    .tax-topic .nav_menu_news>a,    .single-offer .nav_menu_offers>a,    .post-type-archive-offer .nav_menu_offers>a,    .tax-offer_type .nav_menu_offers>a,    .page-id-27 .nav_menu_contact>a {background: #eff3f8 !important;}
}
.site_footer {
    padding: 10px;
    background: #f8f8f8;
    color: #9099a6;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.05em;
    font-family: 'Lato', sans-serif;
    position: relative;
}
.site_footer:before, .site_footer:after {
    content: " ";
    display: table;
}
.site_footer:after {clear: both;}
.site_footer a {color: #9099a6;}
.site_footer a:hover {color: #687282;}
.footer_social_links {
    float: left;
    margin-right: 10px;
    margin-left: 1px;
}
.footer_social_links a {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 6px;
    text-indent: -999px;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    position: relative;
}
.footer_social_links a:after {
    color: #9099a6;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'ficon';
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}
.footer_social_links a.fb:after {content: "\e499";}
.footer_social_links a.fb:hover:after {color: #3b5998;}
.footer_social_links a.tw:after {content: "\e49e";}
.footer_social_links a.tw:hover:after {color: #00aced;}
.footer_social_links a.gplus:after {content: "\e495";}
.footer_social_links a.gplus:hover:after {color: #dd4b39;}
.footer_social_links a.pin:after {content: "\e4d7";}
.footer_social_links a.pin:hover:after {color: #cb2027;}
.footer_nav {
    padding: 0;
    margin: 0;
}
.footer_nav:before, .footer_nav:after {
    content: " ";
    display: table;
}
.footer_nav:after {clear: both;}
.footer_nav li {
    float: left;
    min-height: 20px;
    line-height: 20px;
}
.footer_nav .hotel_name {text-transform: none;}
.footer_nav_l {float: left;}
.footer_nav_l li {margin-right: 15px;}
.footer_nav_r {float: right;}
.footer_nav_r li {margin-left: 15px;}
.footer_address {
    clear: both;
    float: right;
    width: 42%;
    text-align: right;
    line-height: 1.6;
    text-transform: none;
    padding-top: 5px;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer_chain_links_wrapper {
    width: 50%;
    float: left;
    padding: 12px 0 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer_chain_links_wrapper li {
    float: left;
    margin-right: 10px;
    margin-bottom: 4px;
    padding-right: 14px;
    position: relative;
}
.footer_chain_links_wrapper li:after {
    content: "•";
    position: absolute;
    right: 0;
    top: -1px;
}
.footer_chain_links_wrapper li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.footer_chain_links_wrapper li:last-child:after {content: none;}
@media screen and (max-width: 950px) {
    .footer_social_links {
        float: none;
        display: block;
        text-align: center;
        padding: 20px 0 0;
        margin: 0;
    }
    .footer_social_links a {
        float: none;
        display: inline-block;
        margin: 0 8px;
    }
    .footer_social_links a:after {font-size: 20px;}
    .footer_nav_l, .footer_nav_r {
        float: none;
        display: block;
    }
    .site_footer {
        padding: 0;
        font-size: 0.75em;
    }
    .footer_nav_l {padding: 5px 10px 10px;}
    .footer_nav_r {
        background: #fff;
        padding: 4px 10px;
    }
    .footer_address {
        float: none;
        text-align: center;
        background: #fff;
        width: 100%;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer_nav li {
        display: block;
        float: none;
        text-align: center;
        margin: 4px 0;
    }
    .footer_nav_l a {
        display: block;
        padding: 4px 0;
    }
    .footer_nav_r {padding: 10px;}
    .footer_nav_r li {
        float: none;
        display: block;
        margin: 5px 0;
    }
    .footer_chain_links_wrapper {
        text-align: center;
        padding: 15px 15px 11px;
        float: none;
        width: 100%;
    }
    .footer_chain_links_wrapper li {
        display: inline-block;
        float: none;
    }
}
.flexslider {
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.flexslider .slides {
    width: 100%;
    height: 100%;
}
.flex-direction-nav a {
    width: 60px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    margin-top: -40px;
    background: rgba(0, 0, 0, 0.15);
    color: #fff;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
}
.flex-direction-nav a:before {
    font-family: 'ficon';
    content: "\e61d";
    font-size: 30px;
    height: 80px;
    width: 60px;
    line-height: 80px;
}
.flex-direction-nav .flex-next {
    text-align: center;
    text-indent: 1px;
}
.flex-direction-nav .flex-prev {text-align: center;}
.flex-direction-nav .flex-prev:before {text-indent: -3px;}
.flex-direction-nav a.flex-next:before {
    font-family: 'ficon';
    content: "\e61e";
}
.flexslider:hover .flex-next {
    right: 0;
    opacity: 1;
}
.flexslider:hover .flex-prev {
    left: 0;
    opacity: 1;
}
.flex-direction-nav a:hover {background: rgba(0, 0, 0, 0.3);}
.touch .flex-direction-nav a {display: none !important;}
@media screen and (max-width: 800px) {
    .flex-direction-nav a {width: 40px;}
    .flex-direction-nav a:before {
        width: 40px;
        font-size: 24px;
    }
}
@media screen and (max-width: 400px) {
    .flex-direction-nav {display: none !important;}
}
.viewport_wrapper {width: 100%;}
.viewport_gallery {
    background: #222;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.viewport_gallery_slide {
    /*width: 100%;*/
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.home_gallery_slide_container {
    display: table;
    width: 100%;
    height: 100%;
}
.home_gallery_slide_content {
    width: 90%;
    height: 100%;
    padding: 0 5%;
    position: relative;
    top: auto;
    left: auto;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Lato';
    font-weight: 300;
    line-height: 1;
    letter-spacing: 5px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.home_gallery_slide_content h1{
     /*font-family: 'Lato';*/
    font-weight: 300;
    color: #fff;
}
.home_gallery_slide_content p {line-height: 1.2;}
.home_gallery_slide_content a {color: #fff;}
.home_gallery_slide_content h1 span {display: block;}
.home_gallery_slide_content .line1 {
    font-size: 20px;
    margin: 0 0 10px;
    letter-spacing: 6px;
    text-indent: 3px;
}
.home_gallery_slide_content .line2 {
    font-size: 40px;
    margin: 0 0 15px;
}
.home_gallery_slide_content .line3 {
    font-size: 84px;
    margin: 0;
    padding: 0 0 30px;
    letter-spacing: 8px;
    text-indent: 4px;
}
.home_gallery_slide_content .line4 {
    font-size: 24px;
    letter-spacing: 8px;
    text-indent: 4px;
    margin: 0 0 40px;
}
.home_gallery_slide_content .button {
    color: #fff;
    border-color: #fff;
    padding: 0 18px;
    height: 51px;
    line-height: 46px;
    border-width: 2px;
    font-family: 'Lato';
    cursor: pointer !important;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}
.home_gallery_slide_content .button:hover {
    background: #fff;
    color: #0a1d3b;
}
.home_gallery_slide_content img.header_dotted {
    width: 260px;
    position: absolute;
    top: 55px;
    display: inline;
}
.home_gallery_slide_content .header_dotted_l {left: 0;}
.home_gallery_slide_content .header_dotted_r {right: 0;}
.home_gallery_slide_content a:hover .button {
    background: #fff;
    color: #0a1d3b;
}
.home_gallery_slide_1 .slide_logo {
    font-size: 48px;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    border: 1px solid #fff;
    margin: 0 auto 40px;
    border-color: #71a8cb;
    border-color: rgba(255, 255, 255, 0.8);
}
.home_gallery_slide_1 .line2 {
    font-size: 38px;
    margin: 0 0 5px;
    letter-spacing: 6px;
    text-indent: 3px;
}
.home_gallery_slide_1 .line3 {
    font-size: 100px;
    letter-spacing: 10px;
    text-indent: 5px;
    padding: 0 0 10px;
}
.home_gallery_slide_1 .line4 {
    font-size: 26px;
    margin: 0 0 30px;
    letter-spacing: 10px;
    text-indent: 5px;
}
.home_gallery_slide_1 .line5 {
    font-family: 'Georgia';
    text-transform: none;
    font-size: 18px;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    line-height: 1.4;
    width: 430px;
    margin: 0 auto;
    padding: 0 0 40px;
}
.home_gallery_slide_1 img.header_dotted {
    width: 240px;
    top: 46px;
}
.home_gallery_slide_xmas .line4 {font-size: 36px;}
.home_gallery_slide_offers .line1 {
    font-size: 20px;
    margin: 0 0 10px;
    letter-spacing: 10px;
    text-indent: 5px;
}
.home_gallery_slide_offers .line2 {
    font-size: 84px;
    margin: 0 0 14px;
    letter-spacing: 14px;
    text-indent: 7px;
    line-height: 1;
}
.home_gallery_slide_offers .line3 {
    font-size: 24px;
    letter-spacing: 8px;
    text-indent: 4px;
    padding: 0;
    margin: 0 0 30px;
}
.home_gallery_spring_offers .line2 {color: #FFBA00;}
.home_gallery_slide_3 .line2 {font-size: 34px;}
.home_gallery_slide_3 .line3 {
    font-size: 100px;
    padding: 0;
    margin-bottom: 15px;
}
.home_gallery_slide_3 .line4 {
    font-size: 24px;
    margin: 0;
    padding: 0 0 40px;
}
.home_gallery_slide_3 img.header_dotted {
    width: 240px;
    top: 46px;
}
.home_gallery_slide_4 .line2 {font-size: 34px;}
.home_gallery_slide_4 .line3 {
    font-size: 82px;
    padding: 0;
    margin-bottom: 20px;
}
.home_gallery_slide_4 .line4 {
    font-size: 28px;
    margin: 0;
    padding: 0 0 35px;
}
.home_gallery_slide_4 img.header_dotted {
    width: 240px;
    top: 46px;
}
.csstransitions .home_gallery_slide_content {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scale(0.85);
    transform: translate3d(0, -20px, 0) scale(0.85);
    -moz-transform: translate3d(0, -20px, 0) scale(0.85);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
}
.csstransitions .flex-active-slide .home_gallery_slide_content {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
}
@media screen and (max-width: 999px) {
    .home_gallery_slide_wake-up .line1 {font-size: 18px;}
    .home_gallery_slide_wake-up .line2 {font-size: 36px;}
    .home_gallery_slide_wake-up .line3 {font-size: 66px;}
    .home_gallery_slide_xmas .line1 {font-size: 18px;}
    .home_gallery_slide_xmas .line2 {font-size: 36px;}
    .home_gallery_slide_xmas .line3 {font-size: 66px;}
    .home_gallery_slide_xmas .line4 {font-size: 36px;}
    .home_gallery_slide_offers .line2 {
        font-size: 70px;
        letter-spacing: 16px;
        text-indent: 8px;
    }
    .home_gallery_slide_3 .line1 {font-size: 18px;}
    .home_gallery_slide_3 .line2 {font-size: 30px;}
    .home_gallery_slide_3 .line3 {
        font-size: 76px;
        margin-bottom: 20px;
    }
    .home_gallery_slide_3 .line4 {font-size: 22px;}
    .home_gallery_slide_4 .line2 {font-size: 30px;}
    .home_gallery_slide_4 .line3 {
        font-size: 58px;
        margin-bottom: 15px;
    }
    .home_gallery_slide_4 .line4 {
        font-size: 26px;
        padding-bottom: 30px;
    }
}
@media screen and (max-height: 770px) {
    .home_gallery_slide_1 .slide_logo {
        font-size: 36px;
        width: 66px;
        height: 66px;
        line-height: 66px;
        margin-bottom: 30px;
    }
    .home_gallery_slide_1 .line2 {font-size: 26px;}
    .home_gallery_slide_1 .line3 {font-size: 80px;}
    .home_gallery_slide_1 .line4 {margin: 0 0 25px;}
    .home_gallery_slide_1 .line5 {padding-bottom: 35px;}
    .home_gallery_slide_offers .line2 {font-size: 54px;}
    .home_gallery_slide_3 .line1 {font-size: 18px;}
    .home_gallery_slide_3 .line2 {font-size: 28px;}
    .home_gallery_slide_3 .line3 {font-size: 84px;}
    .home_gallery_slide_3 .line4 {padding-bottom: 30px;}
    .home_gallery_slide_4 .line2 {font-size: 30px;}
    .home_gallery_slide_4 .line3 {font-size: 58px;}
    .home_gallery_slide_4 .line4 {font-size: 26px;}
}
@media screen and (max-width: 740px) {
    .home_gallery_slide_1 .slide_logo {
        font-size: 34px;
        width: 70px;
        height: 70px;
        line-height: 70px;
        margin-bottom: 25px;
    }
    .home_gallery_slide_1 .line2 {font-size: 28px;}
    .home_gallery_slide_1 .line3 {
        font-size: 78px;
        letter-spacing: 8px;
        text-indent: 4px;
    }
    .home_gallery_slide_1 .line4 {
        font-size: 24px;
        letter-spacing: 8px;
        text-indent: 4px;
        margin-bottom: 25px;
    }
    .home_gallery_slide_1 .line5 {padding-bottom: 35px;}
    .home_gallery_slide_wake-up .line2 {font-size: 34px;}
    .home_gallery_slide_wake-up .line3 {font-size: 58px;}
    .home_gallery_slide_3 .line1 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .home_gallery_slide_3 .line2 {
        font-size: 26px;
        margin-bottom: 15px;
    }
    .home_gallery_slide_3 .line3 {font-size: 68px;}
    .home_gallery_slide_3 .line4 {
        font-size: 20px;
        padding-bottom: 35px;
    }
    .home_gallery_slide_4 .line1 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .home_gallery_slide_4 .line2 {
        font-size: 26px;
        margin-bottom: 15px;
    }
    .home_gallery_slide_4 .line3 {
        font-size: 46px;
        margin-bottom: 13px;
    }
    .home_gallery_slide_4 .line4 {
        font-size: 24px;
        padding-bottom: 25px;
    }
}
@media screen and (max-width: 650px) {
    .home_gallery_slide_1 .slide_logo {
        font-size: 26px;
        width: 54px;
        height: 54px;
        line-height: 54px;
        margin-bottom: 25px;
    }
    .home_gallery_slide_1 .line1 {
        font-size: 14px;
        letter-spacing: 6px;
        text-indent: 3px;
    }
    .home_gallery_slide_1 .line2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .home_gallery_slide_1 .line3 {
        font-size: 58px;
        margin-bottom: 2px;
    }
    .home_gallery_slide_1 .line4 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .home_gallery_slide_1 .line5 {
        width: 360px;
        font-size: 15px;
        padding-bottom: 30px;
    }
    .home_gallery_slide_wake-up .line1 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .home_gallery_slide_wake-up .line2 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .home_gallery_slide_wake-up .line3 {
        font-size: 42px;
        letter-spacing: 3px;
    }
    .home_gallery_slide_offers .line1 {
        font-size: 18px;
        margin: 0 0 13px;
    }
    .home_gallery_slide_offers .line2 {
        font-size: 42px;
        letter-spacing: 12px;
        text-indent: 6px;
    }
    .home_gallery_slide_xmas .line1 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .home_gallery_slide_xmas .line2 {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .home_gallery_slide_xmas .line3 {
        font-size: 54px;
        letter-spacing: 3px;
    }
    .home_gallery_slide_xmas .line4 {font-size: 36px;}
    .home_gallery_slide_3 .line1 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .home_gallery_slide_3 .line2 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .home_gallery_slide_3 .line3 {
        font-size: 52px;
        margin-bottom: 15px;
        letter-spacing: 6px;
        text-indent: 3px;
    }
    .home_gallery_slide_3 .line4 {
        font-size: 16px;
        padding-bottom: 35px;
    }
    .home_gallery_slide_4 .line1 {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .home_gallery_slide_4 .line2 {
        font-size: 20px;
        margin-bottom: 17px;
    }
    .home_gallery_slide_4 .line3 {
        font-size: 36px;
        letter-spacing: 4px;
        text-indent: 2px;
        margin-bottom: 20px;
    }
    .home_gallery_slide_4 .line4 {
        font-size: 20px;
        padding-bottom: 35px;
    }
}
@media screen and (max-width: 500px) {
    .home_gallery_slide_offers .line1 {font-size: 16px;}
    .home_gallery_slide_offers .line2 {
        font-size: 38px;
        letter-spacing: 8px;
        text-indent: 4px;
    }
    .home_gallery_slide_offers .line3 {
        font-size: 20px;
        letter-spacing: 12px;
        text-indent: 6px;
    }
}
@media screen and (max-width: 450px) {
    .home_gallery_slide_content .button {
        height: 46px;
        line-height: 42px;
        min-width: 200px;
    }
    .home_gallery_slide_1 .home_gallery_slide_content {
        width: 240px;
        height: 320px;
        margin: -160px 0 0 -120px;
    }
    .home_gallery_slide_1 .slide_logo {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .home_gallery_slide_1 .line2 {
        font-size: 18px;
        letter-spacing: 4px;
        text-indent: 2px;
        margin-bottom: 8px;
    }
    .home_gallery_slide_1 .line3 {
        font-size: 30px;
        letter-spacing: 4px;
        text-indent: 2px;
        margin-bottom: 2px;
    }
    .home_gallery_slide_1 .line4 {
        font-size: 16px;
        letter-spacing: 6px;
        text-indent: 3px;
        margin-bottom: 20px;
    }
    .home_gallery_slide_1 .line5 {
        width: 220px;
        font-size: 13px;
        line-height: 1.3;
        padding-bottom: 25px;
    }
    .home_gallery_slide_wake-up .line1 {
        font-size: 14px;
        margin-bottom: 8px;
        letter-spacing: 4px;
        text-indent: 2px;
    }
    .home_gallery_slide_wake-up .line2 {
        font-size: 18px;
        margin-bottom: 13px;
    }
    .home_gallery_slide_wake-up .line3 {
        font-size: 42px;
        letter-spacing: 4px;
        text-indent: 2px;
        line-height: 40px;
        padding-bottom: 20px;
    }
    .home_gallery_slide_wake-up .line3 .sm {
        display: block;
        font-size: 14px;
        letter-spacing: 8px;
        text-indent: 4px;
    }
    .home_gallery_slide_xmas .line1 {
        font-size: 14px;
        margin-bottom: 8px;
        letter-spacing: 4px;
        text-indent: 2px;
    }
    .home_gallery_slide_xmas .line2 {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .home_gallery_slide_xmas .line3 {
        font-size: 36px;
        letter-spacing: 4px;
        text-indent: 2px;
        line-height: 40px;
        padding-bottom: 20px;
    }
    .home_gallery_slide_xmas .line3 .sm {
        display: block;
        font-size: 14px;
        letter-spacing: 8px;
        text-indent: 4px;
    }
    .home_gallery_slide_xmas .line4 {font-size: 36px;}
    .home_gallery_slide_3 .line1 {
        font-size: 13px;
        margin-bottom: 6px;
    }
    .home_gallery_slide_3 .line2 {
        font-size: 16px;
        margin-bottom: 13px;
    }
    .home_gallery_slide_3 .line3 {
        font-size: 42px;
        letter-spacing: 4px;
        text-indent: 2px;
        margin-bottom: 15px;
    }
    .home_gallery_slide_3 .line4 {
        font-size: 13px;
        padding-bottom: 35px;
    }
    .home_gallery_slide_4 .line1 {
        font-size: 14px;
        margin-bottom: 6px;
    }
    .home_gallery_slide_4 .line2 {
        font-size: 16px;
        margin-bottom: 11px;
    }
    .home_gallery_slide_4 .line3 {
        font-size: 38px;
        line-height: 42px;
        margin-bottom: 14px;
    }
    .home_gallery_slide_4 .line3 span {display: block;}
    .home_gallery_slide_4 .line4 {
        font-size: 14px;
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 400px) {
    .home_gallery_slide_offers .line1 {
        font-size: 14px;
        letter-spacing: 6px;
        text-indent: 3px;
    }
    .home_gallery_slide_offers .line2 {font-size: 32px;}
    .home_gallery_slide_offers .line3 {
        font-size: 18px;
        letter-spacing: 8px;
        text-indent: 4px;
    }
}
#home_lower {
    background-color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/home/jetty_faint.jpg);
    background-size: contain;
    padding-bottom: 100px;
    position: relative;
}
@media screen and (min-width: 1900px) {
    #home_lower {background-size: cover;}
}
.section_down_arrow, .section_up_arrow {
    width: 70px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: -40px;
    margin-left: -35px;
    cursor: pointer;
    z-index: 200;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgba(0, 0, 0, 0.15);
    -webkit-font-smoothing: antialiased;
    -webkit-transition-property: background, opacity;
    transition-property: background, opacity;
    -moz-transition-property: background, opacity;
    -webkit-transition-duration: 0.3s, 1s;
    transition-duration: 0.3s, 1s;
    -moz-transition-duration: 0.3s, 1s;
    -webkit-transition-delay: 0, 0.5s;
    transition-delay: 0, 0.5s;
    -moz-transition-delay: 0, 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
}
.section_down_arrow .ficon, .section_up_arrow .ficon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 42px;
    text-align: center;
    font-size: 24px;
    color: #fff;
}
.section_down_arrow.inactive, .section_up_arrow.inactive {
    opacity: 0 !important;
    pointer-events: none;
}
.section_down_arrow:hover, .section_up_arrow:hover {background: rgba(0, 0, 0, 0.3);}
.opacity .section_down_arrow, .opacity .section_up_arrow {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transition-property: background, opacity, -webkit-transform;
    transition-property: background, opacity, transform;
    -moz-transition-property: background, opacity, transform;
    -webkit-transition-duration: 0.3s, 2s, 2s;
    transition-duration: 0.3s, 2s, 2s;
    -moz-transition-duration: 0.3s, 2s, 2s;
    -webkit-transition-delay: 0, 1.5s, 1.5s;
    transition-delay: 0, 1.5s, 1.5s;
    -moz-transition-delay: 0, 1.5s, 1.5s;
}
.opacity .window-load .section_down_arrow, .opacity .window-load .section_up_arrow {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -moz-transform: translateY(0);
}
.no-opacity .section_down_arrow.inactive, .no-opacity .section_up_arrow.inactive {display: none;}
.landing_slide_down_arrow {
    top: auto;
    bottom: 0;
    position: fixed;
}
.landing_slide_down_arrow .ficon {line-height: 42px;}
.landing_slide_down_arrow.pulsing .ficon {
    -webkit-animation: pulseArrow 1.7s 4s infinite ease;
    animation: pulseArrow 1.7s 4s infinite ease;
    -moz-animation: pulseArrow 1.7s 4s infinite ease;
}
.landing_slide_up_arrow {
    top: 50px;
    bottom: auto;
    position: fixed;
}
.landing_slide_up_arrow .ficon {line-height: 38px;}
.landing_slide_up_arrow.pulsing .ficon {
    -webkit-animation: pulseArrow 1.7s 4s infinite ease;
    animation: pulseArrow 1.7s 4s infinite ease;
    -moz-animation: pulseArrow 1.7s 4s infinite ease;
}
@media screen and (min-width: 1400px) {
    .landing_slide_up_arrow {top: 70px;}
}
.opacity .landing_slide_down_arrow {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transition-property: background, opacity, -webkit-transform;
    transition-property: background, opacity, transform;
    -moz-transition-property: background, opacity, transform;
    -webkit-transition-duration: 0.3s, 2s, 2s;
    transition-duration: 0.3s, 2s, 2s;
    -moz-transition-duration: 0.3s, 2s, 2s;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    -moz-transition-delay: 0;
}
.opacity .landing_slide_down_arrow.pulsing {
    -webkit-transition-delay: 0, 1.5s, 1.5s;
    transition-delay: 0, 1.5s, 1.5s;
    -moz-transition-delay: 0, 1.5s, 1.5s;
}
.opacity .landing_slide_up_arrow {
    opacity: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    -moz-transition-delay: 0;
}
.opacity .window-load .landing_slide_down_arrow, .opacity .window-load .landing_slide_up_arrow {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -moz-transform: translateY(0);
}
@-webkit-keyframes pulseArrow {
    0%,    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    40% {
        opacity: 0.5;
        -webkit-transform: translateY(-5px);
    }
}
@keyframes pulseArrow {
    0%,    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        opacity: 0.5;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}
@media screen and (max-width: 700px) {
    .section_down_arrow,    .section_up_arrow {
        height: 30px;
        top: -30px;
    }
    .section_down_arrow .ficon, .section_up_arrow .ficon {line-height: 32px;}
}
.home_lower_main_intro {
    max-width: 1200px;
    padding: 60px 60px;
    margin: 0 auto;
}
.home_lower_main_title {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 44px;
    font-family: 'Lato';
    font-weight: 300;
    color: #0a1d3b;
    padding-bottom: 30px;
    border-bottom: 2px dotted #abadae;
    margin-bottom: 35px;
    text-align: center;
}
.home_lower_main_desc {
    -webkit-font-smoothing: antialiased;
    -webkit-columns: 30px 2;
    -moz-columns: 30px 2;
    columns: 30px 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
#home_lower_more_text {
    margin: 0 0 1em;
    display: none;
    cursor: pointer;
    font-family: 'lato', sans-serif;
    font-size: 13px;
}
@media screen and (max-width: 700px) {
    #home_lower_more_text {display: block;}
    .home_lower_main_desc #home_lower_extra {display: none;}
}
.home_lower_main_subtitle {
    text-transform: uppercase;
    font-family: 'lato';
    letter-spacing: 2px;
    color: #0A1D3B;
}
@media screen and (min-width: 1100px) {
    .home_lower_main_intro {padding: 60px 100px;}
    .home_lower_main_title {
        letter-spacing: 4px;
        font-size: 48px;
    }
}
@media screen and (max-width: 950px) {
    .home_lower_main_title {font-size: 36px;}
}
@media screen and (max-width: 800px) {
    .home_lower_main_title {
        font-size: 36px;
        letter-spacing: 2px;
        width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .home_lower_main_intro {padding: 40px 50px;}
}
@media screen and (max-width: 700px) {
    .home_lower_main_desc {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        text-align: center;
    }
}
@media screen and (max-width: 500px) {
    .home_lower_main_intro {padding: 40px 40px 0;}
    .home_lower_main_title {
        font-size: 28px;
        width: 300px;
        padding-bottom: 20px;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 400px) {
    .home_lower_main_intro {padding: 30px 20px 0;}
    .home_lower_main_title {width: 280px;}
}
.home_lower_intro {
    padding: 0 40px 60px;
    text-align: center;
}
.home_lower_title {
    text-transform: uppercase;
    letter-spacing: 6px;
    font-size: 52px;
    font-family: 'Lato';
    font-weight: 300;
    color: #0a1d3b;
}
.home_lower_subtitle {
    font-family: 'georgia';
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.05em;
    margin: 0;
    color: #68696b;
}
.home_lower_buttons {
    margin: 30px 0 0;
    text-align: center;
}
.home_lower_buttons .button, .home_lower_buttons .button_roll {
    display: inline-block;
    margin: 0 10px;
}
.home_lower_block_main_container {
    position: relative;
    width: 930px;
    margin: 0 auto 80px;
}
.home_lower_block_container {
    text-align: center;
    width: 930px;
    height: 360px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.home_lower_block_container:before, .home_lower_block_container:after {
    content: " ";
    display: table;
}
.home_lower_block_container:after {clear: both;}
.ie8 .home_lower_block_container {
    overflow: auto;
    height: 378px;
}
.ie8 .home_scroll_arrow {display: none;}
#home_block_feed_scroll {
    background: #f3f6fa;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) inset;
}
.home_block_scroll_wrapper {
    position: absolute;
    width: 930px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transform: translateZ(0);
}
.home_scroll_arrow {
    font-size: 26px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    opacity: 0.35;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
}
.home_scroll_arrow:hover {opacity: 1;}
.home_scroll_arrow.inactive {
    opacity: 0;
    cursor: default;
    visibility: hidden;
}
#home_scroll_left {left: -41px;}
#home_scroll_right {right: -41px;}
@media screen and (min-width: 1040px), screen and (max-width: 1020px) {
    #home_scroll_left {left: -45px;}
    #home_scroll_right {right: -45px;}
}
@media screen and (max-width: 400px) {
    #home_scroll_left {left: -35px;}
    #home_scroll_right {right: -35px;}
    .home_scroll_arrow {font-size: 22px;}
}
.home_lower_block_item {
    width: 310px;
    height: 360px;
    overflow: hidden;
    float: left;
}
.home_lower_block_img {display: block;}
.home_lower_block_content {
    padding: 43px 20px 29px;
    height: 205px;
    background: #eff3f8;
    text-align: center;
    position: relative;
    font-family: 'georgia';
    color: #5b5c5e;
    font-size: 14px;
    display: table;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.home_lower_block_content_wrapper {
    display: table-cell;
    vertical-align: middle;
}
.feed_block.no_link {cursor: default;}
.home_lower_block_title {
    text-transform: uppercase;
    font-family: 'Lato';
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: 400;
    color: #0a1d3b;
    overflow: hidden;
    margin-bottom: 10px;
}
.home_lower_block_desc {
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
}
.home_lower_block_flag {
    padding: 0 10px;
    width: 60%;
    text-transform: uppercase;
    font-family: 'Lato';
    letter-spacing: 1px;
    font-size: 16px;
    color: #0a1d3b;
    text-align: center;
    border: 1px solid #c3cbd3;
    border: 1px solid rgba(10, 29, 59, 0.2);
    background: #dfe7f0;
    height: 40px;
    line-height: 38px;
    max-width: 280px;
    min-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    z-index: 10;
    margin: -21px auto;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}
.home_lower_block_item:nth-child(even) .home_lower_block_content {background: #dfe7f0;}
.home_lower_block_item:nth-child(even) .home_lower_block_flag {background: #f1f6f9;}
.home_lower_block_item:not(.no_link):hover .home_lower_block_flag {
    background: #0a1d3b;
    color: #fff;
}
@media screen and (min-width: 1021px) {
    .home_lower_blocks_3 .home_scroll_arrow {display: none;}
}
@media screen and (min-width: 1200px) {
    .home_lower_block_container,    .home_lower_block_item {height: 388px;}
    .home_lower_block_item {width: 360px;}
    .home_lower_block_container, .home_lower_block_main_container {width: 1080px;}
    .home_lower_block_title {font-size: 18px;}
}
@media screen and (min-width: 1350px) {
    .home_lower_block_container,    .home_lower_block_item {height: 409px;}
    .home_lower_block_item {width: 400px;}
    .home_lower_block_container, .home_lower_block_main_container {width: 1200px;}
}
@media screen and (min-width: 1420px) {
    .home_lower_block_container,    .home_lower_block_item {height: 434px;}
    .home_lower_block_item {width: 440px;}
    .home_lower_block_container, .home_lower_block_main_container {width: 1320px;}
    .home_lower_block_content {padding: 50px 30px 30px;}
}
@media screen and (min-width: 1900px) {
    .home_lower_blocks_3plus .home_lower_block_container,    .home_lower_block_main_container.home_lower_blocks_3plus {width: 1760px;}
}
@media screen and (max-width: 1020px) {
    .home_lower_block_container,    .home_lower_block_item {height: 388px;}
    .home_lower_block_item {width: 360px;}
    .home_lower_block_container, .home_lower_block_main_container {width: 720px;}
    .home_lower_block_title {font-size: 18px;}
}
@media screen and (max-width: 900px) {
    .home_lower_title {
        font-size: 40px;
        letter-spacing: 4px;
    }
}
@media screen and (max-width: 860px) {
    .home_lower_block_main_container,    .home_lower_block_container,    .home_lower_block_item {
        height: 429px;
        width: 440px;
    }
}
@media screen and (max-width: 600px) {
    .home_lower_block_container,    .home_lower_block_main_container,    .home_lower_block_item {
        height: 373px;
        width: 380px;
    }
    .home_lower_title {
        font-size: 30px;
        letter-spacing: 3px;
    }
    .home_lower_intro {padding: 40px 30px;}
    .home_lower_block_content {padding: 35px 20px 14px;}
    .home_lower_block_flag {
        font-size: 14px;
        line-height: 40px;
    }
}
@media screen and (max-width: 500px) {
    .home_lower_block_container,    .home_lower_block_main_container,    .home_lower_block_item {
        height: 305px;
        width: 260px;
    }
    .home_lower_intro {padding: 30px 30px 25px;}
    .home_lower_block_content {padding: 30px 20px 13px;}
    .home_lower_block_title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .home_lower_block_desc {font-size: 12px;}
    .home_lower_block_main_container {margin-bottom: 50px;}
    #home_lower {padding-bottom: 40px;}
}
@media screen and (max-width: 400px) {
    .home_lower_title {
        font-size: 24px;
        letter-spacing: 2px;
    }
    .home_lower_block_title {
        font-size: 14px;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }
    .home_lower_block_content {
        padding: 25px 15px 10px;
        height: 136px;
    }
    .home_lower_block_flag {
        height: 34px;
        line-height: 34px;
        margin: -20px auto -18px;
    }
    .home_lower_block_container, .home_lower_block_main_container, .home_lower_block_item {height: 300px;}
}
.home_lower_blocks_1 .home_lower_block_item, .home_lower_blocks_1 .home_lower_block_container, .home_lower_blocks_1 .home_lower_block_main_container {
    width: 400px;
    height: 409px;
}
.home_lower_blocks_1 .home_scroll_arrow {display: none;}
@media screen and (max-width: 480px) {
    .home_lower_blocks_1 .home_lower_block_item,    .home_lower_blocks_1 .home_lower_block_container,    .home_lower_blocks_1 .home_lower_block_main_container {
        height: 337px;
        width: 260px;
    }
}
.home_lower_blocks_2 .home_lower_block_item {
    width: 400px;
    height: 409px;
}
.home_lower_blocks_2 .home_lower_block_container, .home_lower_blocks_2 .home_lower_block_main_container {
    width: 800px;
    height: 409px;
}
.home_lower_blocks_2 .home_scroll_arrow {display: none;}
@media screen and (max-width: 880px) {
    .home_lower_blocks_2 .home_lower_block_item,    .home_lower_blocks_2 .home_lower_block_container,    .home_lower_blocks_2 .home_lower_block_main_container {
        width: 400px;
        height: 409px;
    }
    .home_lower_blocks_2 .home_scroll_arrow {display: block;}
}
@media screen and (max-width: 500px) {
    .home_lower_blocks_2 .home_lower_block_container,    .home_lower_blocks_2 .home_lower_block_main_container,    .home_lower_blocks_2 .home_lower_block_item {
        height: 337px;
        width: 260px;
    }
}
.home_lower_cta {
    clear: both;
    width: 1000px;
    max-width: 1400px;
    margin: 0 auto;
    font-family: 'Lato', sans-serif;
}
.home_lower_cta:before, .home_lower_cta:after {
    content: " ";
    display: table;
}
.home_lower_cta:after {clear: both;}
.home_lower_cta p {
    float: left;
    width: 25%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.9em;
}
.home_lower_cta .ficon {
    font-size: 0.6em;
    position: relative;
    top: -1px;
    padding-left: 4px;
}
.boxsizing .home_lower_cta {
    padding: 0 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (min-width: 100px) {
    .home_lower_cta {width: 100%;}
}
@media screen and (max-width: 800px) {
    .home_lower_cta p {
        width: 100%;
        float: none;
        margin-bottom: 20px;
        font-size: 1em;
    }
}
.booking_bar_horz_container {
    width: 960px;
    height: 156px;
    margin: 0 auto;
    position: relative;
    z-index: 999;
    pointer-events: none;
    -webkit-perspective: 900px;
    perspective: 900px;
}
.page-template-page-templateshome-page-php .booking_bar_horz_container {margin: -154px auto -2px;}
.csstransforms3d .booking_bar_horz {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 160px, -70px) rotateX(-90deg) scale(0.1);
    transform: translate3d(0, 160px, -70px) rotateX(-90deg) scale(0.1);
    -moz-transform: translate3d(0, 160px, -70px) rotateX(-90deg) scale(0.1);
}
.csstransforms3d .active_booking_bar .booking_bar_horz {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) scale(1);
    transform: translate3d(0, 0, 0) rotateX(0) scale(1);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) scale(1);
}
.no-csstransforms3d.csstransitions .booking_bar_horz {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
}
.no-csstransforms3d.csstransitions .active_booking_bar .booking_bar_horz {
    opacity: 1;
    visibility: visible;
}
.no-csstransitions .booking_bar_horz {display: none;}
.no-csstransitions .active_booking_bar .booking_bar_horz {display: block;}
.booking_bar_horz {
    width: 100%;
    height: 100%;
    position: relative;
    pointer-events: auto;
}
.booking_bar_horz .booking_bar_wrapper {
    position: relative;
    width: 935px;
    height: 72px;
    background: url(http: //www.christchurch-harbour-hotel.co.uk/images/shared/stripe-pale-blue-med.png) center center;
    background: #dfe7f0;
    font-size: 16px;
    padding: 22px 0 0 25px;
}
.booking_bar_horz .booking_bar_wrapper:before, .booking_bar_horz .booking_bar_wrapper:after {
    content: " ";
    display: table;
}
.booking_bar_horz .booking_bar_wrapper:after {clear: both;}
.booking_bar_horz #booking_bar_form_room, .booking_bar_horz #booking_bar_form_table {display: none;}
.booking_bar_horz .booking_bar_title {
    height: 60px;
    line-height: 60px;
    margin: 0;
    text-align: center;
    background: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'Lato';
    letter-spacing: 0.15em;
    color: #0a1d3b;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}
.booking_bar_horz .booking_bar_title .or {
    color: #68696b;
    font-family: 'georgia';
    font-style: italic;
    text-transform: none;
    font-size: 0.9em;
    padding: 0 8px;
}
.booking_bar_horz .booking_bar_close {
    position: absolute;
    font-size: 12px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 10px;
    right: 15px;
    margin: 0;
    color: #0a1d3b;
    cursor: pointer;
    z-index: 10;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.3;
}
.booking_bar_horz .booking_bar_close:hover {
    color: #0e2a55;
    opacity: 1;
}
.booking_bar_horz .booking_bar_form {
    float: left;
    position: absolute;
    left: 267px;
    top: 22px;
    width: 669px;
}
.booking_bar_horz .booking_bar_form_label {
    color: #818285;
    font-family: 'Lato';
    -webkit-font-smoothing: antialiased;
    float: left;
    padding-right: 7px;
    text-align: right;
    height: 50px;
    line-height: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.booking_bar_horz .booking_bar_form_dd_wrap {
    float: left;
    margin-right: 10px;
    position: relative;
}
.booking_bar_horz .booking_bar_dd_popup_wrap {
    background: #0a1d3b;
    padding: 5px 0;
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    z-index: 999;
}
.booking_bar_horz .booking_bar_dd_popup_wrap a {
    display: block;
    color: #eff3f8;
    padding: 2px 10px;
    cursor: pointer;
    font-family: 'Lato';
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.booking_bar_horz .booking_bar_dd_popup_wrap a:hover {color: #7396c2;}
.booking_bar_horz .booking_bar_dd_input {
    height: 48px;
    line-height: 48px;
    float: left;
    border: 1px solid #bacbe1;
    border: 1px solid rgba(10, 29, 59, 0.2);
    background: #fff;
    color: #0a1d3b;
    font-family: 'Lato';
    display: block;
    padding: 0 35px 0 10px;
    position: relative;
    cursor: pointer;
    -webkit-transition: border 0.3s ease-out;
    -moz-transition: border 0.3s ease-out;
    transition: border 0.3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.booking_bar_horz .booking_bar_dd_input:hover {
    border: 1px solid #7396c2;
    border: 1px solid rgba(10, 29, 59, 0.5);
}
.booking_bar_horz .booking_bar_dd_input:after {
    content: "\e61c";
    font-family: 'ficon';
    font-size: 12px;
    position: absolute;
    right: 12px;
    top: 1px;
}
.booking_bar_horz .date_input_arrow {
    font-size: 12px;
    position: absolute;
    right: 13px;
    top: 20px;
    pointer-events: none;
}
.booking_bar_horz .booking_bar_datepicker_input {
    height: 48px;
    width: 80px;
    font-size: 16px;
    line-height: 48px;
    float: left;
    border: 1px solid #bacbe1;
    border: 1px solid rgba(10, 29, 59, 0.2);
    background: #fff;
    color: #0a1d3b;
    font-family: 'Lato';
    display: block;
    padding: 0 10px;
    cursor: pointer;
    -webkit-transition: border 0.3s ease-out;
    transition: border 0.3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.booking_bar_horz .booking_bar_datepicker_input:hover {
    border: 1px solid #7396c2;
    border: 1px solid rgba(10, 29, 59, 0.5);
}
.booking_bar_horz .booking_bar_datepicker_wrapper {
    width: 300px;
    position: absolute;
    left: 0;
    top: 50px;
}
.booking_bar_horz .booking_bar_submit {
    height: 50px;
    line-height: 48px;
    float: left;
    border: 1px solid #bacbe1;
    border: 1px solid rgba(10, 29, 59, 0.2);
    background: #eff3f8;
    color: #0a1d3b;
    padding: 0;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'lato';
    font-size: 16px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.booking_bar_horz .booking_bar_submit:hover {
    border: 1px solid #0a1d3b;
    background: #0a1d3b;
    color: #fff;
}
.booking_bar_horz .booking_bar_table_upperdeck, .booking_bar_horz .booking_bar_table_jetty {
    width: 490px;
    height: 50px;
    position: absolute;
    left: 181px;
    top: 0;
    display: none;
}
.booking_bar_horz .booking_bar_label_want {width: 70px;}
.booking_bar_horz #booking_bar_room {width: 105px;}
.booking_bar_horz #booking_bar_form_room .booking_bar_label_1 {width: 21px;}
.booking_bar_horz #booking_bar_form_room #booking_bar_room_date {width: 95px;}
.booking_bar_horz #booking_bar_form_room .booking_bar_label_2 {width: 28px;}
.booking_bar_horz #booking_bar_form_room #booking_bar_room_nights {width: 75px;}
.booking_bar_horz #booking_bar_form_room #booking_bar_room_guests {width: 140px;}
.booking_bar_horz #booking_bar_form_room .booking_bar_submit {width: 150px;}
.booking_bar_horz #booking_bar_form_table .booking_bar_label_1 {width: 20px;}
.booking_bar_horz #booking_bar_form_table #booking_bar_restaurant {width: 95px;}
.booking_bar_horz #booking_bar_form_table .booking_bar_label_2 {width: 21px;}
.booking_bar_horz #booking_bar_form_table #booking_bar_upperdeck_date {width: 98px;}
.booking_bar_horz #booking_bar_form_table .booking_bar_label_3 {width: 28px;}
.booking_bar_horz #booking_bar_form_table #booking_bar_upperdeck_guests {width: 90px;}
.booking_bar_horz #booking_bar_form_table .booking_bar_submit {width: 150px;}
.booking_bar_horz #booking_bar_form_table .booking_bar_table_jetty .booking_bar_submit {
    width: 144px;
    text-align: center;
    margin-left: 4px;
    height: 48px;
    line-height: 48px;
}
label.bold_label {font-weight: bolder;}
.ie8 .booking_bar_horz .booking_bar_title {display: none !important;}
.ie8 .booking_bar_horz .booking_bar_close {
    top: -7px;
    right: -8px;
}
.ie8 .booking_bar_horz_container {height: 95px;}
.ie8 .page-template-page-templateshome-page-php .booking_bar_horz_container {margin: -94px auto -1px;}
.active .booking_bar_dd_input, .active .booking_bar_datepicker_input {
    border: 1px solid #7396c2;
    border: 1px solid rgba(10, 29, 59, 0.5);
}
.no-csstransforms .inactive .booking_bar_dd_popup_wrap, .no-csstransforms .inactive .booking_bar_datepicker_wrapper {display: none;}
.no-csstransforms .active .booking_bar_dd_popup_wrap, .no-csstransforms .active .booking_bar_datepicker_wrapper {display: block;}
.no-csstransforms .booking_bar_show_room #booking_bar_form_room {display: block;}
.no-csstransforms .booking_bar_show_room #booking_bar_form_table {display: none;}
.no-csstransforms .booking_bar_show_table #booking_bar_form_room {display: none;}
.no-csstransforms .booking_bar_show_table #booking_bar_form_table {display: block;}
.no-csstransforms .booking_bar_show_table_upperdeck .booking_bar_table_upperdeck {display: block;}
.no-csstransforms .booking_bar_show_table_upperdeck .booking_bar_table_jetty {display: none;}
.no-csstransforms .booking_bar_show_table_jetty .booking_bar_table_upperdeck {display: none;}
.no-csstransforms .booking_bar_show_table_jetty .booking_bar_table_jetty {display: block;}
.csstransforms.opacity .booking_bar_form_dd_wrap {
    -webkit-perspective: 500px;
    perspective: 500px;
}
.csstransforms.opacity .booking_bar_dd_popup_wrap, .csstransforms.opacity .booking_bar_datepicker_wrapper {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
    -moz-transform-origin: center top 0;
}
.csstransforms.opacity .inactive .booking_bar_dd_popup_wrap {
    background: black;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 15px, 0) rotateX(-30deg);
    transform: translate3d(0, 15px, 0) rotateX(-30deg);
    -moz-transform: translate3d(0, 15px, 0) rotateX(-30deg);
}
.csstransforms.opacity .inactive .booking_bar_dd_popup_wrap a {color: #a8bed9;}
.csstransforms.opacity .inactive .booking_bar_datepicker_wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 15px, 0) rotateX(-30deg);
    transform: translate3d(0, 15px, 0) rotateX(-30deg);
    -moz-transform: translate3d(0, 15px, 0) rotateX(-30deg);
}
.csstransforms.opacity .active .booking_bar_dd_popup_wrap, .csstransforms.opacity .active .booking_bar_datepicker_wrapper {
    visibility: visible;
    opacity: 1;
}
.csstransforms.opacity #booking_bar_form_room, .csstransforms.opacity #booking_bar_form_table {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}
.csstransforms.opacity .booking_bar_show_room #booking_bar_form_room {
    visibility: visible;
    opacity: 1;
}
.csstransforms.opacity .booking_bar_show_room #booking_bar_form_table {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 23px, 0);
    transform: translate3d(0, 23px, 0);
    -moz-transform: translate3d(0, 23px, 0);
}
.csstransforms.opacity .booking_bar_show_room .booking_bar_table_upperdeck, .csstransforms.opacity .booking_bar_show_room .booking_bar_table_jetty {visibility: hidden !important;}
.csstransforms.opacity .booking_bar_show_table #booking_bar_form_room {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, -23px, 0);
    transform: translate3d(0, -23px, 0);
    -moz-transform: translate3d(0, -23px, 0);
}
.csstransforms.opacity .booking_bar_show_table #booking_bar_form_table {
    visibility: visible;
    opacity: 1;
}
.csstransforms.opacity .booking_bar_table_upperdeck, .csstransforms.opacity .booking_bar_table_jetty {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}
.csstransforms.opacity .booking_bar_show_table_upperdeck .booking_bar_table_upperdeck {
    visibility: visible;
    opacity: 1;
}
.csstransforms.opacity .booking_bar_show_table_upperdeck .booking_bar_table_jetty {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 23px, 0);
    transform: translate3d(0, 23px, 0);
    -moz-transform: translate3d(0, 23px, 0);
}
.csstransforms.opacity .booking_bar_show_table_jetty .booking_bar_table_upperdeck {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, -23px, 0);
    transform: translate3d(0, -23px, 0);
    -moz-transform: translate3d(0, -23px, 0);
}
.csstransforms.opacity .booking_bar_show_table_jetty .booking_bar_table_jetty {
    visibility: visible;
    opacity: 1;
}
@media screen and (max-width: 990px) {
    .page-template-page-templateshome-page-php .booking_bar_horz_container {margin: -146px auto 0;}
    .booking_bar_horz_container {
        width: 720px;
        height: 146px;
    }
    .booking_bar_horz .booking_bar_title {
        font-size: 18px;
        height: 63px;
        line-height: 63px;
    }
    .booking_bar_horz .booking_bar_wrapper {
        font-size: 13px;
        padding: 16px 0 0 10px;
        width: 710px;
        height: 67px;
    }
    .booking_bar_horz .booking_bar_submit {
        font-size: 14px;
        margin-left: 5px;
        line-height: 50px;
    }
    .booking_bar_horz .booking_bar_dd_input:after {
        font-size: 9px;
        right: 8px;
    }
    .booking_bar_horz .booking_bar_dd_input {
        padding: 0 24px 0 7px;
        line-height: 49px;
    }
    .booking_bar_horz .booking_bar_form_dd_wrap {margin-right: 5px;}
    .booking_bar_horz .booking_bar_dd_popup_wrap a {font-size: 13px;}
    .booking_bar_horz .booking_bar_form {
        left: 190px;
        top: 16px;
        width: 520px;
    }
    .booking_bar_horz .booking_bar_label_want {width: 55px;}
    .booking_bar_horz #booking_bar_room {width: 80px;}
    .booking_bar_horz .booking_bar_datepicker_input {font-size: 13px;}
    .booking_bar_horz .date_input_arrow {
        font-size: 9px;
        right: 9px;
        top: 21px;
    }
    .booking_bar_horz #booking_bar_form_room .booking_bar_label_1 {width: 20px;}
    .booking_bar_horz #booking_bar_form_room #booking_bar_room_date {width: 68px;}
    .booking_bar_horz #booking_bar_form_room .booking_bar_label_2 {width: 20px;}
    .booking_bar_horz #booking_bar_form_room #booking_bar_room_nights {width: 57px;}
    .booking_bar_horz #booking_bar_form_room #booking_bar_room_guests {width: 106px;}
    .booking_bar_horz #booking_bar_form_room .booking_bar_submit {width: 118px;}
    .booking_bar_horz #booking_bar_form_table .booking_bar_label_1 {width: 15px;}
    .booking_bar_horz #booking_bar_form_table #booking_bar_restaurant {width: 77px;}
    .booking_bar_horz #booking_bar_form_table .booking_bar_label_2 {width: 21px;}
    .booking_bar_horz #booking_bar_form_table #booking_bar_upperdeck_date {width: 68px;}
    .booking_bar_horz #booking_bar_form_table .booking_bar_label_3 {width: 22px;}
    .booking_bar_horz #booking_bar_form_table #booking_bar_upperdeck_guests {width: 60px;}
    .booking_bar_horz #booking_bar_form_table .booking_bar_submit {width: 118px;}
    .booking_bar_horz .booking_bar_table_upperdeck, .booking_bar_horz .booking_bar_table_jetty {left: 139px;}
    .booking_bar_horz #booking_bar_form_table .booking_bar_table_jetty .booking_bar_submit {width: 120px;}
}
@media screen and (max-width: 729px), screen and (max-height: 640px) {
    .booking_bar_horz_container {display: none !important;}
}
@media screen and (max-height: 900px) {
    .booking_bar_horz_container {height: 95px;}
    .page-template-page-templateshome-page-php .booking_bar_horz_container {margin: -94px auto -1px;}
    .booking_bar_horz .booking_bar_title {display: none;}
    .booking_bar_horz .booking_bar_close {
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 9px;
        right: 2px;
        top: 2px;
    }
}
@media screen and (max-width: 990px) and (max-height: 900px) {
    .booking_bar_horz_container {height: 83px;}
    .page-template-page-templateshome-page-php .booking_bar_horz_container {margin: -83px auto 0;}
    .booking_bar_horz .booking_bar_close {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 8px;
        top: 0;
        right: 0;
    }
}
.button {
    line-height: 38px;
    height: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'lato';
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 0 15px;
    border: 1px solid #0a1d3b;
    color: #0a1d3b;
    text-shadow: none;
    cursor: pointer;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.button.activated, .button.activated:hover {
    border-color: #0a1d3b;
    background: none;
    color: #0a1d3b;
    cursor: default;
}
.button.book_button_style {
    background: #0a1d3b;
    color: #fff;
}
.button.book_button_style:hover {background: #0e2a55;}
.button.book_button_style:active {background: #03080f;}
.button.submit_button {
    background: #0a1d3b;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}
.button.submit_button:hover {background: #0e2a55;}
.button.submit_button:active {background: #03080f;}
.button:hover {
    background: #0a1d3b;
    color: #fff;
}
.button:active {
    background: #03080f;
    color: #fff;
}
.button .ficon {
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 8px;
    line-height: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}
.button.right_arrow_button {padding-right: 30px;}
.button.right_arrow_button:after {
    position: absolute;
    right: 10px;
    top: 0;
    height: 40px;
    line-height: 40px;
    content: "\e61e";
    font-family: 'ficon';
    font-size: 11px;
    font-weight: 600;
}
.button.right_arrow_button.active:after {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
}
.button.active {
    background: #eff3f8;
    color: #0a1d3b;
}
p.button:hover {
    background: inherit;
    color: #0a1d3b;
    cursor: default;
}
@media screen and (max-width: 1000px) {
    .button {padding: 0 10px;}
    .button.right_arrow_button {padding-right: 25px;}
}
@media screen and (max-width: 500px) {
    .button {
        height: 40px;
        line-height: 38px;
        letter-spacing: 1px;
    }
    .button .ficon {top: 17px;}
}
@media screen and (max-width: 400px) {
    .button {font-size: 14px;}
}
body.page-template-page-templatesstay-landing-php, body.page-template-page-templatesspa-landing-php, body.page-template-page-templatesweddings-landing-php {overflow: hidden;}
body.page-template-page-templatesstay-landing-php .site_footer, body.page-template-page-templatesspa-landing-php .site_footer, body.page-template-page-templatesweddings-landing-php .site_footer {display: none;}
#fullpage {
    background: #fff;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#stay_landing_nav {
    position: fixed;
    right: 30px;
    top: 50%;
    height: 104px;
    margin-top: -52px;
    color: #0a1d3b;
}
#spa_landing_nav {
    position: fixed;
    right: 30px;
    top: 50%;
    height: 104px;
    margin-top: -52px;
    color: #0a1d3b;
}
.landing_nav {
    -webkit-transition: all 1s ease-out 0.75s;
    transition: all 1s ease-out 0.75s;
    -moz-transition: all 1s ease-out 0.75s;
    z-index: 10;
}
.landing_nav a {
    text-align: right;
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    padding: 2px 20px 2px 0;
    height: 18px;
    margin: 3px 0;
    color: #fff;
    font-family: 'Lato';
}
.landing_nav a span {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out, -moz-transform 0.2s ease-out;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    position: relative;
    letter-spacing: 0.5px;
}
.ie8 .landing_nav {display: none!imlanding_navportant;}
.touch .landing_nav a span {display: none;}
.no-touch .landing_nav a:hover span {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.no-touch .landing_nav a:hover:after {opacity: 1;}
.light_bg.landing_nav a {color: #000;}
.light_bg.landing_nav a:after {background: #000;}
.light_bg.landing_nav .active a:after {
    background: none;
    border-color: #000;
}
.firstload.landing_nav {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
}
.stay_landing_gallery_slide_1 {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/landing_bg_tour-1020.jpg);}
@media screen and (max-width: 700px) {
    .stay_landing_gallery_slide_1 {
        background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/landing_bg_tour-700.jpg);
        background-position: center bottom;
    }
}
@media screen and (min-width: 1020px), (min-width: 700px) and (max-width: 1700px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 700px) and (max-width: 1700px) and (min-resolution: 192dppx) {
    .stay_landing_gallery_slide_1 {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/landing_bg_tour-1700.jpg);}
}
@media screen and (min-width: 1700px) {
    .stay_landing_gallery_slide_1 {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/landing_bg_tour-2560.jpg);}
}
.stay_landing_gallery_slide_2 {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/landing_bg_rooms-1020.jpg);}
@media screen and (max-width: 700px) {
    .stay_landing_gallery_slide_2 {
        background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/landing_bg_rooms-700.jpg);
        background-position: center bottom;
    }
}
@media screen and (min-width: 1020px), (min-width: 700px) and (max-width: 1700px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 700px) and (max-width: 1700px) and (min-resolution: 192dppx) {
    .stay_landing_gallery_slide_2 {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/landing_bg_rooms-1700.jpg);}
}
@media screen and (min-width: 1700px) {
    .stay_landing_gallery_slide_2 {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/landing_bg_rooms-2560.jpg);}
}
.stay_landing_gallery_slide_3 {
    background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa_bg-1020.jpg);
    background-position: right center;
}
@media screen and (max-width: 700px) {
    .stay_landing_gallery_slide_3 {
        background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa_bg-700.jpg);
        background-position: center bottom;
    }
}
@media screen and (min-width: 1020px), (min-width: 700px) and (max-width: 1700px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 700px) and (max-width: 1700px) and (min-resolution: 192dppx) {
    .stay_landing_gallery_slide_3 {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa_bg-1700.jpg);}
}
@media screen and (min-width: 1700px) {
    .stay_landing_gallery_slide_3 {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa_bg-2560.jpg);}
}
.stay_landing_gallery_slide_4 {
    background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/landing_bg_food-1020.jpg);
    background-position: right center;
}
@media screen and (max-width: 700px) {
    .stay_landing_gallery_slide_4 {
        background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/landing_bg_food-700.jpg);
        background-position: center bottom;
    }
}
@media screen and (min-width: 1020px), (min-width: 700px) and (max-width: 1700px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 700px) and (max-width: 1700px) and (min-resolution: 192dppx) {
    .stay_landing_gallery_slide_4 {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/landing_bg_food-1700.jpg);}
}
@media screen and (min-width: 1700px) {
    .stay_landing_gallery_slide_4 {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/landing_bg_food-2560.jpg);}
}
.csstransitions #fullpage .landing_slide_content {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0) scale(0.85);
    transform: translate3d(0, -20px, 0) scale(0.85);
    -moz-transform: translate3d(0, -20px, 0) scale(0.85);
    -webkit-transition: opacity 0.5s ease-out 0.5s, -webkit-transform 0.5s ease-out 0.5s;
    transition: opacity 0.5s ease-out 0.5s, transform 0.5s ease-out 0.5s;
    -moz-transition: opacity 0.5s ease-out 0.5s, -moz-transform 0.5s ease-out 0.5s;
}
.csstransitions #fullpage .active .landing_slide_content {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
}
.csstransitions #fullpage .firstload .landing_slide_content {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0) scale(0.85);
    transform: translate3d(0, -20px, 0) scale(0.85);
    -moz-transform: translate3d(0, -20px, 0) scale(0.85);
    -webkit-transition: opacity 0.5s ease-out 0.5s, -webkit-transform 0.5s ease-out 0.5s;
    transition: opacity 0.5s ease-out 0.5s, transform 0.5s ease-out 0.5s;
    -moz-transition: opacity 0.5s ease-out 0.5s, -moz-transform 0.5s ease-out 0.5s;
}
.landing_slide_container {
    width: 100%;
    height: 100%;
    display: block;
}
.landing_slide_content {
    height: 100%;
    padding: 0 5%;
    position: relative;
    vertical-align: middle;
    text-align: center;
    font-family: 'Lato';
    /*font-weight: 300;
    letter-spacing: 4px;*/
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    cursor: default;
}
#terrace .landing_slide_content{
    vertical-align: top;
}
#news .landing_slide_content{
    padding: 0;
    width: 100%;
    display: block;
}
.landing_slide_content .sroll-down{
    position: absolute;
    bottom: 15px;
    left: calc(50% - 45px);
    left: -webkit-calc(50% - 45px)
    left: -moz-calc(50% - 45px);
    width: 90px;
    visibility: visible !important;
}
.landing_slide_content .sroll-down div{
    font-size: 12px;
    line-height: 0;
    color: #fff;
    text-transform: uppercase;
    opacity: 0;
    margin-top: -5px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.landing_slide_content .sroll-down img{
    width: 50px;
}
.news_detail{
    padding: 0;
}
.landing_slide_content .button {
    border-width: 2px;
    height: 51px;
    line-height: 46px;
    padding: 0 18px;
    cursor: pointer !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.landing_slide_content a:hover .button {
    background: #0a1d3b;
    color: #fff;
}
.landing_slide_content .landing_double_button {
    min-width: 160px;
    margin-bottom: 10px;
}
.fullpage_slider_content {
    margin: 0 auto;
    max-width: 700px;
    padding: 0 50px;
}
@media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx) and (max-width: 500px) {
    .landing_slide_content .line1: not(.lg),    .landing_slide_content .line1 .sm,    .landing_slide_content .line2: not(.lg),    .landing_slide_content .line2 .sm,    .landing_slide_content .line3: not(.lg),    .landing_slide_content .line3 .sm,    .landing_slide_content .line4: not(.lg),    .landing_slide_content .line4 .sm,    .dining_landing_content .line1: not(.lg),    .dining_landing_content .line1 .sm,    .dining_landing_content .line2: not(.lg),    .dining_landing_content .line2 .sm,    .dining_landing_content .line3: not(.lg),    .dining_landing_content .line3 .sm,    .dining_landing_content .line4: not(.lg),    .dining_landing_content .line4 .sm,    .home_gallery_slide_content .line1: not(.lg),    .home_gallery_slide_content .line1 .sm,    .home_gallery_slide_content .line2: not(.lg),    .home_gallery_slide_content .line2 .sm,    .home_gallery_slide_content .line3: not(.lg),    .home_gallery_slide_content .line3 .sm,    .home_gallery_slide_content .line4: not(.lg),    .home_gallery_slide_content .line4 .sm {font-weight: 400;}
}
.stay_landing_section_title {
    text-transform: uppercase;
    margin-bottom: 5px;
    line-height: 1.2;
    font-weight: 300;
}
.stay_landing_section_desc {
    font-family: 'georgia', serif;
    line-height: 1.8;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0;
    margin-bottom: 35px;
}
.stay_landing_slide_content .button {
    border-color: #0a1d3b;
    font-family: 'Lato';
    margin: 0 10px 10px;
}
.stay_landing_gallery_slide {color: #fff;}
.stay_landing_gallery_slide .stay_landing_section_title .line1 {
    font-size: 32px;
    display: block;
}
.stay_landing_gallery_slide .stay_landing_section_title .line2 {
    font-size: 80px;
    display: block;
}
.stay_landing_gallery_slide .button {
    border-color: #fff;
    color: #fff;
}
.stay_landing_gallery_slide .button:hover {
    background: #fff;
    color: #0a1d3b;
}
@media screen and (max-width: 999px) {
    #stay_landing_nav {right: 15px;}
    #stay_landing_nav a {padding-right: 15px;}
    .stay_landing_slide_content .button {
        font-size: 14px;
        line-height: 46px;
    }
    .stay_landing_section_desc {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .stay_landing_gallery_slide .stay_landing_section_title .line1 {font-size: 24px;}
    .stay_landing_gallery_slide .stay_landing_section_title .line2 {font-size: 68px;}
}
@media screen and (max-width: 800px) {
    .stay_landing_section_desc {
        font-size: 15px;
        margin-bottom: 30px;
    }
    .stay_landing_gallery_slide .stay_landing_section_title .line1 {font-size: 22px;}
    .stay_landing_gallery_slide .stay_landing_section_title .line2 {font-size: 56px;}
}
@media screen and (max-width: 700px) {
    #stay_landing_nav {
        right: 10px;
        height: 142px;
        margin-top: -71px;
    }
    #stay_landing_nav a {
        height: 30px;
        width: 30px;
        padding: 0;
        margin: 5px 0;
    }
    #stay_landing_nav a:after {
        right: 12px;
        top: 11px;
    }
    #stay_landing_nav .active a:after {
        right: 9px;
        top: 7px;
    }
    #stay_landing_nav span {display: none;}
    .stay_landing_section_desc {
        font-size: 14px;
        margin-bottom: 25px;
        line-height: 1.6;
    }
    .stay_landing_gallery_slide .stay_landing_section_title .line1 {font-size: 18px;}
    .stay_landing_gallery_slide .stay_landing_section_title .line2 {font-size: 46px;}
}
@media screen and (max-width: 500px) {
    #stay_landing_nav {
        right: 5px;
        height: 115px;
        margin-top: -57px;
    }
    #stay_landing_nav a {
        height: 20px;
        width: 30px;
        margin: 6px 0;
    }
    #stay_landing_nav a:after {
        width: 4px;
        height: 4px;
    }
    #stay_landing_nav .active a:after {
        width: 8px;
        height: 8px;
    }
    .stay_landing_slide_content .button {
        font-size: 13px;
        letter-spacing: 0.5px;
    }
    .stay_landing_slide_content .button .extra {display: none;}
    .stay_landing_gallery_slide_4 .stay_landing_slide_content .button {min-width: 160px;}
    .stay_landing_section_desc {
        font-size: 13px;
        margin-bottom: 20px;
    }
    .stay_landing_gallery_slide .stay_landing_section_title .line1 {font-size: 16px;}
    .stay_landing_gallery_slide .stay_landing_section_title .line2 {font-size: 36px;}
}
@media screen and (max-width: 450px) {
    #stay_landing_nav {right: 0;}
    .stay_landing_section_desc {display: none;}
    .stay_landing_gallery_slide .stay_landing_section_title .line1 {margin-bottom: 5px;}
    .stay_landing_gallery_slide .stay_landing_section_title .line2 {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .stay_landing_gallery_slide_1 .stay_landing_section_title .line1 {font-size: 18px;}
    .stay_landing_gallery_slide_1 .stay_landing_section_title .line2 {font-size: 40px;}
    .stay_landing_gallery_slide_2 .stay_landing_section_title .line1 {font-size: 18px;}
    .stay_landing_gallery_slide_2 .stay_landing_section_title .line2 {font-size: 40px;}
    .stay_landing_gallery_slide_4 .stay_landing_section_title .line1 {
        font-size: 12px;
        letter-spacing: 2.5px;
    }
    .stay_landing_gallery_slide_4 .stay_landing_section_title .line2 {font-size: 26px;}
}
.two_row_landing_top {
    height: 70%;
    width: 100%;
}
.two_row_landing_bottom {
    height: 30%;
    width: 100%;
}
.two_row_landing_bottom:before, .two_row_landing_bottom:after {
    content: " ";
    display: table;
}
.two_row_landing_bottom:after {clear: both;}
@media screen and (max-height: 700px) {
    .two_row_landing_top {height: 67%;}
    .two_row_landing_bottom {height: 33%;}
}
.boxsizing .two_row_landing_bottom {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 2px solid #fff;
}
.boxsizing .two_row_landing_bottom a:nth-child(1) .landing_bottom_three_col {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.boxsizing .two_row_landing_bottom a:nth-child(2) .landing_bottom_three_col {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.boxsizing .two_row_landing_bottom a:nth-child(3) .landing_bottom_three_col {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.boxsizing .two_row_landing_bottom a:nth-child(1) .landing_bottom_two_col {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.boxsizing .two_row_landing_bottom a:nth-child(2) .landing_bottom_two_col {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.landing_bottom_two_col {
    width: 49%;
    height: 100%;
    float: left;
}
.landing_bottom_three_col {
    width: 33.3333%;
    height: 100%;
    float: left;
}
.landing_cta_block {
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}

.opacity .two_row_landing_bottom .landing_cta_block:hover:before {opacity: 0.35;}
.spa_landing_welcome {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa_bg-1020.jpg);}
@media screen and (max-width: 700px) {
    .spa_landing_welcome {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa_bg-700.jpg);}
}
@media screen and (min-width: 1020px), (min-width: 700px) and (max-width: 1700px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 700px) and (max-width: 1700px) and (min-resolution: 192dppx) {
    .spa_landing_welcome {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa_bg-1700.jpg);}
}
@media screen and (min-width: 1700px) {
    .spa_landing_welcome {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa_bg-2560.jpg);}
}
.spa_landing_treatments {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-treatments-1020.jpg);}
@media screen and (max-width: 700px) {
    .spa_landing_treatments {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-treatments-700.jpg);}
}
@media screen and (min-width: 1020px), (min-width: 700px) and (max-width: 1700px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 700px) and (max-width: 1700px) and (min-resolution: 192dppx) {
    .spa_landing_treatments {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-treatments-1700.jpg);}
}
@media screen and (min-width: 1700px) {
    .spa_landing_treatments {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-treatments-2560.jpg);}
}
.spa_landing_breaks {
    background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-breaks-thumb-1300.jpg);
    background-position: center bottom;
}
.spa_landing_spa-days {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-days-thumb-1300.jpg);}
.spa_landing_membership {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-membership-1300.jpg);}
.spa_landing_gallery {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-gallery-1300.jpg);}
.spa_landing_offers {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-offers-1300.jpg);}
.spa_landing_slide_content {
    text-transform: uppercase;
    color: #fff;
    line-height: 1.1;
}
.spa_landing_slide_content a {color: #fff;}
.spa_landing_slide_content .button {
    color: #fff;
    border-color: #fff;
    font-family: 'Lato';
}
.spa_landing_slide_content .button:hover {
    background: #fff;
    color: #000;
}
.spa_landing_slide_content a:hover .button {
    background: #fff;
    color: #000;
}
.spa_landing_slide_content .line1 {
    font-size: 20px;
    margin-bottom: 10px;
}
.spa_landing_slide_content .line2 {
    font-size: 40px;
    letter-spacing: 6px;
    margin-bottom: 5px;
}
.spa_landing_slide_content .line3 {
    font-size: 110px;
    margin-bottom: 10px;
}
.spa_landing_slide_content .line4 {
    font-size: 20px;
    letter-spacing: 12px;
    margin: 0;
    padding-bottom: 40px;
}
.spa_landing_gallery_slide_2 .line2 {font-size: 20px;}
.landing_bottom_three_col h2, .landing_bottom_two_col h2 {
    text-transform: uppercase;
    letter-spacing: 6px;
    font-size: 24px;
    text-align: center;
    padding-top: 35px;
    font-family: 'Lato';
    font-weight: 300;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.landing_bottom_dark_text h2 {color: #0a1d3b;}
.csstransitions #fullpage .landing_bottom_three_col h2, .csstransitions #fullpage .landing_bottom_two_col h2 {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -webkit-transition: opacity 0.4s ease-out 0.4s, -webkit-transform 0.4s ease-out 0.4s;
    transition: opacity 0.4s ease-out 0.4s, transform 0.4s ease-out 0.4s;
    -moz-transition: opacity 0.4s ease-out 0.4s, -moz-transform 0.4s ease-out 0.4s;
}
.csstransitions #fullpage .active .landing_bottom_three_col h2, .csstransitions #fullpage .active .landing_bottom_two_col h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    opacity: 1;
}
.csstransitions #fullpage .active .spa_landing_breaks h2 {
    -webkit-transition: opacity 0.8s ease-out 0.8s, -webkit-transform 0.8s ease-out 0.8s;
    transition: opacity 0.8s ease-out 0.8s, transform 0.8s ease-out 0.8s;
    -moz-transition: opacity 0.8s ease-out 0.8s, -moz-transform 0.8s ease-out 0.8s;
}
.csstransitions #fullpage .active .spa_landing_spa-days h2 {
    -webkit-transition: opacity 0.8s ease-out 1.2s, -webkit-transform 0.8s ease-out 1.2s;
    transition: opacity 0.8s ease-out 1.2s, transform 0.8s ease-out 1.2s;
    -moz-transition: opacity 0.8s ease-out 1.2s, -moz-transform 0.8s ease-out 1.2s;
}
.csstransitions #fullpage .active .spa_landing_membership h2 {
    -webkit-transition: opacity 0.8s ease-out 0.8s, -webkit-transform 0.8s ease-out 0.8s;
    transition: opacity 0.8s ease-out 0.8s, transform 0.8s ease-out 0.8s;
    -moz-transition: opacity 0.8s ease-out 0.8s, -moz-transform 0.8s ease-out 0.8s;
}
.csstransitions #fullpage .active .spa_landing_gallery h2 {
    -webkit-transition: opacity 0.8s ease-out 1.2s, -webkit-transform 0.8s ease-out 1.2s;
    transition: opacity 0.8s ease-out 1.2s, transform 0.8s ease-out 1.2s;
    -moz-transition: opacity 0.8s ease-out 1.2s, -moz-transform 0.8s ease-out 1.2s;
}
.csstransitions #fullpage .active .spa_landing_offers h2 {
    -webkit-transition: opacity 0.8s ease-out 1.6s, -webkit-transform 0.8s ease-out 1.6s;
    transition: opacity 0.8s ease-out 1.6s, transform 0.8s ease-out 1.6s;
    -moz-transition: opacity 0.8s ease-out 1.6s, -moz-transform 0.8s ease-out 1.6s;
}
.csstransitions #fullpage .active .weddings_landing_packages h2 {
    -webkit-transition: opacity 0.8s ease-out 0.8s, -webkit-transform 0.8s ease-out 0.8s;
    transition: opacity 0.8s ease-out 0.8s, transform 0.8s ease-out 0.8s;
    -moz-transition: opacity 0.8s ease-out 0.8s, -moz-transform 0.8s ease-out 0.8s;
}
.csstransitions #fullpage .active .weddings_landing_gallery h2 {
    -webkit-transition: opacity 0.8s ease-out 1.2s, -webkit-transform 0.8s ease-out 1.2s;
    transition: opacity 0.8s ease-out 1.2s, transform 0.8s ease-out 1.2s;
    -moz-transition: opacity 0.8s ease-out 1.2s, -moz-transform 0.8s ease-out 1.2s;
}
.csstransitions #fullpage .active .weddings_landing_brochure h2 {
    -webkit-transition: opacity 0.8s ease-out 1.6s, -webkit-transform 0.8s ease-out 1.6s;
    transition: opacity 0.8s ease-out 1.6s, transform 0.8s ease-out 1.6s;
    -moz-transition: opacity 0.8s ease-out 1.6s, -moz-transform 0.8s ease-out 1.6s;
}
.csstransitions #fullpage .active .weddings_landing_real h2 {
    -webkit-transition: opacity 0.8s ease-out 0.8s, -webkit-transform 0.8s ease-out 0.8s;
    transition: opacity 0.8s ease-out 0.8s, transform 0.8s ease-out 0.8s;
    -moz-transition: opacity 0.8s ease-out 0.8s, -moz-transform 0.8s ease-out 0.8s;
}
.csstransitions #fullpage .active .weddings_landing_offers h2 {
    -webkit-transition: opacity 0.8s ease-out 1.2s, -webkit-transform 0.8s ease-out 1.2s;
    transition: opacity 0.8s ease-out 1.2s, transform 0.8s ease-out 1.2s;
    -moz-transition: opacity 0.8s ease-out 1.2s, -moz-transform 0.8s ease-out 1.2s;
}
.csstransitions #fullpage .firstload .landing_bottom_three_col h2, .csstransitions #fullpage .firstload .landing_bottom_two_col h2 {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -webkit-transition: opacity 0.4s ease-out 0.4s, -webkit-transform 0.4s ease-out 0.4s;
    transition: opacity 0.4s ease-out 0.4s, transform 0.4s ease-out 0.4s;
    -moz-transition: opacity 0.4s ease-out 0.4s, -moz-transform 0.4s ease-out 0.4s;
}
@media screen and (max-height: 800px) {
    .landing_bottom_three_col h2,    .landing_bottom_two_col h2 {padding-top: 30px;}
}
@media screen and (max-height: 700px) {
    .spa_landing_slide_content .line1 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .spa_landing_slide_content .line2 {
        font-size: 34px;
        margin-bottom: 0;
    }
    .spa_landing_slide_content .line3 {font-size: 92px;}
    .spa_landing_slide_content .line4 {
        font-size: 18px;
        letter-spacing: 10px;
        padding-bottom: 30px;
    }
    .spa_landing_gallery_slide_2 .spa_landing_slide_content .line2 {
        font-size: 28px;
        margin-bottom: 5px;
    }
    .spa_landing_gallery_slide_2 .spa_landing_slide_content .lin4 {letter-spacing: 6px;}
}
@media screen and (max-width: 950px) {
    .spa_landing_slide_content .line1 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .spa_landing_slide_content .line2 {font-size: 34px;}
    .spa_landing_slide_content .line3 {font-size: 92px;}
    .spa_landing_slide_content .line4 {
        font-size: 18px;
        letter-spacing: 8px;
    }
    .spa_landing_gallery_slide_2 .line2 {font-size: 20px;}
    .landing_bottom_three_col h2, .landing_bottom_two_col h2 {font-size: 20px;}
    .spa_landing_spa-days {background-position: center center;}
    .spa_landing_treatments {background-position: center center;}
}
@media screen and (max-width: 800px) {
    .spa_landing_slide_content .line1 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .spa_landing_slide_content .line2 {font-size: 30px;}
    .spa_landing_slide_content .line3 {font-size: 80px;}
    .spa_landing_slide_content .line4 {
        font-size: 16px;
        letter-spacing: 7px;
    }
    .spa_landing_gallery_slide_2 .line2 {font-size: 20px;}
    .landing_bottom_three_col h2, .landing_bottom_two_col h2 {
        font-size: 18px;
        padding-top: 30px;
    }
}
@media screen and (max-width: 750px) {
    #spa_landing_nav {
        right: 10px;
        height: 72px;
        margin-top: -36px;
    }
    #spa_landing_nav a {
        height: 30px;
        width: 30px;
        padding: 0;
        margin: 5px 0;
    }
    #spa_landing_nav a:after {
        right: 12px;
        top: 11px;
    }
    #spa_landing_nav .active a:after {
        right: 9px;
        top: 7px;
    }
    #spa_landing_nav span {display: none;}
}
@media screen and (max-width: 700px) {
    .landing_bottom_three_col h2 {
        letter-spacing: 0.2em;
        font-size: 17px;
    }
    .spa_landing_slide_content .line1 {font-size: 15px;}
    .spa_landing_slide_content .line2 {font-size: 28px;}
    .spa_landing_slide_content .line3 {font-size: 72px;}
    .spa_landing_slide_content .line4 {font-size: 15px;}
    .spa_landing_gallery_slide_2 .line2 {font-size: 18px;}
}
@media screen and (max-width: 650px) {
    .landing_bottom_three_col h2 {font-size: 16px;}
}
.mobile_unformatted .spa_landing_nav_mobile1, .mobile_unformatted .spa_landing_nav_mobile2, .mobile_unformatted .weddings_landing_nav_mobile1, .mobile_unformatted .weddings_landing_nav_mobile2 {display: none;}
.mobile_reformatted .two_row_landing_top {height: 100%;}
.new_mobile_section1 .two_row_landing_bottom, .new_mobile_section2 .two_row_landing_bottom {height: 100%;}
.new_mobile_section1 .two_row_landing_bottom, .new_mobile_section2 .two_row_landing_bottom {border: none;}
#spa_landing_nav.mobile_reformatted, #weddings_landing_nav.mobile_reformatted {
    height: 144px;
    margin-top: -72px;
}
#spa_landing_nav.mobile_reformatted .spa_landing_nav_mobile1, #spa_landing_nav.mobile_reformatted .spa_landing_nav_mobile2, #weddings_landing_nav.mobile_reformatted .spa_landing_nav_mobile1, #weddings_landing_nav.mobile_reformatted .spa_landing_nav_mobile2 {display: block;}
@media screen and (max-width: 599px) {
    #spa_landing_nav {right: 0;}
    .mobile_unformatted .two_row_landing_bottom {display: none !important;}
    .mobile_unformatted .two_row_landing_top, .mobile_unformatted .two_row_landing_bottom {height: 100%;}
    .spa_landing_slide_content .line1 {font-size: 13px;}
    .spa_landing_slide_content .line2 {font-size: 24px;}
    .spa_landing_slide_content .line3 {
        font-size: 58px;
        margin-bottom: 8px;
    }
    .spa_landing_slide_content .line4 {
        font-size: 14px;
        letter-spacing: 6px;
    }
    .spa_landing_gallery_slide_2 .line2 {
        font-size: 16px;
        letter-spacing: 5px;
    }
    .landing_bottom_three_col h2, .landing_bottom_two_col h2 {
        font-size: 28px;
        padding-top: 35px;
    }
    .csstransitions #fullpage .active .spa_landing_breaks h2 {
        -webkit-transition: opacity 0.8s ease-out 0.3s, -webkit-transform 0.8s ease-out 0.3s;
        transition: opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s;
        -moz-transition: opacity 0.8s ease-out 0.3s, -moz-transform 0.8s ease-out 0.3s;
    }
    .csstransitions #fullpage .active .spa_landing_spa-days h2 {
        -webkit-transition: opacity 0.8s ease-out 0.7s, -webkit-transform 0.8s ease-out 0.7s;
        transition: opacity 0.8s ease-out 0.7s, transform 0.8s ease-out 0.7s;
        -moz-transition: opacity 0.8s ease-out 0.7s, -moz-transform 0.8s ease-out 0.7s;
    }
    .csstransitions #fullpage .active .spa_landing_membership h2 {
        -webkit-transition: opacity 0.8s ease-out 0.3s, -webkit-transform 0.8s ease-out 0.3s;
        transition: opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s;
        -moz-transition: opacity 0.8s ease-out 0.3s, -moz-transform 0.8s ease-out 0.3s;
    }
    .csstransitions #fullpage .active .spa_landing_gallery h2 {
        -webkit-transition: opacity 0.8s ease-out 0.7s, -webkit-transform 0.8s ease-out 0.7s;
        transition: opacity 0.8s ease-out 0.7s, transform 0.8s ease-out 0.7s;
        -moz-transition: opacity 0.8s ease-out 0.7s, -moz-transform 0.8s ease-out 0.7s;
    }
    .csstransitions #fullpage .active .spa_landing_offers h2 {
        -webkit-transition: opacity 0.8s ease-out 1.1s, -webkit-transform 0.8s ease-out 1.1s;
        transition: opacity 0.8s ease-out 1.1s, transform 0.8s ease-out 1.1s;
        -moz-transition: opacity 0.8s ease-out 1.1s, -moz-transform 0.8s ease-out 1.1s;
    }
}
@media screen and (max-width: 500px) {
    .spa_landing_slide_content .line1 {
        font-size: 12px;
        letter-spacing: 3px;
        margin-bottom: 5px;
    }
    .spa_landing_slide_content .line2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .spa_landing_slide_content .line3 {
        font-size: 48px;
        margin-bottom: 12px;
        letter-spacing: 8px;
    }
    .spa_landing_slide_content .line4 {letter-spacing: 5px;}
    .spa_landing_slide_content .button {
        height: 46px;
        line-height: 42px;
    }
    .spa_landing_gallery_slide_2 .spa_landing_slide_content .line2 {
        font-size: 16px;
        letter-spacing: 3px;
    }
    .spa_landing_gallery_slide_2 .spa_landing_slide_content .line3 {font-size: 42px;}
    .landing_bottom_three_col h2, .landing_bottom_two_col h2 {
        font-size: 24px;
        padding-top: 30px;
    }
}
@media screen and (max-width: 400px) {
    .landing_bottom_three_col h2,    .landing_bottom_two_col h2 {font-size: 20px;}
    .spa_landing_slide_content .line1 {
        letter-spacing: 2px;
        margin-bottom: 5px;
    }
    .spa_landing_slide_content .line2 {
        font-size: 16px;
        letter-spacing: 5px;
    }
    .spa_landing_slide_content .line3 {
        font-size: 40px;
        letter-spacing: 6px;
        margin-bottom: 10px;
    }
    .spa_landing_slide_content .line4 {
        font-size: 13px;
        letter-spacing: 4px;
    }
    .spa_landing_gallery_slide_2 .spa_landing_slide_content .lin2 {
        font-size: 14px;
        letter-spacing: 2px;
    }
    .spa_landing_gallery_slide_2 .spa_landing_slide_content .line3 {font-size: 30px;}
    .spa_landing_gallery_slide_2 .button {
        font-size: 14px;
        letter-spacing: 1px;
    }
}

.weddings_landing_slide_content {
    /*text-transform: uppercase;*/
    color: #666;
    line-height: 1.5;
}
.weddings_landing_slide_content .list{
    color: #fff;
}
.weddings_landing_slide_content .list ul li:last-child{
    margin-bottom: 0;
}
.content.promotion .weddings_landing_slide_content{
    padding: 0 20px;
}
.content.news .image-theater, .content.promotion .image-theater{
    width: 100%;
    /*height:135px;*/
    overflow: hidden;
}
.content #news li{float: left; padding-top:0px;}
.content #news li:first-child{margin-left: 0px;}
.content #news li h5{
    color: #420038;
    text-align: left;
    letter-spacing: 0px;
    margin: 0px;
    font-family:'MyriadPro-Light' !important;
    font-size: 16px;
    line-height:1.5;
    font-weight: 700;
}
.content #news li h5 a{
    font-weight: 700;
    font-family:'MyriadPro-Light';
    color: #420038;
    text-decoration: none;
}
.content #news li desc{text-align: justify;}
.content .desc{color: #000; text-align: justify; letter-spacing: 0px; text-transform: none;}
.content .desc p{text-align: justify;}
.content #news{
    margin-left: 130px;
    padding: 50px 5%;
}
.content .desc > ul{
    overflow: hidden;
    padding-left: 40px;
}
.content .desc > ul > li{}
/*.content #news h2 {margin-bottom: 0px;}*/
.content #news li { padding-top: 0px; }

.content.news .ul-container ul {
    padding-left:20px;
}
.content.news h1.deal-detail-title{
    font-family: 'Segoe UI Light';
    font-size: 25px;
    letter-spacing: 1px !important;
    line-height: 30px;
    color: #420038;
    text-align: left;
}
.content.news .ul-container ul li:nth-child(even) {
    margin-left: 40px;
}
.content.news .news-cont {
    float:left; 
    width:calc(55% - 20px);
    width:-webkit-calc(55% - 20px);
    width:-moz-calc(55% - 20px);
    padding-left:20px;
    font-family:'MyriadPro-Light' !important;
}

.content.news #news li .news-cont h5 {
    margin-top: 0;
    text-transform: none;
    font:'MyriadPro-Light' !important;
    font-weight:normal;
    color:#5C1B53;
}

.pagination ul li {
    padding-top:0;
}

.pagination ul li a{
    border: 1px solid #5C1B53;
    color:black;
    padding:3px 8px;
    display:block;
    margin-left:5px;
    font-size:24px;

}
.content.news .list-news{
    padding-left: 0;
}
.content.news .list-news li .news-cont h5{
    font-family: "MyriadPro-Light";
}



.weddings_landing_slide_content .button {
    color: #fff;
    border-color: #fff;
    font-family: 'Lato';
}
.weddings_landing_slide_content .button:hover {
    background: #fff;
    color: #000;
}
/*.weddings_landing_slide_content a {color: #fff;}*/
.weddings_landing_slide_content a:hover .button {
    background: #fff;
    color: #000;
}
#terrace h2 a{ color: #fff;}
.weddings_landing_slide_content .line1 {
    font-size: 20px;
    margin-bottom: 15px;
}
.weddings_landing_slide_content .line2 {
    font-size: 40px;
    margin-bottom: 0;
}
.weddings_landing_slide_content .line3 {
    font-size: 100px;
    margin-bottom: 10px;
}
.weddings_landing_slide_content .line4 {
    font-size: 20px;
    letter-spacing: 14px;
    margin: 0;
    padding-bottom: 40px;
}
.weddings_landing_gallery_slide_2 .line4 {line-height: 1.5;}
.weddings_landing_gallery_slide .landing_bottom_three_col h2 {
    font-size: 20px;
    letter-spacing: 5px;
}
@media screen and (max-height: 700px) {
    .weddings_landing_slide_content .line1 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .weddings_landing_slide_content .line2 {font-size: 34px;}
    .weddings_landing_slide_content .line3 {font-size: 92px;}
    .weddings_landing_slide_content .line4 {
        font-size: 18px;
        letter-spacing: 10px;
        padding-bottom: 30px;
    }
    .weddings_landing_gallery_slide .landing_bottom_three_col h2 {letter-spacing: 4px;}
}
@media screen and (max-width: 950px) {
    .weddings_landing_slide_content .line1 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .weddings_landing_slide_content .line2 {font-size: 34px;}
    .weddings_landing_slide_content .line3 {font-size: 92px;}
    .weddings_landing_slide_content .line4 {
        font-size: 18px;
        letter-spacing: 8px;
        padding-bottom: 30px;
    }
    .weddings_landing_gallery_slide .landing_bottom_three_col h2 {
        font-size: 18px;
        letter-spacing: 4px;
    }
}
@media screen and (max-width: 800px) {
    .weddings_landing_slide_content .line1 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .weddings_landing_slide_content .line2 {font-size: 30px;}
    .weddings_landing_slide_content .line3 {font-size: 80px;}
    .weddings_landing_slide_content .line4 {
        font-size: 16px;
        letter-spacing: 6px;
        padding-bottom: 30px;
    }
    .weddings_landing_gallery_slide .landing_bottom_three_col h2 {
        font-size: 17px;
        letter-spacing: 3px;
    }
}
@media screen and (max-width: 750px) {
    #weddings_landing_nav {
        right: 10px;
        height: 72px;
        margin-top: -36px;
    }
    #weddings_landing_nav a {
        height: 30px;
        width: 30px;
        padding: 0;
        margin: 5px 0;
    }
    #weddings_landing_nav .active a:after {
        right: 9px;
        top: 7px;
    }
    #weddings_landing_nav span {display: none;}
}
@media screen and (max-width: 700px) {
    .weddings_landing_slide_content.landing_slide_content .line1 {font-size: 15px;}
    .weddings_landing_slide_content.landing_slide_content .line2 {font-size: 28px;}
    .weddings_landing_slide_content.landing_slide_content .line3 {font-size: 66px;}
    .weddings_landing_slide_content.landing_slide_content .line4 {font-size: 15px;}
    .weddings_landing_gallery_slide .landing_bottom_three_col h2 {
        font-size: 16px;
        letter-spacing: 3px;
    }
    .weddings_landing_gallery_slide .landing_bottom_two_col h2 {letter-spacing: 4px;}
}
@media screen and (max-width: 650px) {
    .weddings_landing_gallery_slide .landing_bottom_three_col h2 {letter-spacing: 2px;}
}
@media screen and (max-width: 599px) {
    #weddings_landing_nav {right: 0;}
    .weddings_landing_slide_content.landing_slide_content .line1 {font-size: 13px;}
    .weddings_landing_slide_content.landing_slide_content .line2 {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .weddings_landing_slide_content.landing_slide_content .line3 {
        font-size: 58px;
        margin-bottom: 10px;
    }
    .weddings_landing_slide_content.landing_slide_content .line4 {
        font-size: 14px;
        letter-spacing: 4px;
    }
    .csstransitions #fullpage .active .weddings_landing_packages h2 {
        -webkit-transition: opacity 0.8s ease-out 0.3s, -webkit-transform 0.8s ease-out 0.3s;
        transition: opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s;
        -moz-transition: opacity 0.8s ease-out 0.3s, -moz-transform 0.8s ease-out 0.3s;
    }
    .csstransitions #fullpage .active .weddings_landing_gallery h2 {
        -webkit-transition: opacity 0.8s ease-out 0.7s, -webkit-transform 0.8s ease-out 0.7s;
        transition: opacity 0.8s ease-out 0.7s, transform 0.8s ease-out 0.7s;
        -moz-transition: opacity 0.8s ease-out 0.7s, -moz-transform 0.8s ease-out 0.7s;
    }
    .csstransitions #fullpage .active .weddings_landing_brochure h2 {
        -webkit-transition: opacity 0.8s ease-out 1.1s, -webkit-transform 0.8s ease-out 1.1s;
        transition: opacity 0.8s ease-out 1.1s, transform 0.8s ease-out 1.1s;
        -moz-transition: opacity 0.8s ease-out 1.1s, -moz-transform 0.8s ease-out 1.1s;
    }
    .csstransitions #fullpage .active .weddings_landing_real h2 {
        -webkit-transition: opacity 0.8s ease-out 0.3s, -webkit-transform 0.8s ease-out 0.3s;
        transition: opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s;
        -moz-transition: opacity 0.8s ease-out 0.3s, -moz-transform 0.8s ease-out 0.3s;
    }
    .csstransitions #fullpage .active .weddings_landing_offers h2 {
        -webkit-transition: opacity 0.8s ease-out 0.7s, -webkit-transform 0.8s ease-out 0.7s;
        transition: opacity 0.8s ease-out 0.7s, transform 0.8s ease-out 0.7s;
        -moz-transition: opacity 0.8s ease-out 0.7s, -moz-transform 0.8s ease-out 0.7s;
    }
}
@media screen and (max-width: 500px) {
    .weddings_landing_slide_content.landing_slide_content .line1 {
        font-size: 12px;
        letter-spacing: 3px;
    }
    .weddings_landing_slide_content.landing_slide_content .line2 {font-size: 20px;}
    .weddings_landing_slide_content.landing_slide_content .line3 {font-size: 44px;}
    .weddings_landing_slide_content.landing_slide_content .line4 {
        letter-spacing: 5px;
        padding-bottom: 25px;
    }
    .weddings_landing_slide_content.landing_slide_content .button {
        height: 46px;
        line-height: 42px;
    }
    .weddings_landing_slide_content.landing_slide_content .button .extra {display: none;}
}
@media screen and (max-width: 400px) {
    .landing_bottom_three_col h2,    .landing_bottom_two_col h2 {font-size: 20px;}
    .weddings_landing_slide_content.landing_slide_content .line1 {
        letter-spacing: 2px;
        margin-bottom: 5px;
    }
    .weddings_landing_slide_content.landing_slide_content .line2 {font-size: 17px;}
    .weddings_landing_slide_content.landing_slide_content .line3 {
        font-size: 32px;
        margin-bottom: 8px;
    }
    .weddings_landing_slide_content.landing_slide_content .line4 {
        font-size: 13px;
        letter-spacing: 4px;
    }
    .weddings_landing_slide_content.landing_slide_content .button {
        width: 100%;
        margin-bottom: 10px;
    }
    .weddings_landing_gallery_slide_2 .button {
        font-size: 14px;
        letter-spacing: 1px;
    }
}
.page-template-page-templatesdining-landing-php {overflow: hidden;}
.page-template-page-templatesdining-landing-php .site_footer {display: none;}
.dining_landing_container {
    position: relative;
    background: #333;
    width: 100%;
}
.dining_landing_container:before, .dining_landing_container:after {
    content: " ";
    display: table;
}
.dining_landing_container:after {clear: both;}
.dining_landing_item {
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
    background-size: cover;
    background-position: center center;
}
.dining_landing_upperdeck {
    background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/landing_upper_deck_bg-800.jpg);
    background-position: left bottom;
}
@media screen and (min-width: 1600px) {
    .dining_landing_upperdeck {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/landing_upper_deck_bg-1280.jpg);}
}
.dining_landing_jetty {
    background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/landing_jetty_bg-800.jpg);
    background-position: left bottom;
}
@media screen and (min-width: 1600px) {
    .dining_landing_jetty {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/landing_jetty_bg-1280.jpg);}
}
.dining_landing_content {
    width: 500px;
    height: 380px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -230px 0 0 -250px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dining_landing_content .dining_logo_wrapper {min-height: 180px;}
.dining_landing_content .line1 {
    font-size: 22px;
    margin: 0;
    letter-spacing: 5px;
}
.dining_landing_content .line2 {
    font-size: 38px;
    margin: 0;
    letter-spacing: 4px;
}
.dining_landing_content .line3 {
    font-size: 16px;
    letter-spacing: 3px;
    margin-bottom: 40px;
}
.dining_landing_content .button {
    height: 51px;
    line-height: 46px;
    border-width: 2px;
    font-family: 'Lato', sans-serif;
    margin: 0 10px;
    padding: 0 18px;
}
.csstransitions .dining_landing_upperdeck .dining_landing_content {
    -webkit-transition: all 0.6s ease-out 0.3s;
    transition: all 0.6s ease-out 0.3s;
    -moz-transition: all 0.6s ease-out 0.3s;
}
.csstransitions .dining_landing_jetty .dining_landing_content {
    -webkit-transition: all 0.6s ease-out 0.7s;
    transition: all 0.6s ease-out 0.7s;
    -moz-transition: all 0.6s ease-out 0.7s;
}
.csstransitions .dining_landing_content {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -moz-transform: translateY(40px);
}
.csstransitions .window-load .dining_landing_content {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -moz-transform: translateY(0px);
}
.dining_landing_upperdeck .logo {width: 140px;}
.dining_landing_upperdeck .line2 {letter-spacing: 8px;}
.dining_landing_jetty .logo {
    width: 220px;
    margin-top: 24px;
}
@media screen and (min-width: 1300px) {
    .dining_landing_content {
        width: 600px;
        height: 470px;
        margin-top: -260px;
        margin-left: -300px;
    }
    .dining_landing_content .line1 {font-size: 26px;}
    .dining_landing_content .line2 {font-size: 52px;}
    .dining_landing_content .line3 {
        font-size: 18px;
        margin-bottom: 50px;
    }
    .dining_landing_content .dining_logo_wrapper {min-height: 210px;}
    .dining_landing_upperdeck .logo {width: 170px;}
    .dining_landing_jetty .logo {width: 260px;}
}
@media screen and (max-width: 999px) {
    .dining_landing_content {
        height: 360px;
        width: 360px;
        margin-left: -180px;
        margin-top: -210px;
    }
    .dining_landing_content .line1 {
        font-size: 18px;
        letter-spacing: 4px;
    }
    .dining_landing_content .line2 {font-size: 28px;}
    .dining_landing_content .line3 {
        font-size: 14px;
        letter-spacing: 3px;
    }
    .dining_landing_content .dining_logo_wrapper {min-height: 170px;}
    .dining_landing_upperdeck .logo {width: 130px;}
    .dining_landing_jetty .logo {
        width: 200px;
        margin-top: 18px;
    }
}
@media screen and (max-width: 800px) {
    .page-template-page-templatesdining-landing-php {overflow: auto;}
    .dining_landing_item {
        float: none;
        width: 100%;
    }
    .dining_landing_content {
        height: 400px;
        width: 500px;
        margin-left: -250px;
        margin-top: -210px;
    }
    .dining_landing_content .line1 {font-size: 24px;}
    .dining_landing_content .line2 {font-size: 42px;}
    .dining_landing_content .line3 {
        font-size: 16px;
        letter-spacing: 4px;
    }
    .dining_landing_content .dining_logo_wrapper {min-height: 180px;}
    .dining_landing_upperdeck .logo {width: 150px;}
    .dining_landing_jetty .logo {
        width: 240px;
        margin-top: 18px;
    }
}
@media screen and (max-width: 600px) {
    .dining_landing_content {
        height: 340px;
        width: 400px;
        margin-left: -200px;
        margin-top: -180px;
    }
    .dining_landing_content .line1 {font-size: 20px;}
    .dining_landing_content .line2 {
        font-size: 34px;
        margin-bottom: 3px;
    }
    .dining_landing_content .line3 {
        font-size: 15px;
        letter-spacing: 3px;
        margin-bottom: 30px;
    }
    .dining_landing_content .dining_logo_wrapper {min-height: 150px;}
    .dining_landing_upperdeck .logo {width: 120px;}
    .dining_landing_jetty .logo {
        width: 200px;
        margin-top: 10px;
    }
}
@media screen and (max-width: 500px) {
    .dining_landing_content {
        height: 300px;
        width: 280px;
        margin-left: -140px;
        margin-top: -150px;
    }
    .dining_landing_content .line1 {
        font-size: 16px;
        margin-bottom: 5px;
        letter-spacing: 3px;
    }
    .dining_landing_content .line2 {
        font-size: 24px;
        margin-bottom: 3px;
    }
    .dining_landing_content .line3 {
        font-size: 14px;
        letter-spacing: 3px;
        margin: 0 auto 30px;
        line-height: 1.5;
        width: 220px;
    }
    .dining_landing_content .dining_logo_wrapper {min-height: 120px;}
    .dining_landing_content .button {
        margin-bottom: 10px;
        min-width: 200px;
        height: 46px;
        line-height: 42px;
    }
    .dining_landing_upperdeck .line2 {letter-spacing: 5px;}
    .dining_landing_upperdeck .logo {width: 96px;}
    .dining_landing_jetty .logo {
        width: 160px;
        margin-top: 10px;
    }
}
.dark_landing_content {color: #0a1d3b;}
.dark_landing_content a {color: #0a1d3b;}
.dark_landing_content .button {
    border-color: #0a1d3b;
    background: #fff;
    background: rgba(255, 255, 255, 0.65);
    color: #0a1d3b;
}
.dark_landing_content .button:hover {
    background: #0a1d3b;
    color: #fff;
}
.dark_landing_content a:hover .button {
    background: #0a1d3b;
    color: #fff;
}
.single-menu .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/upper-deck-header-bg.jpg);}
.ie8 .single-menu .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/upper-deck-header-bg-ie8.jpg);}
@media screen and (max-width: 699px) {
    .single-menu .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/upper-deck-header-bg-700.jpg);}
}
.dining_menus {
    margin: 30px 0 60px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eff3f8;
}
.single-menu .dining_menu_content {
    padding: 40px 0;
    max-width: 700px;
    margin: 0 auto;
}
.single-menu .content_page_title {margin-bottom: 30px;}
.dining_menu_intro {
    border-bottom: 1px dotted #dae3ef;
    padding: 0 0 10px;
    color: #747780;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    letter-spacing: 3px;
}
.single-menu .dining_menu_intro {
    border-bottom: none;
    padding-top: 20px;
}
.dining_menu_content {
    text-align: center;
    line-height: 1.25;
}
.dining_menu_content h3, .dining_menu_content h4 {
    font-family: 'Lato', sans-serif;
    letter-spacing: 3px;
    color: #0a1d3b;
    margin: 2.5em 0 1em;
    text-transform: uppercase;
}
.dining_menu_content h3 {font-size: 24px;}
.dining_menu_content h4 {
    font-size: 16px;
    color: #222;
}
.dining_menu_content.no_intro .dining_menu_main h3:first-child {margin-top: 10px;}
.dining_enquire_container {
    margin: 40px 0;
    padding: 30px 0;
    border-top: 1px solid #eff3f8;
}
.enquiry_form textarea.dining_enquiry {height: 192px;}
.enquiry_form textarea.spa_enquiry {height: 116px;}
.fotorama__thumb-border {border-color: #0a1d3b;}
#full_page_gallery {border-bottom: 30px solid #fff;}
#full_page_gallery .fotorama__stage {background: #eff3f8;}
.fotorama__arr {
    background: none;
    color: #fff;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    width: 60px;
    height: 80px;
    text-align: center;
    margin-top: -40px;
}
.fotorama__arr:before {
    background: rgba(0, 0, 0, 0.15);
    font-family: 'ficon';
    content: "\e61d";
    font-size: 30px;
    height: 80px;
    width: 60px;
    line-height: 80px;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}
.fotorama__arr:hover:before {background: rgba(0, 0, 0, 0.3);}
.fotorama__wrap--no-controls .fotorama__arr--prev {
    -webkit-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0);
    -moz-transform: translate3d(-60px, 0, 0);
}
.fotorama__wrap--no-controls .fotorama__arr--next {
    -webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0);
    -moz-transform: translate3d(60px, 0, 0);
}
.fotorama__wrap--no-controls .fotorama__arr {
    display: block;
    opacity: 0;
}
.fotorama__stage .fotorama__arr--next.slideshow-playing {
    -webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0);
    -moz-transform: translate3d(60px, 0, 0);
    opacity: 0;
}
.fotorama__stage .fotorama__arr--prev.slideshow-playing {
    -webkit-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0);
    -moz-transform: translate3d(-60px, 0, 0);
    opacity: 0;
}
.touch .fotorama__arr {
    pointer-events: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    opacity: 1;
    display: block !important;
}
.touch .transitioned .fotorama__arr {opacity: 0 !important;}
.fotorama__arr--prev:before {text-indent: -3px;}
.fotorama__arr--next:before {
    content: "\e61e";
    text-indent: 4px;
}
.fotorama__fullscreen-icon {
    top: 5px;
    right: 5px;
}
.fotorama__nav__frame {
    opacity: 0.5;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
}
.fotorama__nav__frame:hover {opacity: 0.75;}
.fotorama__nav__frame.fotorama__active {opacity: 1;}
.fotorama--fullscreen, .fotorama--fullscreen .fotorama__stage, .fotorama--fullscreen .fotorama__nav {background: #fff;}
.fotorama--fullscreen .fotorama__nav, .fotorama__fullscreen-icon {display: none !important;}
.touch .fullscreen_slideshow_controls a {
    height: 30px;
    line-height: 30px;
    top: 0;
    z-index: 999;
}
.gallery_controls {
    padding: 13px 170px;
    margin: 0;
    background: #fff;
    color: #0a1d3b;
    position: relative;
}
.gallery_controls .gallery_caption {
    text-align: center;
    text-transform: uppercase;
    line-height: 1.3;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 3px;
    min-height: 23px;
    cursor: default;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.gallery_controls .fullscreen_slideshow_controls, .gallery_controls .launch_fullscreen_controls {
    position: absolute;
    right: 18px;
    top: 16px;
    width: 150px;
}
.gallery_controls .fullscreen_slideshow_controls a, .gallery_controls .launch_fullscreen_controls a {
    -webkit-font-smoothing: antialiased;
    color: #aaa;
    right: 0;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    position: absolute;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}
.gallery_controls .fullscreen_slideshow_controls a .ficon, .gallery_controls .launch_fullscreen_controls a .ficon {
    position: relative;
    top: 1px;
    font-size: 12px;
    padding-left: 4px;
}
.gallery_controls .fullscreen_slideshow_controls:hover a, .gallery_controls .launch_fullscreen_controls:hover a {color: #0a1d3b;}
.gallery_controls .fullscreen_slideshow_controls.controls_paused #fotorama_play, .gallery_controls .launch_fullscreen_controls.controls_paused #fotorama_play {
    opacity: 1;
    visibility: visible;
}
.gallery_controls .fullscreen_slideshow_controls.controls_paused #fotorama_pause, .gallery_controls .launch_fullscreen_controls.controls_paused #fotorama_pause {
    opacity: 0;
    visibility: hidden;
}
.gallery_controls .fullscreen_slideshow_controls.controls_playing #fotorama_play, .gallery_controls .launch_fullscreen_controls.controls_playing #fotorama_play {
    opacity: 0;
    visibility: hidden;
}
.gallery_controls .fullscreen_slideshow_controls.controls_playing #fotorama_pause, .gallery_controls .launch_fullscreen_controls.controls_playing #fotorama_pause {
    opacity: 1;
    visibility: visible;
}
.gallery_controls .launch_fullscreen_controls {
    right: auto;
    left: 18px;
}
.gallery_controls .launch_fullscreen_controls a {
    right: auto;
    left: 0;
}
.gallery_controls .launch_fullscreen_controls a .ficon {padding: 0 4px 0 0;}
.gallery_controls .launch_fullscreen_controls.fullscreen_off #fotorama_fullscreen_on {
    opacity: 1;
    visibility: visible;
}
.gallery_controls .launch_fullscreen_controls.fullscreen_off #fotorama_fullscreen_off {
    opacity: 0;
    visibility: hidden;
}
.gallery_controls .launch_fullscreen_controls.fullscreen_on #fotorama_fullscreen_on {
    opacity: 0;
    visibility: hidden;
}
.gallery_controls .launch_fullscreen_controls.fullscreen_on #fotorama_fullscreen_off {
    opacity: 1;
    visibility: visible;
}
.fotorama--fullscreen .gallery_controls {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25px;
    z-index: 999;
}
.touch .page-template-page-templatesgallery-php {overflow: hidden;}
.touch .page-template-page-templatesgallery-php #gallery_carousel {display: none !important;}
.touch .page-template-page-templatesgallery-php .site_footer {display: none;}
.touch .page-template-page-templatesgallery-php #full_page_gallery {border-bottom: none;}
.touch .page-template-page-templatesgallery-php .gallery_caption {
    padding-top: 0;
    height: 100px;
}
.touch .page-template-page-templatesgallery-php .fotorama--fullscreen .launch_fullscreen_controls {display: none !important;}
.no-fullscreen .launch_fullscreen_controls {display: none !important;}
@media screen and (max-width: 999px) {
    .gallery_controls .extra {display: none;}
}
@media screen and (max-width: 800px) {
    .fotorama__arr {width: 40px;}
    .fotorama__arr:before {
        width: 40px;
        font-size: 24px;
    }
    .gallery_controls .gallery_caption {
        font-size: 16px;
        letter-spacing: 2px;
    }
}
@media screen and (max-width: 700px) {
    .gallery_controls {padding: 13px 140px;}
    .gallery_controls .gallery_caption {
        font-size: 14px;
        letter-spacing: 1px;
    }
}
@media screen and (max-width: 600px) {
    .launch_fullscreen_controls,    .fullscreen_slideshow_controls {display: none !important;}
    .gallery_controls {padding: 13px 20px 7px;}
}
.content_page_main_header_container {
    width: 100%;
    max-width: 1400px;
    height: 240px;
    position: fixed;
    overflow: hidden;
    background: #333;
}
.content_page_main_header_container:before {
    content: "\e624";
    font-family: 'ficon';
    font-size: 100px;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    color: #111;
    line-height: 100px;
    text-align: center;
}
.content_page_main_header {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
    -webkit-transition-property: -webkit-transform, -webkit-filter, -webkit-transform, filter;
    transition-property: transform, filter;
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
}
.content_page_main_header:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0a1d3b;
    opacity: 0;
    -webkit-transition: opacity 0.75s ease-out;
    transition: opacity 0.75s ease-out;
}
.content_page_main_header.inactive:after {
    opacity: 0.6;
    -webkit-transition: opacity 1.5s ease-out;
    transition: opacity 1.5s ease-out;
}
.content_page_main_header.inactive {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transition-property: -webkit-transform, -webkit-filter, -webkit-transform, filter;
    transition-property: transform, filter;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ie8 .content_page_main_header_container {width: 1020px;}
.ie8 .content_page_main_header {
    width: 1020px;
    height: 240px;
}
.ie8 .content_page_main_header:after {content: none;}
.content_page_lower_container {
    position: relative;
    z-index: 2;
    padding-top: 240px;
}
@media screen and (min-width: 1100px) {
    .content_page_main_header_container {height: 270px;}
    .content_page_lower_container {padding-top: 270px;}
}
@media screen and (min-width: 1250px) {
    .content_page_main_header_container {height: 300px;}
    .content_page_lower_container {padding-top: 300px;}
}
@media screen and (min-width: 1400px) {
    .content_page_main_header_container {height: 340px;}
    .content_page_lower_container {padding-top: 340px;}
}
@media screen and (max-width: 699px) {
    .content_page_main_header_container {height: 175px;}
    .content_page_lower_container {padding-top: 175px;}
}
@media screen and (max-width: 400px) {
    .content_page_main_header_container {height: 150px;}
    .content_page_lower_container {padding-top: 150px;}
}
.content_page_lower_container.no_header {padding-top: 0;}
.content_page_lower_wrapper {
    background: #fff;
    position: relative;
    -webkit-font-smoothing: antialiased;
}
.content_page_lower_wrapper:before, .content_page_lower_wrapper:after {
    content: " ";
    display: table;
}
.content_page_lower_wrapper:after {clear: both;}
.content_page_main_container {
    width: 69%;
    float: left;
    -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 700px) {
    .content_page_main_container {min-height: 700px;}
}
.content_page_wrapper {padding: 35px 30px;}
.content_page_sidebar_container {
    width: 31%;
    float: right;
    min-height: 700px;
    background: #f6f8fb;
}
.content_page_sidebar {width: 100%;}
.content_page_sidebar_container.fixed {
    position: fixed;
    top: 50px;
    bottom: 0;
    right: 0;
    float: none;
    overflow: hidden;
    min-height: 0;
}
.content_page_sidebar_container.fixed .content_page_sidebar {position: absolute;}
.iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9999;
    width: 8px;
    bottom: 0;
    top: 0;
    right: 0;
    opacity: 0;
    overflow: hidden;
    background: #fff;
    background: rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 0 1px #888;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.iScrollIndicator {
    position: absolute;
    background: #b0cbeb;
    cursor: pointer;
}
.iScrollIndicator:hover {background: #a0c0e7;}
#content_page_sidebar_container:hover .iScrollVerticalScrollbar {opacity: 1;}
.iScrollVerticalScrollbar .iScrollIndicator {width: 100%;}
.sidebar_link_wrapper {
    background: #eff3f8;
    border-style: solid;
    border-color: #dfe7f0;
    border-width: 0 0 1px 0;
    display: table;
    height: 50px;
    width: 100%;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.sidebar_link_wrapper:hover {background: #dfe7f0;}
.sidebar_link_wrapper:after {
    content: "\e61e";
    font-family: 'ficon';
    font-size: 14px;
    height: 50px;
    line-height: 51px;
    position: absolute;
    right: 15px;
    top: 0;
}
.sidebar_link_wrapper a {
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px 0 20px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    color: #0a1d3b;
}
@media screen and (min-width: 700px) {
    .drop_cap_wrapper>p: first-of-type: first-letter {
        float: left;
        font-size: 50px;
        height: 43px;
        line-height: 43px;
        font-weight: 400;
        color: #0a1d3b;
        margin: -1px 3px 0 0;
    }
}
@media screen and (min-width: 1400px) {
    .content_page_sidebar_container.fixed {top: 70px;}
}
@media screen and (max-width: 800px) {
    .content_page_main_container {width: 67%;}
    .content_page_sidebar_container {width: 33%;}
}
@media screen and (max-width: 699px) {
    .content_page_main_container {
        width: 100%;
        float: none;
    }
    .content_page_sidebar_container, .content_page_sidebar_container.fixed {
        width: 100%;
        float: none;
        position: static;
    }
    .content_page_sidebar {
        max-width: 434px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 500px) {
    .content_page_wrapper {padding: 30px 20px;}
}
.ie8 .content_page_sidebar_container.fixed, .ie8 .content_page_sidebar_container.absolute_fixed {
    overflow: auto;
    position: static;
}
.ie8 .sidebar_block_item {width: 316px;}
.content_page_title {
    text-transform: uppercase;
    color: #0a1d3b;
    line-height: 1.2;
    padding: 0 20px;
    margin-bottom: 30px;
    text-align: center;
    font-family: 'Lato';
}
.content_page_title .line1 {
    font-size: 32px;
    letter-spacing: 5px;
    display: block;
    margin: 0 0 10px;
}
.content_page_title .line2 {
    font-size: 22px;
    letter-spacing: 6px;
    display: block;
}
.content_page_title .line2.subtle_title {
    font-size: 18px;
    letter-spacing: 2px;
    color: #aaa;
}
.title_block_singleline .line1 {margin-bottom: 0;}
.content_page_title_underline {
    padding-bottom: 40px;
    background: url(http: //www.christchurch-harbour-hotel.co.uk/images/shared/helix.svg) center bottom repeat-x;
}
.svg .content_page_title_underline {
    background: url(http: //www.christchurch-harbour-hotel.co.uk/images/shared/helix.svg) center bottom repeat-x;
    background-size: 28px;
}
.no-svg .content_page_title_underline {background: url(http: //www.christchurch-harbour-hotel.co.uk/images/shared/helix.png) center bottom repeat-x;}
.content_page_subtitle {
    text-transform: uppercase;
    color: #0a1d3b;
    line-height: 1.3;
    margin: 0 20px 25px;
    text-align: center;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 4px;
}
.content_page_subtitle.half_underline {
    padding-bottom: 15px;
    position: relative;
}
.content_page_subtitle.half_underline:after {
    width: 50%;
    height: 1px;
    border-bottom: 6px double #eff3f8;
    position: absolute;
    bottom: 0;
    left: 25%;
    content: "";
}
.content_page_subtitle.subtle_title {
    font-size: 18px;
    letter-spacing: 3px;
    color: #777;
    margin-bottom: -10px;
}
.sans-title {font-family: 'Lato', sans-serif;}
.small_content_title {
    text-transform: uppercase;
    color: #0a1d3b;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 30px 0 5px;
}
.content_page_textarea {
    margin: 30px 0;
    -webkit-font-smoothing: antialiased;
}
.content_page_textarea:before, .content_page_textarea:after {
    content: " ";
    display: table;
}
.content_page_textarea:after {clear: both;}
.content_page_textarea.text_center {text-align: center;}
.content_page_textarea.text_left {text-align: left;}
.content_page_textarea.text_right {text-align: right;}
.content_page_textarea small {font-size: 0.8em;}
.content_page_textarea p:last-of-type {margin-bottom: 0;}
.content_page_textarea strong {font-weight: bold;}
.content_page_textarea em {font-style: italic;}
.small_notice {
    font-size: 0.8em;
    color: #999;
}
@media screen and (max-width: 500px) {
    .small_notice {padding: 0;}
}
.disc_list ul, ul.disc_list, .content_page_textarea ul, .two_col_content_wrapper ul {
    list-style-type: disc;
    list-style-position: outside;
    margin: 25px 0;
    text-align: left;
}
.disc_list ul li, ul.disc_list li, .content_page_textarea ul li, .two_col_content_wrapper ul li {
    margin-left: 25px;
    margin-bottom: 5px;
}
.content_page_textarea ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin: 25px 0;
    text-align: left;
}
.content_page_textarea ol li {
    margin-left: 25px;
    margin-bottom: 5px;
}
.two_col_list ul, ul.two_col_list, .two_col_content {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}
.two_col_content ul {margin-top: 0;}
.content_feature_col_container {margin: 30px 0 60px;}
.content_feature_col_container:before, .content_feature_col_container:after {
    content: " ";
    display: table;
}
.content_feature_col_container:after {clear: both;}
.content_feature_col_item {
    width: 50%;
    margin-top: 25px;
    font-size: 0.9em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content_feature_col_item.text_center {text-align: center;}
.content_feature_col_item.text_left {text-align: left;}
.content_feature_col_item.text_right {text-align: right;}
.content_feature_col_item:nth-child(odd) {
    float: left;
    clear: both;
    padding-right: 15px;
}
.content_feature_col_item:nth-child(even) {
    float: right;
    padding-left: 15px;
}
.no-boxsizing .content_feature_col_item {width: 45%;}
.content_feature_col_title {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    letter-spacing: 2px;
    font-size: 18px;
    position: relative;
    padding-bottom: 14px;
    text-align: center;
    color: #0a1d3b;
}
.content_feature_col_title:after {
    content: "";
    width: 50%;
    margin: 15px 0 0 25%;
    height: 3px;
    background: #eff3f8;
    display: block;
}
.content_feature_col_subtitle {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #aaa;
}
.content_page_subtitle.content_directory_listing_title {
    margin-bottom: 5px;
    font-size: 16px;
    letter-spacing: 2px;
    padding-bottom: 10px;
    position: relative;
}
.content_page_subtitle.content_directory_listing_title:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #eff3f8;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: 0;
}
.content_directory_col_item {
    float: left;
    width: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    margin-bottom: 30px;
}
.no-boxsizing .content_directory_col_item {width: 40%;}
.content_directory_listing {margin-bottom: 30px;}
.content_directory_listing_desc {
    font-size: 0.9em;
    color: #747780;
}
.content_directory_listing_desc a {color: #747780;}
.content_directory_listing_desc a:hover {color: #0a1d3b;}
.text_left .content_feature_col_title, .text_left content_feature_col_subtitle {text-align: left;}
.text_left .content_feature_col_title:after {margin-left: 0;}
.text_right .content_feature_col_title, .text_right content_feature_col_subtitle {text-align: right;}
.text_right .content_feature_col_title:after {margin-left: 50%;}
.text_inner .content_feature_col_item:nth-child(odd) {text-align: right;}
.text_inner .content_feature_col_item:nth-child(odd) .content_feature_col_title, .text_inner .content_feature_col_item:nth-child(odd) content_feature_col_subtitle {text-align: right;}
.text_inner .content_feature_col_item:nth-child(odd) .content_feature_col_title:after {margin-left: 50%;}
.text_inner .content_feature_col_item:nth-child(even) {text-align: left;}
.text_inner .content_feature_col_item:nth-child(even) .content_feature_col_title, .text_inner .content_feature_col_item:nth-child(even) content_feature_col_subtitle {text-align: left;}
.text_inner .content_feature_col_item:nth-child(even) .content_feature_col_title:after {margin-left: 0;}
.text_outer .content_feature_col_item:nth-child(odd) {text-align: left;}
.text_outer .content_feature_col_item:nth-child(odd) .content_feature_col_title, .text_outer .content_feature_col_item:nth-child(odd) content_feature_col_subtitle {text-align: left;}
.text_outer .content_feature_col_item:nth-child(odd) .content_feature_col_title:after {margin-left: 0;}
.text_outer .content_feature_col_item:nth-child(even) {text-align: right;}
.text_outer .content_feature_col_item:nth-child(even) .content_feature_col_title, .text_outer .content_feature_col_item:nth-child(even) content_feature_col_subtitle {text-align: right;}
.text_outer .content_feature_col_item:nth-child(even) .content_feature_col_title:after {margin-left: 50%;}
@media screen and (max-width: 900px) {
    .content_feature_col_item {
        float: none !important;
        width: 100%;
        display: block;
        padding: 0 !important;
    }
}
.content_page_textarea table {
    width: 100%;
    background: #f7f9fa;
    font-family: 'Lato', sans-serif;
    margin-bottom: 25px;
}
.content_page_textarea table td {
    border: 1px solid #cdd1da;
    padding: 15px;
    text-align: center;
    color: #0a1d3b;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    vertical-align: middle;
}
.content_page_textarea table .table_inner_heading td {
    background: #ebf1f7;
    padding: 5px;
    letter-spacing: 2px;
}
.content_page_textarea table thead td, .content_page_textarea table th {
    text-transform: uppercase;
    color: #666;
    font-size: 12px;
    letter-spacing: 0.5px;
}
@media screen and (min-width: 1350px) {
    .content_page_textarea table thead td {
        font-size: 14px;
        letter-spacing: 2px;
    }
    .content_page_textarea table td {
        font-size: 16px;
        letter-spacing: 3px;
    }
}
@media screen and (max-width: 999px) {
    .content_page_textarea table thead td {letter-spacing: 0;}
    .content_page_textarea table td {padding: 15px 10px;}
}
@media screen and (max-width: 850px) {
    .content_page_textarea table td {
        letter-spacing: 0;
        font-size: 13px;
        padding: 13px 5px;
    }
}
@media screen and (max-width: 800px) {
    .content_page_textarea table td {font-size: 12px;}
}
@media screen and (max-width: 700px) {
    .content_page_textarea table td {padding: 10px 5px;}
    .content_page_textarea table thead td {padding: 14px 5px;}
}
@media screen and (max-width: 500px) {
    .content_page_textarea table td {padding: 6px 5px;}
    .touch .table_inner_heading td {
        font-size: 7px !important;
        letter-spacing: 2px;
    }
    .table_wrap {
        width: 100%;
        padding-right: 40px;
        margin-left: -20px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table_wrap table td {min-width: 110px;}
    .touch .table_wrap {overflow-y: scroll;}
}
.content_page_gallery {
    margin: 30px 0;
    overflow: hidden;
}
.content_page_two_col {width: 48%;}
.content_page_two_col:before, .content_page_two_col:after {
    content: " ";
    display: table;
}
.content_page_two_col:after {clear: both;}
.content_page_two_col .content_page_subtitle {
    margin-left: 0;
    margin-right: 0;
}
.content_page_three_col {
    width: 30%;
    float: left;
}
.content_page_three_col:before, .content_page_three_col:after {
    content: " ";
    display: table;
}
.content_page_three_col:after {clear: both;}
.content_page_three_col.col2 {margin: 0 5%;}
.content_page_two_col.two_button_wrap .button {width: 44%;}
.two_button_wrap .content_page_two_col .button {
    display: block;
    text-align: center;
}
.boxsizing .content_page_two_col {
    width: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.boxsizing .content_page_two_col.fl {padding-right: 15px;}
.boxsizing .content_page_two_col.fr {padding-left: 15px;}
.boxsizing .content_page_three_col {
    width: 33.3333%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.boxsizing .content_page_three_col.col1 {padding-right: 15px;}
.boxsizing .content_page_three_col.col2 {
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.boxsizing .content_page_three_col.col3 {padding-left: 15px;}
.boxsizing .content_page_two_col.two_button_wrap .button {width: 46%;}
.boxsizing .content_page_two_col.two_button_wrap .button.fl {margin-right: 4%;}
.boxsizing .content_page_two_col.two_button_wrap .button.fr {margin-left: 4%;}
.two_button_wrap .button {
    font-size: 12px;
    line-height: 38px;
    font-weight: 400;
}
.two_button_wrap .button:after {
    line-height: 40px;
    font-size: 11px;
}
.three_button_wrap:before, .three_button_wrap:after {
    content: " ";
    display: table;
}
.three_button_wrap:after {clear: both;}
.three_button_wrap .button {
    float: left;
    width: 30%;
    margin-right: 3%;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 36px;
}
.three_button_wrap .button:nth-child(1) {
    width: 31.3333%;
    margin-right: 1.5%;
}
.three_button_wrap .button:nth-child(2) {
    width: 31.3333%;
    margin-right: 1.5%;
    margin-left: 1.5%;
}
.three_button_wrap .button:nth-child(3) {
    width: 31.3333%;
    margin-left: 1.5%;
    margin-right: 0;
}
.page_anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}
.enquiry_form {margin: 25px 0;}
.enquiry_form:before, .enquiry_form:after {
    content: " ";
    display: table;
}
.enquiry_form:after {clear: both;}
.content_page_two_col .submit_button {
    width: 100%;
    text-align: left;
}
.room_details_title {
    height: 50px;
    display: table;
    margin-bottom: 20px;
    margin-top: -4px;
}
.room_details_title .content_page_subtitle {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}
.subscribe_wrapper {margin: 60px 0 20px;}
.subscribe_wrapper:before, .subscribe_wrapper:after {
    content: " ";
    display: table;
}
.subscribe_wrapper:after {clear: both;}
.subscribe_wrapper .content_page_subtitle {padding-top: 55px;}
.subscribe_wrapper .content_page_subtitle:before {
    content: "\e625";
    font-family: 'ficon';
    position: absolute;
    top: 0;
    color: #dfe7f0;
    font-size: 40px;
    width: 40px;
    left: 50%;
    margin-left: -20px;
}
.subscribe_wrapper .content_page_textarea {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 600px) {
    .subscribe_wrapper .content_page_textarea {width: 90%;}
}
.accordion_container {
    margin-bottom: 10px;
    position: relative;
    padding-top: 80px;
}
.accordion_header {
    border: 1px solid #cdd1da;
    background: #eff3f8;
    height: 80px;
    width: 100%;
    top: 0;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
.accordion_header:before, .accordion_header:after {
    content: " ";
    display: table;
}
.accordion_header:after {clear: both;}
.accordion_header:before {
    content: "\e61e";
    font-family: 'ficon';
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 25px;
    top: 0;
    height: 80px;
    line-height: 80px;
}
.accordion_header.active:before {content: "\e621";}
.accordion_header.active, .accordion_header:hover {background: #dfe7f0;}
.accordion_header .accordion_header_fixed_cover {
    width: 100%;
    height: 10px;
    background: #fff;
    position: absolute;
    top: -11px;
    left: -1px;
    right: 0;
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px;
    display: none;
}
.accordion_header.fixed {
    position: fixed;
    margin-top: 10px;
}
.accordion_header.fixed .accordion_header_fixed_cover {display: block;}
.accordion_header_image {
    float: left;
    height: 100%;
}
.xl_accordion_header_image {
    position: absolute;
    top: -1px;
    left: -1px;
    right: 0;
    width: 100%;
    height: 180px;
    border: 1px solid #cdd1da;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    -webkit-transition-property: height, opacity;
    transition-property: height, opacity;
    -webkit-transition-duration: 0.4s, 0.2s;
    transition-duration: 0.4s, 0.2s;
    -webkit-transition-delay: 0, 0.2s;
    transition-delay: 0, 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.xl_accordion_header {
    margin-bottom: 111px;
    -webkit-transition: margin 0.4s ease-out;
    transition: margin 0.4s ease-out;
}
.xl_accordion_header.active {margin-bottom: 10px;}
.xl_accordion_header.active .xl_accordion_header_image {
    height: 0;
    opacity: 0;
}
.xl_accordion_header .button {
    display: block;
    width: 200px;
    background: #fff;
    color: #0a1d3b;
    margin: 15px auto 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.xl_accordion_header:hover .button {
    background: #0a1d3b;
    color: #fff;
}
.xl_accordion_header_title_container {
    height: 100%;
    width: 100%;
    display: table;
}
.xl_accordion_header_title {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 28px;
    letter-spacing: 6px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #0a1d3b;
    padding: 0 100px;
}
.xl_accordion_header_title.header_title_light {color: #fff;}
.accordion_title_container {
    height: 100%;
    display: table;
}
.accordion_title {
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 2px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 60px 0 30px;
    color: #0a1d3b;
}
.treatment_cta {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #0a1d3b;
    text-align: center;
    margin: 40px 0 0;
    padding: 0 10px;
}
.treatment_cta:before, .treatment_cta:after {
    width: 100%;
    height: 8px;
    background: #eff3f8;
    content: "";
    display: block;
}
.treatment_cta:before {margin-bottom: 10px;}
.treatment_cta:after {margin-top: 10px;}
.accordion_content {
    border-style: solid;
    border-color: #cdd1da;
    border-width: 0 1px 1px;
    padding: 30px;
    background: #fff;
}
.accordion_content .content_page_textarea:first-of-type {margin-top: 0;}
.accordion_content .content_page_textarea:last-of-type {margin-bottom: 0;}
.hidden_text_section {margin: -10px 0 30px;}
.hidden_text_trigger {
    font-size: 14px;
    font-style: italic;
    color: #888;
    text-align: center;
    cursor: pointer;
    display: block;
    padding-bottom: 3px;
    border-bottom: 1px solid #fff;
    -webkit-transition-property: color, border-color;
    transition-property: color, border-color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hidden_text_trigger.active {
    color: #0a1d3b;
    border-color: #dfe7f0;
}
.hidden_text_section_content {
    margin: 20px;
    font-size: 14px;
    text-align: center;
}
.two_col_content_container {margin: 30px 0;}
.two_col_content_container:before, .two_col_content_container:after {
    content: " ";
    display: table;
}
.two_col_content_container:after {clear: both;}
.two_col_content_wrapper {
    width: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.two_col_content_wrapper.text_center {text-align: center;}
.two_col_content_wrapper.text_right {text-align: right;}
.two_col_content_left {
    float: left;
    padding-right: 15px;
}
.two_col_content_right {
    float: left;
    padding-left: 15px;
}
.no-boxsizing .two_col_content {width: 47%;}
@media screen and (min-width: 1200px) {
    .treatment_cta {font-size: 18px;}
}
@media screen and (min-width: 1150px) {
    .two_button_wrap .button {
        font-size: 14px;
        line-height: 38px;
    }
    .three_button_wrap .button {
        font-size: 16px;
        letter-spacing: 2px;
    }
    .content_page_two_col .content_page_subtitle {font-size: 20px;}
    .accordion_title {font-size: 22px;}
    .accordion_container {padding-top: 90px;}
    .accordion_header {height: 90px;}
    .accordion_header:before {
        height: 90px;
        line-height: 88px;
    }
    .xl_accordion_header_image {height: 220px;}
    .xl_accordion_header {margin-bottom: 141px;}
}
@media screen and (max-width: 999px) {
    .two_button_wrap .button {
        font-size: 12px;
        letter-spacing: 1px;
    }
    .two_button_wrap .button.right_arrow_button:after {right: 8px;}
    .three_button_wrap .button {
        font-size: 12px;
        line-height: 38px;
    }
    .three_button_wrap .button.right_arrow_button:after {right: 8px;}
    .content_page_two_col .content_page_subtitle {
        letter-spacing: 2px;
        font-size: 16px;
    }
    .accordion_container {padding-top: 70px;}
    .accordion_title {
        font-size: 18px;
        letter-spacing: 1px;
        padding-left: 20px;
    }
    .accordion_header {height: 70px;}
    .accordion_header:before {
        right: 20px;
        height: 70px;
        line-height: 68px;
    }
    .xl_accordion_header_image {height: 160px;}
    .xl_accordion_header {margin-bottom: 101px;}
    .xl_accordion_header_title {
        font-size: 22px;
        letter-spacing: 5px;
        padding: 0 60px;
    }
    .treatment_cta {
        font-size: 15px;
        letter-spacing: 2px;
    }
}
@media screen and (max-width: 900px) {
    .content_page_wrapper .room_details_title {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    .content_page_wrapper .room_details_title .content_page_subtitle {
        font-size: 18px;
        letter-spacing: 3px;
    }
    .rooms_overview_gallery {margin-bottom: 23px;}
    .content_page_wrapper .room_details_button_wrap {
        float: none;
        width: 400px;
        margin: 0 auto 30px;
        padding: 0;
    }
    .content_page_wrapper .room_details_button_wrap.fl, .content_page_wrapper .room_details_button_wrap.fr {padding: 0;}
    .two_col_content_wrapper {font-size: 0.9em;}
    .two_col_content_wrapper .small_content_title {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .two_button_wrap .button {
        font-size: 14px;
        letter-spacing: 1px;
        padding-right: 27px;
        padding: 0 10px;
    }
    .two_button_wrap .button.right_arrow_button:after {right: 8px;}
    .call_us_extra {display: none;}
    .three_button_wrap .extra, .two_button_wrap .button .extra {display: none;}
    .xl_accordion_header_title {
        font-size: 20px;
        letter-spacing: 3px;
    }
    .treatment_cta {
        font-size: 14px;
        letter-spacing: 1px;
    }
    .treatment_cta:before, .treatment_cta:after {height: 6px;}
}
@media screen and (max-width: 800px) {
    .treatment_cta {
        font-size: 12px;
        letter-spacing: 1px;
    }
}
@media screen and (min-width: 700px) and (max-width: 850px) {
    .two_col_content_wrapper {
        float: none;
        width: 100%;
        display: block;
        padding: 0;
        font-size: 1em;
    }
    .two_col_content_wrapper .small_content_title {
        font-size: 18px;
        letter-spacing: 2px;
    }
    .content_directory_col_item {
        float: none;
        width: 100%;
        display: block;
        padding: 0;
    }
    .three_button_wrap .button {letter-spacing: 0;}
}
@media screen and (max-width: 850px) {
    .accordion_container {padding-top: 60px;}
    .accordion_header {height: 60px;}
    .accordion_header:before {
        height: 60px;
        line-height: 58px;
    }
    .xl_accordion_header_image {height: 150px;}
}
@media screen and (max-width: 800px) {
    .accordion_title {
        font-size: 16px;
        padding-left: 15px;
    }
    .accordion_header:after {
        right: 15px;
        font-size: 14px;
    }
    .xl_accordion_header {margin-bottom: 91px;}
    .xl_accordion_header_image {height: 140px;}
    .xl_accordion_header_title {
        font-size: 18px;
        letter-spacing: 2px;
        padding: 0 30px;
    }
}
@media screen and (max-width: 699px) {
    .three_button_wrap .extra {display: inline;}
    .accordion_container {padding-top: 70px;}
    .accordion_title {
        font-size: 20px;
        padding-left: 20px;
    }
    .accordion_header {height: 70px;}
    .accordion_header:before {
        right: 20px;
        font-size: 16px;
        height: 70px;
        line-height: 68px;
    }
    .xl_accordion_header_image {height: 150px;}
    .xl_accordion_header_title {font-size: 22px;}
    .content_directory_col_item .directory_list_title {
        font-size: 18px;
        letter-spacing: 3px;
    }
}
@media screen and (max-width: 640px) {
    .content_page_two_col .form_datepicker_wrapper {
        left: auto;
        right: 2px;
    }
    .content_directory_col_item .directory_list_title {letter-spacing: 2px;}
}
@media screen and (max-width: 600px) {
    .three_button_wrap .extra {display: none;}
    .content_page_title .line1 {
        font-size: 26px;
        letter-spacing: 4px;
    }
    .content_page_title .line2 {
        font-size: 18px;
        letter-spacing: 4px;
    }
    .content_page_subtitle {
        font-size: 18px;
        letter-spacing: 3px;
    }
    .accordion_container {padding-top: 60px;}
    .accordion_title {
        font-size: 18px;
        padding-left: 18px;
    }
    .accordion_header {height: 60px;}
    .accordion_header:before {
        right: 15px;
        font-size: 16px;
        height: 60px;
        line-height: 58px;
    }
    .xl_accordion_header_image {height: 140px;}
    .xl_accordion_header_title {font-size: 20px;}
    textarea.text_input {padding: 10px;}
    .content_directory_col_item {
        float: none;
        width: 100%;
        display: block;
        padding: 0;
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 500px) {
    .content_page_wrapper .room_details_button_wrap {width: 280px;}
    .two_button_wrap .button {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 40px;
    }
    .two_button_wrap .button.right_arrow_button {padding-right: 25px;}
    .three_button_wrap .button {
        letter-spacing: 0;
        font-weight: 400;
        padding: 0 5px;
        text-align: center;
    }
    .three_button_wrap .button.right_arrow_button {padding: 0 15px 0 5px;}
    .three_button_wrap .button.right_arrow_button:after {right: 5px;}
    .three_button_wrap .stack_top {
        float: none;
        width: 100% !important;
        margin: 0 0 4% !important;
        font-size: 14px;
    }
    .three_button_wrap .stack_top .extra {display: inline;}
    .three_button_wrap .stack_bottom_l {
        width: 48% !important;
        float: left;
        margin: 0 !important;
        font-size: 14px;
    }
    .three_button_wrap .stack_bottom_r {
        width: 48% !important;
        float: right;
        margin: 0 !important;
        font-size: 14px;
    }
    .button.right_arrow_button.active:after {right: 7px;}
    .accordion_container {padding-top: 50px;}
    .accordion_title {
        font-size: 16px;
        padding-right: 40px;
    }
    .accordion_header {height: 50px;}
    .accordion_header:before {
        right: 15px;
        font-size: 14px;
        height: 50px;
        line-height: 48px;
    }
    .xl_accordion_header_image {height: 130px;}
    .xl_accordion_header_title {font-size: 18px;}
    .accordion_content {padding: 20px;}
    .content_feature_col_title {font-size: 16px;}
    .two_col_content_wrapper {
        float: none;
        width: 100%;
        display: block;
        padding: 0;
        text-align: center;
        font-size: 1em;
    }
    .two_col_content_wrapper .small_content_title {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .dining_menu_content {font-size: 14px;}
    .dining_menu_content h3 {font-size: 16px;}
    .dining_menu_content h4 {font-size: 14px;}
    .dining_menu_intro {
        font-size: 14px;
        letter-spacing: 2px;
    }
}
@media screen and (max-width: 450px) {
    .accordion_title {
        font-size: 14px;
        font-weight: 400;
        padding-left: 15px;
    }
    .accordion_header:before {right: 10px;}
    .xl_accordion_header {margin-bottom: 10px;}
    .xl_accordion_header_image {display: none;}
    .content_page_two_col {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }
    .content_page_two_col .form_datepicker_wrapper {
        right: auto;
        left: 0;
    }
    .two_button_wrap .button {margin-bottom: 20px;}
    .two_button_wrap .button .extra {display: inline;}
    .two_button_wrap .content_page_two_col:last-of-type .button {margin-bottom: 0;}
    .enquiry_form .content_page_three_col {
        width: 50% !important;
        margin-bottom: 15px !important;
    }
    .enquiry_form .content_page_three_col:nth-child(5) {
        padding: 0 5px 0 0 !important;
        z-index: 6 !important;
    }
    .enquiry_form .content_page_three_col:nth-child(6) {
        padding: 0 0 0 5px !important;
        z-index: 6 !important;
    }
    .enquiry_form .content_page_three_col:nth-child(7) {
        padding: 0 5px 0 0 !important;
        z-index: 4 !important;
    }
    .enquiry_form .content_page_three_col:nth-child(8) {
        padding: 0 0 0 5px !important;
        z-index: 4 !important;
    }
    .enquiry_form .content_page_three_col:nth-child(9) {
        padding: 0 5px 0 0 !important;
        z-index: 2 !important;
    }
    .enquiry_form .content_page_three_col:nth-child(10) {
        padding: 0 0 0 5px !important;
        z-index: 2 !important;
    }
    .form_dd_popup_wrap a {padding: 2px 14px;}
}
@media screen and (max-width: 400px) {
    .two_col_list ul,    ul.two_col_list,    .two_col_content {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }
    .content_page_title .line1 {
        font-size: 24px;
        letter-spacing: 3px;
    }
    .content_page_title .line2 {
        font-size: 16px;
        letter-spacing: 3px;
    }
    .content_page_title_underline {padding-bottom: 30px;}
    .content_page_subtitle {
        font-size: 16px;
        letter-spacing: 2px;
    }
    .content_page_subtitle.half_underline:after {
        width: 60%;
        left: 20%;
    }
    .small_content_title {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .content_page_textarea {margin: 20px 0;}
    .content_feature_col_title {letter-spacing: 1px;}
    .dining_menu_intro {
        font-size: 13px;
        letter-spacing: 1px;
    }
    .accordion_header_image {display: none;}
    .accordion_content {
        padding: 15px;
        font-size: 14px;
    }
}
@media screen and (max-width: 320px) {
    .form_datepicker_wrapper {width: 278px !important;}
}
.sidebar_block_item {width: 100%;}
.sidebar_block_item.no_image {
    padding-top: 50px;
    background: #eff3f8;
}
.sidebar_block_title {
    text-transform: uppercase;
    margin: 0 0 13px;
    font-family: 'Lato';
    letter-spacing: 0.1em;
    font-size: 1.5em;
    color: #0a1d3b;
}
.sidebar_block_content {
    padding: 45px 30px 29px;
    background: #eff3f8;
    text-align: center;
    position: relative;
    font-family: 'georgia';
    letter-spacing: 0.05em;
    color: #5b5c5e;
    font-size: 0.8em;
}
.sidebar_block_flag {
    padding: 0 10px;
    width: 50%;
    text-transform: uppercase;
    font-family: 'Lato';
    letter-spacing: 0.1em;
    font-size: 16px;
    font-weight: 300;
    color: #0a1d3b;
    text-align: center;
    border: 1px solid #c3cbd3;
    border: 1px solid rgba(10, 29, 59, 0.2);
    background: #dfe7f0;
    height: 40px;
    line-height: 38px;
    max-width: 280px;
    min-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    z-index: 10;
    margin: -21px auto;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.sidebar_block_item a:hover .home_lower_block_flag {
    background: #0a1d3b;
    color: #fff;
}
.page-id-39 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/rooms-header-bg-1400.jpg);}
.ie8 .page-id-39 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/rooms-header-bg-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-39 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/stay/rooms-header-bg-700.jpg);}
}
.rooms_readmore_desc_container, .rooms_readmore_form_container {margin-bottom: 60px;}
.rooms_readmore_form_container .enquiry_form {margin-top: 0;}
.page-id-61 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/upper-deck-header-bg.jpg);}
.ie8 .page-id-61 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/upper-deck-header-bg-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-61 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/upper-deck-header-bg-700.jpg);}
}
.page-id-63 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/jetty-header-1400.jpg);}
.ie8 .page-id-63 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/jetty-header-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-63 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/jetty-header-700.jpg);}
}
.page-id-65 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/afternoon-tea-header-1400.jpg);}
.ie8 .page-id-65 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/afternoon-tea-header-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-65 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/dining/afternoon-tea-header-700.jpg);}
}
.page-id-69 .content_page_main_header, .single-treatments .content_page_main_header, .single-spa-days .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/treatments-header-1400.jpg);}
.ie8 .page-id-69 .content_page_main_header, .single-treatments .content_page_main_header, .single-spa-days .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/treatments-header-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-69 .content_page_main_header,    .single-treatments .content_page_main_header,    .single-spa-days .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/treatments-header-700.jpg);}
}
.page-id-71 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-breaks-header-1400.jpg);}
.ie8 .page-id-71 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-breaks-header-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-71 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-breaks-header-700.jpg);}
}
.page-id-73 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-days-header-1400.jpg);}
.ie8 .page-id-73 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-days-header-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-73 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/spa-days-header-700.jpg);}
}
.single-spa-days .content_page_textarea.flex_index_1, .spa_day_wrapper .content_page_textarea.flex_index_1 {margin-top: 0;}
.single-spa-days .content_page_title .line2, .spa_day_wrapper .content_page_title .line2 {
    font-size: 18px;
    letter-spacing: 4px;
    color: #999;
    line-height: 1.4;
}
.spa_day_wrapper {
    padding-bottom: 30px;
    border-bottom: 1px solid #eff3f8;
    margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
    .single-spa-days .content_page_title .line2,    .spa_day_wrapper .content_page_title .line2 {
        font-size: 16px;
        letter-spacing: 2px;
    }
}
@media screen and (max-width: 600px) {
    .single-spa-days .content_page_title .line2,    .spa_day_wrapper .content_page_title .line2 {
        font-size: 14px;
        letter-spacing: 1px;
    }
}
.page-id-75 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/membership-header-1400.jpg);}
.ie8 .page-id-75 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/membership-header-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-75 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/spa/membership-header-700.jpg);}
}
.page-id-75 .flex_index_4 {margin-bottom: 10px;}
.page-id-75 .flex_index_5 {margin-top: 0;}
.page-id-79 .content_page_main_header {
    background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/venue-header-1400.jpg);
    background-position: left center;
}
.ie8 .page-id-79 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/venue-header-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-79 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/venue-header-700.jpg);}
}
.page-id-83 .content_page_main_header {
    background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/civil-header-1400.jpg);
    background-position: left center;
}
.ie8 .page-id-83 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/civil-header-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-83 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/civil-header-700.jpg);}
}
.page-id-423 .content_page_main_header {
    background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/brochure-header-1400.jpg);
    background-position: left center;
}
.ie8 .page-id-423 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/brochure-header-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-423 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/brochure-header-700.jpg);}
}
.page-id-81 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/suppliers-header-1400.jpg);}
.ie8 .page-id-81 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/suppliers-header-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-81 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/suppliers-header-700.jpg);}
}
.page-id-85 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/header-flowers-1400.jpg);}
.ie8 .page-id-85 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/header-flowersie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-85 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/header-flowers-700.jpg);}
}
.page-id-87 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/real-header-1400.jpg);}
.ie8 .page-id-87 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/real-header-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-87 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/weddings/real-header-700.jpg);}
}
.image_link_wrapper {
    position: relative;
    margin-bottom: 30px;
}
.image_link_wrapper img {
    display: block;
    padding-bottom: 37px;
}
.image_link_wrapper .image_link_label {
    border: 1px solid #0a1d3b;
    background: #fff;
    color: #0a1d3b;
    padding: 8px 10px;
    font-size: 14px;
    font-family: 'lato';
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.image_link_wrapper a:hover .image_link_label {
    background: #0a1d3b;
    color: #fff;
}
@media screen and (max-width: 500px) {
    .image_link_wrapper {margin-bottom: 20px;}
}
.page-id-77 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/corporate/corporate-header-1400.jpg);}
.ie8 .page-id-77 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/corporate/corporate-header-ie8.jpg);}
@media screen and (max-width: 699px) {
    .page-id-77 .content_page_main_header {background-image: url(http: //www.christchurch-harbour-hotel.co.uk/images/corporate/corporate-header-700.jpg);}
}
.generic_form_container, .enquire_form_unit_container {margin: 30px 0;}
.form_intro_label {
    margin: 20px 0 0;
    font-style: italic;
    text-align: center;
}
.spemail {display: none !important;}
.val_wrapper {
    position: relative;
    margin-bottom: 15px;
}
label.error {
    position: absolute;
    bottom: -17px;
    left: 7px;
    font-size: 12px;
    color: #fff;
    background: #2b7ab3;
    padding: 4px 10px 3px 5px;
    z-index: 20;
    font-family: 'Lato', sans-serif;
}
.fr label.error {left: 22px;}
@media screen and (max-width: 450px) {
    .fr label.error {left: 7px;}
}
.textarea_val_wrapper label.error {
    bottom: -9px;
    left: 7px;
}
.form_label {
    display: block;
    line-height: 1.2;
    color: #747780;
    padding: 0 13px 7px;
    font-family: 'Lato';
    font-size: 12px;
    letter-spacing: 2px;
    position: relative;
}
.form_label .req {
    color: #e10000;
    font-weight: 600;
    font-size: 13px;
    line-height: 12px;
    position: absolute;
    padding: 0 3px;
}
.checkbox_label {
    line-height: 1.4;
    cursor: pointer;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    font-weight: 700;
    letter-spacing: 1px;
    color: #0a1d3b;
}
.checkbox_label:hover {color: #0a1d3b;}
.inline_checkboxes:before, .inline_checkboxes:after {
    content: " ";
    display: table;
}
.inline_checkboxes:after {clear: both;}
.inline_checkboxes .checkbox_label {
    float: left;
    margin-right: 20px;
    padding-left: 0;
    font-weight: 400;
    color: #747780;
    letter-spacing: 2px;
}
.borderradius .form_label .req {
    width: 4px;
    height: 4px;
    background: #2b7ab3;
    text-indent: -900px;
    overflow: hidden;
    border-radius: 2px;
    padding: 0;
    margin: 0 0 0 2px;
    top: -2px;
}
.text_input {
    width: 100%;
    height: 40px;
    padding: 0 14px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #0a1d3b;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d2d9e3;
    border-radius: 0;
    background: #fff;
    font-family: 'Lato';
    resize: none;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: 0 0 6px rgba(42, 43, 43, 0.07) inset;
}
.text_input:hover {
    color: #03080f;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.text_input:focus {
    color: #03080f;
    border-color: #b3becf;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
textarea.text_input {
    height: 100px;
    resize: none;
    padding: 10px 14px;
}
.ie8 .text_input {padding-top: 10px;}
.no-boxsizing .text_input {
    width: 95%;
    padding: 15px 15px 10px;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
::-webkit-input-placeholder {
    color: #0a1d3b;
    opacity: 0.4;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
input:-moz-placeholder {
    color: #0a1d3b;
    opacity: 0.4;
    transition: all 0.3s ease-out;
}
input::-moz-placeholder {
    color: #0a1d3b;
    opacity: 0.4;
    transition: all 0.3s ease-out;
}
input:-ms-input-placeholder {
    color: #0a1d3b;
    opacity: 0.4;
    transition: all 0.3s ease-out;
}
input:hover::-webkit-input-placeholder {
    color: #0e2a55;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
input:hover:-moz-placeholder {
    color: #0e2a55;
    opacity: 0.5;
    transition: all 0.3s ease-out;
}
input:hover::-moz-placeholder {
    color: #0e2a55;
    opacity: 0.5;
    transition: all 0.3s ease-out;
}
input:hover:-ms-input-placeholder {
    color: #0e2a55;
    opacity: 0.5;
    transition: all 0.3s ease-out;
}
input:focus::input-placeholder {opacity: 0.2;}
input:focus::-webkit-input-placeholder {opacity: 0.2;}
input:focus:-moz-placeholder {opacity: 0.2;}
input:focus::-moz-placeholder {opacity: 0.2;}
input:focus:-ms-input-placeholder {opacity: 0.2;}
.autolabel_item {
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 11px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.autolabel_item.active {
    opacity: 0.4;
    top: -14px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.no-opacity .autolabel_item {display: none;}
.no-opacity .autolabel_item.active {
    display: block;
    color: #b1b1b1;
    top: -14px;
}
.datepicker_input:after {
    content: "\e115";
    font-family: 'ficon';
    color: #eff3f8;
    position: absolute;
    right: 15px;
    top: 14px;
    line-height: 1;
    pointer-events: none;
    z-index: 10;
}
.datepicker_input input {padding-right: 45px;}
.form_submit {
    height: 45px;
    line-height: 47px;
    padding: 0 45px 0 15px;
    margin: 0;
    text-align: left;
    background: #eff3f8;
    color: #fff;
    border: none;
    position: relative;
    display: block;
    width: 100%;
    font-size: 0.9em;
    letter-spacing: 1px;
    font-family: 'effra';
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
}
.form_submit .ficon {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 1em;
    line-height: 1;
}
.form_submit .shortlabel {display: none;}
.form_submit:hover {
    background: white;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.form_submit:active {background: #dde6f0;}
.form_spinner {
    width: 34px;
    height: 34px;
    float: right;
    color: #2b7ab3;
}
.form_dd_wrap {position: relative;}
.form_dd_popup_wrap {
    background: #0a1d3b;
    padding: 5px 0 7px;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-font-smoothing: subpixel-antialiased;
}
.form_dd_popup_wrap a {
    display: block;
    color: #fff;
    padding: 3px 14px;
    cursor: pointer;
    font-family: 'Lato';
    font-size: 14px;
    line-height: 1.3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form_dd_popup_wrap a:hover {color: #7396c2;}
.form_dd_input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
    border: 1px solid #d2d9e3;
    background: #fff;
    color: #0a1d3b;
    font-family: 'Lato';
    font-size: 14px;
    letter-spacing: 1px;
    display: block;
    padding: 0 35px 0 14px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: border 0.3s ease-out;
    transition: border 0.3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 6px rgba(42, 43, 43, 0.07) inset;
}
.form_dd_input:after {
    content: "\e61c";
    font-family: 'ficon';
    font-size: 12px;
    position: absolute;
    right: 12px;
    top: 1px;
}
.form_datepicker_input {
    height: 40px;
    width: 100%;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 40px;
    float: left;
    border: 1px solid #d2d9e3;
    background: #fff;
    color: #0a1d3b;
    font-family: 'Lato';
    display: block;
    padding: 0 10px;
    cursor: pointer;
    -webkit-transition: border 0.3s ease-out;
    transition: border 0.3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 6px rgba(42, 43, 43, 0.07) inset;
}
.date_input_arrow {
    font-size: 12px;
    position: absolute;
    right: 13px;
    top: 15px;
    pointer-events: none;
    -webkit-font-smoothing: subpixel-antialiased;
}
.form_datepicker_wrapper {
    width: 300px;
    position: absolute;
    left: 0;
    top: 40px;
}
.form_datepicker_wrapper .Zebra_DatePicker {
    font-family: 'Lato';
    -webkit-font-smoothing: subpixel-antialiased;
}
.active .form_dd_input, .active .form_datepicker_input {
    color: #03080f;
    border-color: #b3becf;
}
.no-csstransforms .inactive .form_dd_popup_wrap, .no-csstransforms .inactive .form_datepicker_wrapper {display: none;}
.no-csstransforms .active .form_dd_popup_wrap, .no-csstransforms .active .form_datepicker_wrapper {display: block;}
.csstransforms.opacity .form_dd_wrap {
    -webkit-perspective: 500px;
    perspective: 500px;
}
.csstransforms.opacity .form_dd_popup_wrap, .csstransforms.opacity .form_datepicker_wrapper {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
}
.csstransforms.opacity .inactive .form_dd_popup_wrap {
    background: black;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 15px, 0) rotateX(-30deg);
    transform: translate3d(0, 15px, 0) rotateX(-30deg);
}
.csstransforms.opacity .inactive .form_dd_popup_wrap a {color: #a8bed9;}
.csstransforms.opacity .inactive .form_datepicker_wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 15px, 0) rotateX(-30deg);
    transform: translate3d(0, 15px, 0) rotateX(-30deg);
}
.csstransforms.opacity .active .form_dd_popup_wrap, .csstransforms.opacity .active .form_datepicker_wrapper {
    visibility: visible;
    opacity: 1;
}
.form_spinner {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 7px 0 0 -10px;
    color: #0a1d3b;
}
.form_success {
    color: #2b7ab3;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    margin: 0;
    display: none;
}
.brochure_download_success {
    clear: both;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    margin: 0;
    display: none;
}
.brochure_download_success a {color: #2b7ab3;}
@media screen and (max-width: 850px) {
    .form_dd_input {letter-spacing: 0;}
}
@media screen and (max-width: 800px) {
    .boxsizing .content_page_two_col.fl {padding-right: 5px;}
    .boxsizing .content_page_two_col.fr {padding-left: 5px;}
    .boxsizing .content_page_three_col.col1 {padding-right: 5px;}
    .boxsizing .content_page_three_col.col2 {
        padding-right: 5px;
        padding-left: 5px;
    }
    .boxsizing .content_page_three_col.col3 {padding-left: 5px;}
    .content_page_two_col .form_label {padding: 0 0 6px 10px;}
    .content_page_three_col .form_label {padding: 0 0 6px 10px;}
    .content_page_three_col .text_input {padding: 0 10px;}
    .content_page_three_col .form_dd_input {padding: 0 25px 0 10px;}
    .enquiry_form .form_label {letter-spacing: 1px;}
    .enquiry_form .checkbox_label {padding-right: 15px;}
    .enquiry_form .submit_button {font-size: 14px;}
}
.posts_container {
    background: #eff3f8;
    max-width: 1400px;
    margin: 0 auto;
    min-height: 400px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
}
.posts_container:before, .posts_container:after {
    content: " ";
    display: table;
}
.posts_container:after {clear: both;}
.posts_main_container {
    float: right;
    width: 75%;
    background: #fff;
    min-height: 400px;
}
.posts_main_wrapper {padding: 16px 15px;}
.posts_main_wrapper:before, .posts_main_wrapper:after {
    content: " ";
    display: table;
}
.posts_main_wrapper:after {clear: both;}
.single .posts_main_wrapper {
    padding: 30px 30px 30px 110px;
    min-height: 400px;
    position: relative;
}
.single .hidden_text_section {margin: 40px 0 10px;}
.single_post_share_sidebar {
    width: 80px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #dfe7f0;
}
.single_post_share_wrapper {
    margin: 10px;
    position: fixed;
    width: 60px;
    font-size: 13px;
}
.single_post_share_wrapper:before, .single_post_share_wrapper:after {
    content: " ";
    display: table;
}
.single_post_share_wrapper:after {clear: both;}
.single_post_share_wrapper p {margin-bottom: 10px;}
.socialite {
    width: 60px;
    height: 60px;
    display: block;
    cursor: pointer;
}
.socialite .ficon {
    display: block;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.socialite.loading {background: none;}
.socialite.loading .ficon {display: none;}
.socialite.socialite-loaded {height: auto;}
.facebook-like {color: #3b5998;}
.facebook-like .ficon {background: #3b5998;}
.facebook-like:hover .ficon {background: #4c70ba;}
.facebook-like.socialite-loaded {margin: 4px 0 15px 6px;}
.twitter-share {color: #00aced;}
.twitter-share .ficon {background: #00aced;}
.twitter-share:hover .ficon {background: #21c2ff;}
.twitter-share.socialite-loaded {margin: 0 0 10px 1px;}
.linkedin-share {color: #007bb6;}
.linkedin-share .ficon {background: #007bb6;}
.linkedin-share:hover .ficon {background: #0093da;}
.linkedin-share.socialite-loaded {margin: 0 0 10px 0;}
.googleplus-one {color: #dd4b39;}
.googleplus-one .ficon {background: #dd4b39;}
.googleplus-one:hover .ficon {background: #e15f4f;}
.googleplus-one.socialite-loaded {margin: 0 0 5px 4px;}
.sidebar_container {
    float: left;
    width: 25%;
    background: #eff3f8;
    font-family: 'Lato', sans-serif;
}
.blog_sidebar {position: fixed;}
.offer_feed .blog_sidebar {position: relative;}
.sidebar_widgets {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.sidebar_widgets>li {
    margin-bottom: 30px;
    padding: 15px 30px;
}
.sidebar_widgets a {
    color: #747780;
    font-size: 18px;
    -webkit-font-smoothing: subpixel-antialiased;
}
.sidebar_widgets a:hover {color: #666;}
.sidebar_widgets .widgettitle {margin-bottom: 0;}
.widgettitle {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #bccde0;
    margin: 0 0 20px;
}
.sidebar_filter_label {
    padding: 15px 30px;
    text-transform: uppercase;
    font-size: 12px;
}
.sidebar_filter_label span:after {
    content: "\e3b6";
    font-family: 'ficon';
}
li.widget_categories {padding: 0;}
li.widget_categories li {border-bottom: 1px solid #dfe7f0;}
li.widget_categories .cat-item a {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #0a1d3b;
    display: block;
    line-height: 1;
    padding: 20px 30px 22px;
}
li.widget_categories .cat-item a:hover {background: #f6f8fb;}
li.widget_categories .cat-item a:active {color: #222;}
li.widget_categories .cat-item:first-of-type a {padding-top: 26px;}
li.current-cat.cat-item a, li.current-cat.cat-item a:hover {background: #dfe7f0;}
.post_archive_header {
    position: relative;
    z-index: 5;
    margin: 0 auto;
    max-width: 1400px;
}
.post_archive_header img {display: block;}
.post_archive_header .archive_title {
    margin: 0;
    font-size: 34px;
    line-height: 1;
    position: absolute;
    left: 5%;
    top: 50%;
    margin-top: -20px;
    text-transform: uppercase;
    color: #fff;
    font-family: lato, sans-serif;
    letter-spacing: 2px;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.post_feed_wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 50%;
    float: left;
}
.post_feed_wrapper:nth-child(odd) {clear: both;}
.posts_container:not(.offer_feed) .post_feed_wrapper:nth-child(odd) .post_feed_item {margin-right: 7px;}
.posts_container:not(.offer_feed) .post_feed_wrapper:nth-child(even) .post_feed_item {margin-left: 7px;}
.featured_post .post_feed_wrapper {
    float: none;
    width: 100%;
}
.featured_post .post_feed_wrapper .post_feed_item {margin: 0;}
.no-box-sizing .post_feed_wrapper {width: 40%;}
.no-box-sizing .featured_post .post_feed_wrapper {width: 90%;}
.offer_feed .posts_main_wrapper {padding: 20px;}
.offer_feed .post_feed_wrapper {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
.offer_feed .post_feed_item {
    margin: 0;
    padding: 20px;
}
.offer_feed .post_feed_item:before, .offer_feed .post_feed_item:after {
    content: " ";
    display: table;
}
.offer_feed .post_feed_item:after {clear: both;}
.offer_feed .post_feed_image_container {
    float: left;
    width: 48%;
    margin: 0;
}
.offer_feed .post_feed_image_wrapper {
    width: 100%;
    height: 0;
    margin: 0;
    padding-bottom: 50.90909%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}
.offer_feed .post_feed_text_wrapper {
    float: right;
    width: 52%;
}
.offer_feed .post_feed_title {
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    margin: 15px 10px 0 30px;
}
.offer_feed .post_feed_desc {
    margin: 10px 0 0 30px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 1100px) {
    .offer_feed .post_feed_title {font-size: 28px;}
}
@media screen and (min-width: 1200px) {
    .offer_feed .post_feed_title {font-size: 32px;}
    .offer_feed .post_feed_image_container {width: 54%;}
    .offer_feed .post_feed_text_wrapper {width: 46%;}
}
@media screen and (min-width: 1300px) {
    .offer_feed .post_feed_title {font-size: 36px;}
    .offer_feed .post_feed_desc {font-size: 18px;}
}
@media screen and (max-width: 1000px) {
    .offer_feed .post_feed_title {
        margin: 10px 10px 0 25px;
        font-size: 22px;
    }
    .offer_feed .post_feed_desc {margin: 10px 0 0 25px;}
    .offer_feed .post_feed_image_wrapper {
        padding: 0;
        height: 160px;
    }
}
@media screen and (max-width: 900px) {
    .offer_feed .post_feed_image_container {width: 46%;}
    .offer_feed .post_feed_text_wrapper {width: 54%;}
    .offer_feed .post_feed_title {font-size: 20px;}
    .offer_feed .post_feed_desc {font-size: 14px;}
}
@media screen and (max-width: 800px) {
    .offer_feed .post_feed_image_wrapper {
        padding: 0;
        height: 140px;
    }
    .offer_feed .post_feed_title {margin-left: 20px;}
    .offer_feed .post_feed_desc {margin-left: 20px;}
}
@media screen and (max-width: 600px) {
    .offer_feed .post_feed_image_container {width: 44%;}
    .offer_feed .post_feed_text_wrapper {width: 56%;}
}
@media screen and (max-width: 500px) {
    .offer_feed .posts_main_wrapper {padding: 15px;}
    .offer_feed .post_feed_wrapper {margin-bottom: 15px;}
    .offer_feed .post_feed_item {padding: 15px;}
    .offer_feed .post_feed_image_container {width: 40%;}
    .offer_feed .post_feed_text_wrapper {width: 60%;}
    .offer_feed .post_feed_image_wrapper {height: 120px;}
    .offer_feed .post_feed_title {
        margin: 2px 10px 0 15px;
        font-size: 18px;
    }
    .offer_feed .post_feed_desc {
        margin-left: 15px;
        margin-top: 5px;
        font-size: 12px;
    }
}
@media screen and (max-width: 400px) {
    .offer_feed .post_feed_item {padding: 10px;}
    .offer_feed .post_feed_image_container {width: 28%;}
    .offer_feed .post_feed_text_wrapper {width: 72%;}
    .offer_feed .post_feed_image_wrapper {height: 85px;}
    .offer_feed .post_feed_title {
        margin-left: 10px;
        margin-top: -4px;
        font-size: 16px;
    }
    .offer_feed .post_feed_desc {
        margin-left: 10px;
        display: block;
    }
}
.post_feed_item {
    padding: 15px;
    background: #eff3f8;
    -webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
.post_feed_image_placeholder {
    display: block;
    height: 0;
    padding-top: 50.9%;
    background: #f6f8fb;
    margin-bottom: 10px;
    position: relative;
}
.post_feed_image_placeholder:before {
    content: "\e624";
    font-family: 'ficon';
    font-size: 100px;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    color: #e8eef5;
    line-height: 100px;
    text-align: center;
}
.opacity .post_feed_image_placeholder:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    background-image: -webkit-radial-gradient(ellipse, transparent 50%, rgba(0, 0, 0, 0.7));
    background-image: radial-gradient(ellipse, transparent 50%, rgba(0, 0, 0, 0.7));
}
.opacity .post_feed_item:hover .post_feed_image_placeholder:after {opacity: 0.1;}
.post_feed_image_wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
.post_feed_image_wrapper img {display: block;}
.opacity.no-touch .post_feed_image_wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 10;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    background-image: -webkit-radial-gradient(ellipse, transparent 50%, rgba(0, 0, 0, 0.8));
    background-image: radial-gradient(ellipse, transparent 50%, rgba(0, 0, 0, 0.8));
}
.opacity.no-touch .post_feed_item:hover .post_feed_image_wrapper:after {opacity: 0.35;}
.post_feed_title {
    font-size: 16px;
    text-transform: uppercase;
    color: #0a1d3b;
    letter-spacing: 2px;
    font-family: 'Lato', sans-serif;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin: 0;
}
.post_feed_item:hover {background: #dfe7f0;}
.post_feed_item:hover .post_feed_title {color: #153d7c;}
.post_feed_desc {
    margin: 5px 0 0;
    font-size: 13px;
    color: #747780;
}
.featured_post .post_feed_title {font-size: 20px;}
.feed_block .post_feed_image_placeholder {margin-bottom: 0;}
.single_post_header_image {
    display: block;
    margin-bottom: 20px;
}
.single_post_title {
    font-family: 'Lato';
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 0 0 20px;
    color: #0a1d3b;
}
.single_post_content h2, .single_post_content h3, .single_post_content h4 {
    font-family: 'Lato';
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #0a1d3b;
    margin: 1.75em 0 0.5em;
}
@media screen and (max-width: 900px) {
    .single_post_title {
        font-size: 1.8em;
        letter-spacing: 3px;
    }
    .single_post_content h2 {font-size: 1.6em;}
    .single_post_content h3 {font-size: 1.4em;}
    .single_post_content h4 {font-size: 1.2em;}
    .single .posts_main_wrapper {padding-left: 30px;}
    .single_post_share_sidebar {
        position: static;
        width: 100%;
        background: none;
    }
    .single_post_share_wrapper {
        position: relative;
        left: 10px;
        margin: 0 auto;
        width: 280px;
    }
    .socialite {
        float: left;
        margin-right: 10px;
    }
    .facebook-like.socialite-loaded {margin-top: 0;}
    .twitter-share.socialite-loaded {margin-right: 10px;}
    .linkedin-share.socialite-loaded {margin-right: 10px;}
    .facebook-like.socialite-loaded {margin-top: 0;}
    .post_feed_image_placeholder:before {font-size: 50px;}
}
@media screen and (max-width: 800px) {
    li.widget_categories .cat-item a {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
    }
    .sidebar_filter_label {
        padding-left: 20px;
        padding-right: 20px;
    }
    .post_archive_header .archive_title {font-size: 28px;}
}
.mobile_toggle {display: none;}
@media screen and (max-width: 699px) {
    .posts_main_container {
        float: none;
        width: 100%;
    }
    .post_archive_header .archive_title {
        font-size: 22px;
        margin-top: -12px;
    }
    .sidebar_container {
        float: none;
        width: 250px;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 10;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.495, 0.63, 0.22, 1);
        transition: transform 0.4s cubic-bezier(0.495, 0.63, 0.22, 1);
    }
    .sidebar_container .mobile_toggle {
        width: 22px;
        height: 40px;
        border-radius: 0 2px 2px 0;
        background: #eff3f8;
        color: #0a1d3b;
        font-size: 20px;
        text-align: center;
        line-height: 40px;
        position: absolute;
        top: 50%;
        right: -18px;
        margin-top: 3px;
        display: block;
        cursor: pointer;
        z-index: 100;
        box-shadow: 3px 0 2px -2px rgba(0, 0, 0, 0.25);
    }
    .sidebar_container.inactive .current-cat.cat-item a {background: none !important;}
    .blog_sidebar {margin-top: 46px;}
    .sidebar_container, .sidebar_container .mobile_toggle {background: #dfe7f0;}
    li.current-cat.cat-item a {background: #eff3f8;}
    .single .posts_main_wrapper {
        margin: 0;
        padding: 30px;
        background: #fff;
    }
    .pointerevents .posts_main_container:after {
        content: "";
        position: fixed;
        top: 46px;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
        background: #0a1d3b;
        opacity: 0;
        z-index: 8;
        -webkit-transition: opacity 0.4s ease-out;
        transition: opacity 0.4s ease-out;
    }
    .pointerevents .post_sidebar_active .posts_main_container:after {
        opacity: 0.5;
        pointer-events: auto;
    }
    .csstransforms .sidebar_container {
        -webkit-transform: translateX(-245px);
        -ms-transform: translateX(-245px);
        transform: translateX(-245px);
    }
    .csstransforms .post_sidebar_active .sidebar_container {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .no-csstransforms .sidebar_container {left: -245px;}
    .no-csstransforms .post_sidebar_active .sidebar_container {left: 0;}
    .opacity .post_feed_image_wrapper:after {
        content: none;
        display: none;
    }
    .socialite {
        width: 54px;
        height: 54px;
    }
    .single_post_content h2, .single_post_content h3, .single_post_content h4 {margin-top: 1em;}
    .single_post_title {
        font-size: 28px;
        letter-spacing: 2px;
    }
}
@media screen and (max-width: 500px) {
    .post_archive_header .archive_title {
        font-size: 18px;
        margin-top: -9px;
    }
    .post_feed_image_placeholder:before {font-size: 30px;}
    .posts_main_wrapper {padding: 12px 10px 22px 15px;}
    .single .posts_main_wrapper {padding: 22px 20px 22px 25px;}
    .post_feed_image_wrapper, .post_feed_image_placeholder {margin-bottom: 5px;}
    .post_feed_wrapper {margin-bottom: 10px;}
    .post_feed_item {padding: 10px 10px 8px;}
    .featured_post .post_feed_title {font-size: 18px;}
    .post_feed_title {
        font-size: 14px;
        letter-spacing: 1px;
    }
    .post_feed_desc {font-size: 12px;}
    .single_post_header_image {margin-bottom: 15px;}
    li.widget_categories .cat-item a {font-size: 18px;}
    li.widget_categories .cat-item:first-of-type a {padding-top: 20px;}
    .post_container:not(.offer_feed) .post_feed_wrapper:nth-child(odd) .post_feed_item {margin-right: 5px;}
    .post_container:not(.offer_feed) .post_feed_wrapper:nth-child(even) .post_feed_item {margin-left: 5px;}
    .single_post_title {
        font-size: 24px;
        letter-spacing: 1px;
    }
    .single_post_content h2, .single_post_content h3, .single_post_content h4 {letter-spacing: 1px;}
    .single_post_content h2 {font-size: 22px;}
    .single_post_content h3 {font-size: 20px;}
    .single_post_content h4 {font-size: 18px;}
}
@media screen and (max-width: 400px) {
    .post_feed_desc {display: none;}
    .single_post_title {font-size: 22px;}
    .single_post_content h2 {font-size: 20px;}
    .single_post_content h3 {font-size: 18px;}
    .single_post_content h4 {font-size: 16px;}
}
.alignleft {
    float: left;
    margin: 0 30px 30px 0;
}
.alignright {
    float: right;
    margin: 0 0 30px 30px;
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.single_post_nav {
    height: 25px;
    margin: 60px 0 30px;
    position: relative;
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.single_post_nav .post_nav_up {text-align: center;}
.single_post_nav .post_nav_prev {
    position: absolute;
    left: 0;
    top: 0;
}
.single_post_nav .post_nav_prev .ficon {padding-right: 5px;}
.single_post_nav .post_nav_next {
    position: absolute;
    right: 0;
    top: 0;
}
.single_post_nav .post_nav_next .ficon {padding-left: 5px;}
.single_post_nav p {margin: 0;}
.single_post_nav a {
    color: #747780;
    font-size: 0.8em;
    position: relative;
}
.single_post_nav a:hover {color: #0a1d3b;}
.single_post_nav a:active {color: #03080f;}
.single_post_nav .ficon {
    position: relative;
    top: 1px;
    font-size: 11px;
}
.opacity .single_post_nav .post_title_label {
    position: absolute;
    top: -23px;
    width: 400px;
    color: #747780;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.no-opacity .single_post_nav .post_title_label {display: none;}
.post_nav_next .post_title_label {text-align: right;}
.single_post_nav a:hover .post_title_label {opacity: 1;}
.post_nav_prev a .post_title_label {left: -20px;}
.post_nav_next a .post_title_label {right: -20px;}
.post_nav_prev a:hover .post_title_label {left: 0;}
.post_nav_next a:hover .post_title_label {right: 0;}
.touch .post_title_label {display: none;}
@media screen and (max-width: 500px) {
    .post_title_label {display: none;}
}
#gmap_container {
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: #333;
    position: relative;
}
#gmap_wrapper {
    width: 100%;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#gmap_container, #gmap_wrapper {height: 300px;}
@media screen and (min-width: 1200px) {
    #gmap_container,    #gmap_wrapper {height: 350px;}
}
@media screen and (min-width: 1400px) {
    #gmap_container,    #gmap_wrapper {height: 400px;}
}
@media screen and (max-width: 900px) {
    #gmap_container,    #gmap_wrapper {height: 260px;}
}
#gmap_img {
    width: 100%;
    height: 140px;
    display: none;
    background: url('http: //maps.googleapis.com/maps/api/staticmap?center=50.728691, -1.745351&zoom=11&size=550x140&sensor=false&visual_refresh=true') center center no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx) {
    #gmap_img {
        background: url('http: //maps.googleapis.com/maps/api/staticmap?center=50.728691, -1.745351&zoom=11&size=550x140&scale=2&sensor=false&visual_refresh=true') center center no-repeat;
        background-size: 550px 140px;
    }
}
.gmap_label {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -149px 0 0 -136px;
}
#gmap_wrapper img {max-width: none;}
.gmap_ext_link {
    display: none;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 140px;
}
.gmap_ext_link .label {
    position: absolute;
    left: 50%;
    bottom: -10px;
    opacity: 0;
    width: 100px;
    margin: 0 0 0 -73px;
    background: #0a1d3b;
    font-family: 'lato';
    font-size: 14px;
    color: #fff;
    padding: 0 30px 0 5px;
    line-height: 29px;
    height: 30px;
    -webkit-transition-property: bottom, opacity;
    transition-property: bottom, opacity;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.gmap_ext_link .label:after {
    content: "\e61e";
    font-family: 'ficon';
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 0;
    height: 30px;
    line-height: 32px;
}
.window-load .gmap_ext_link .label {
    bottom: 15px;
    opacity: 1;
}
@media screen and (max-width: 550px) {
    #gmap_wrapper {display: none;}
    #gmap_img {display: block;}
    #gmap_container {height: 140px;}
    .gmap_ext_link {display: block;}
}
.contact_sidebar {background: #eff3f8;}
.contact_sidebar_title {
    background: #0a1d3b;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-size: 20px;
    font-family: 'lato', sans-serif;
    padding: 20px;
    text-align: center;
}
.departments_details {
    padding: 0 15px;
    text-align: center;
}
.departments_details a {
    font-size: 0.8em;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: #747780;
}
.departments_details a:hover {color: #0a1d3b;}
.department_select_container {width: 100%;}
.department_select_container ul {border: 1px solid #dfe7f0;}
.department_select_container ul:before, .department_select_container ul:after {
    content: " ";
    display: table;
}
.department_select_container ul:after {clear: both;}
.department_select_container li {
    float: left;
    width: 20%;
}
.department_select_container a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-family: 'lato', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
    background: #eff3f8;
    cursor: pointer;
}
.department_select_container a:hover {background: #f6f8fb;}
.department_select_container a.active {
    background: #0a1d3b;
    color: #fff;
}
.boxsizing .department_select_container li {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #dfe7f0;
}
.boxsizing .department_select_container li:last-of-type {border: none;}
@media screen and (min-width: 1100px) {
    .department_select_container a {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
    .department_select_container a {letter-spacing: 2px;}
}
@media screen and (max-width: 999px) {
    .contact_sidebar_title {
        font-size: 18px;
        letter-spacing: 5px;
        padding: 15px;
    }
}
@media screen and (max-width: 950px) {
    .department_select_container a {
        letter-spacing: 0;
        height: 40px;
        line-height: 40px;
    }
}
@media screen and (max-width: 850px) {
    .contact_sidebar_title {
        font-size: 16px;
        letter-spacing: 4px;
    }
    .department_select_container a {font-size: 11px;}
}
@media screen and (max-width: 750px) {
    .page-id-27 .generic_two_col_left,    .page-id-27 .generic_two_col_right {
        float: none;
        width: 100%;
        min-height: 0 !important;
        background: none;
    }
    .page-id-27 .departments_details {
        margin: 0;
        padding: 30px 15px;
    }
    .page-id-27 .contact_sidebar_title {display: none;}
    .page-id-27 .generic_two_col_left .flex_index_1, .page-id-27 .generic_two_col_left .flex_index_2 {display: none;}
}
@media screen and (max-width: 550px) {
    .department_select_container li {
        float: none;
        width: 100%;
    }
    .department_select_container a {
        font-size: 14px;
        letter-spacing: 4px;
        height: 36px;
        line-height: 36px;
    }
    .boxsizing .department_select_container li {
        border-right: none;
        border-bottom: 1px solid #dfe7f0;
    }
}
@media screen and (max-width: 400px) {
    .department_select_container a {font-size: 12px;}
}
body.page-template-page-templatestour-php {overflow: hidden;}
body.page-template-page-templatestour-php .site_footer {display: none;}
.error404_container {
    background: url(http: //www.christchurch-harbour-hotel.co.uk/images/home/kayak-2560.jpg) center center;
    background-size: cover;
}
.error404_msg {
    font-size: 32px;
    color: #eff3f8;
    text-align: center;
    height: 52px;
    line-height: 52px;
    position: absolute;
    top: 20px;
    left: 20px;
}
#home_lower_arrow {display: none;}
#home_lower {border-top: 1px solid #D1D4DB;}
.offer_bar_container {
    max-width: 100%;
    height: 95px;
    padding: 0 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.doc-ready .offer_bar_container {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
#bx-pager2 a {
    position: relative;
    /*height: 65px;*/
    height: 90px;
}
/*#bx-pager2 a.active:nth-child(1) .offer_bar_title_wrapper{
    box-shadow: inset 0px 0px 60px #5C1A52;
}
#bx-pager2 a.active:nth-child(2) .offer_bar_title_wrapper{
    box-shadow: inset 0px 0px 60px #006B4E;
}
#bx-pager2 a.active:nth-child(3) .offer_bar_title_wrapper{
    box-shadow: inset 0px 0px 60px #D8B927;
}*/
#bx-pager2 a.active .offer_bar_item{
    border: 1px solid #D8B927;
    border-top: none;
    box-shadow: 0px 0px 20px #D8B927;
}
/*#bx-pager2 a.active:nth-child(1) .offer_bar_item{
    border: 1px solid #5C1A52;
    box-shadow: 0px 0px 20px #5C1A52;
}
#bx-pager2 a.active:nth-child(2) .offer_bar_item{
    border: 1px solid #006B4E;
    box-shadow: 0px 0px 20px #006B4E;
}*/
#bx-pager2 > a:last-child .offer_bar_item{
    /*border-right: none;*/
}
@media screen and (min-width: 1100px) {
    .offer_bar_container {
        /*padding: 0 100px;*/
        padding: 0 13%;
    }
}
@media screen and (min-width: 1400px) {
    .offer_bar_container {
        width: inherit;
        left: 0;
        margin-left: 0;
    }
}


#bx-pager2 a {
    border-style: solid;
    border-color: #D1D4DB;
    border-width: 0 0 1px;
    /*height: 65px;*/
    position: relative;
    z-index: 1;
    height: 90px;
    display: block;
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    float: left;
}
#bx-pager2 a.active{
    z-index: 99;
}
.offer_bar_title_wrapper {
    background: #fff;
    display: table;
    width: 100%;
    height: 90px;
    border-bottom: 5px solid #0a1d3b;
}

.flexbox .offer_bar_title_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.offer_bar_photo {
    height: 150px;
    width: 100%;
    background-color: #eee;
    background-position: center center;
    background-size: cover;
}
.offer_bar_item {
    border-right: 1px solid #EAEAEA;
    -webkit-transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out, cubic-bezier(0.3, 0, 0.15, 1);
    transition-timing-function: ease-out, cubic-bezier(0.3, 0, 0.15, 1);
    position: relative;
    background: #fff;
}
.offer_bar_item:hover {box-shadow: 0 10px 30px rgba(10, 29, 59, 0.6);}
.offer_bar_item_col {position: relative;}
.offer_bar_item_col:hover {z-index: 10;}
.offer_bar_item:hover .offer_bar_title:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.csstransitions .offer_bar_item:hover {
    -webkit-transform: translateY(-149px);
    -ms-transform: translateY(-149px);
    transform: translateY(-149px);
    border: 1px solid #D8B927;
    box-shadow: 0px 0px 20px #D8B927;
}
.no-csstransitions .offer_bar_item:hover {top: -149px;}
.offer_bar_item-3{
    /*width: 20%;*/
    width: calc(100% /3 - 1px);
    width: -webkit-calc(100% /3 - 1px);
    width: -moz-calc(100% /3 - 1px);
    float: left;
}
.offer_bar_item-2 {border-width: 0 1px 1px;}
.offer_bar_item-2 {
    max-width: 700px;
    margin: 0 auto;
}
.offer_bar_item-2 {
    width: 50%;
    float: left;
}
.offer_bar_item-2 .offer_bar_item-2 .offer_bar_item_wrapper {border-width: 0 0 1px 1px;}
.offer_bar_item-1 {
    max-width: 360px;
    margin: 0 auto;
}
.offer_bar_item-1 .offer_bar_item_col {
    width: 100%;
    float: left;
}
.pointerevents #home_gallery:before {
    position: absolute;
    bottom: -150px;
    left: 0;
    width: 100%;
    height: 100px;
    pointer-events: none;
    content: "";
    background: #0a1d3b;
    box-shadow: 0 0 400px 400px #0a1d3b;
    z-index: 6;
    opacity: 0;
    -webkit-transform: translateY(500px);
    -ms-transform: translateY(500px);
    transform: translateY(500px);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 0.6s, 0.4s;
    transition-duration: 0.6s, 0.4s;
    -webkit-transition-timing-function: ease-out, cubic-bezier(0.3, 0, 0.15, 1);
    transition-timing-function: ease-out, cubic-bezier(0.3, 0, 0.15, 1);
}
#home_gallery.offer_overlay:before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 0.5;
}
.site_wrapper #home_gallery2 #bx-pager2 a:hover .offer_bar_title_wrapper{
    /*box-shadow: none;*/
}
.site_wrapper #home_gallery2 #bx-pager2 a .offer_bar_title_wrapper{
    /*transition: all 1s;*/
}
@media screen and (min-width: 1150px) {
    .offer_bar_photo {height: 180px;}
    .csstransitions .offer_bar_item:hover {
        -webkit-transform: translateY(-179px);
        -ms-transform: translateY(-179px);
        transform: translateY(-179px);
        /*border-right: none;*/
    }
    .no-csstransitions .offer_bar_item:hover {top: -179px;}
}
@media screen and (max-width: 999px) {
    p.offer_bar_title {padding: 0 50px 0 15px;}
    p.offer_bar_title:after {right: 14px;}
}
@media screen and (max-width: 900px) {
    .offer_bar_container {padding: 0;}
}
@media screen and (max-width: 767px){
    .csstransitions .offer_bar_item:hover{
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .top_bar .menu_button .ficon {
        font-size: 30px;
        line-height: 22px;
    }
}
@media screen and (max-width: 750px) {
    .offer_bar_item-3 {width: calc(100% /3);width: -webkit-calc(100% /3);width: -moz-calc(100% /3);}
    /*.offer_bar_item-3 {display: none;}*/
    .offer_bar_item-2 {border-width: 0 0 1px 1px;}
}
@media screen and (max-width: 500px) {
    .offer_bar_wrapper {
        max-width: 360px;
        margin: 0 auto;
    }
    /*.offer_bar_item-2 {display: none;}*/
    #bx-pager2 a {width: 100% !important;height:61px;}
    .offer_bar_item-1{max-width: 100%;}
}