/* Minification failed. Returning unminified contents.
(6295,5): run-time error CSS1035: Expected colon, found '}'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(31427,19): run-time error CSS1030: Expected identifier, found ';'
(36183,1): run-time error CSS1019: Unexpected token, found '}'
(36746,4): run-time error CSS1030: Expected identifier, found '-'
(36746,4): run-time error CSS1031: Expected selector, found '-'
(36746,4): run-time error CSS1025: Expected comma or open brace, found '-'
 */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px black;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff !important;
    overflow-x: hidden !important;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #428bca;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #2a6496;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

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

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 3px;
    padding-right: 3px;
}

@media (min-width:768px) {
    .container {
        width: 726px;
    }
    
}

@media (min-width:992px) {
    .container {
        width: 946px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1146px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 3px;
    padding-right: 3px;
}

.row {
    margin-left: -3px;
    margin-right: -3px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: 0;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: 0;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: 0;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: 0;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: 0;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: 0;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: 0;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: 0;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

.fade {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: .9s ease-in-out left;
        transition: .9s ease-in-out left;
    }

        .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            line-height: 1;
        }

    .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
        display: block;
    }

    .carousel-inner > .active {
        left: 0;
    }

    .carousel-inner > .next, .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel-inner > .next {
        left: 100%;
    }

    .carousel-inner > .prev {
        left: -100%;
    }

        .carousel-inner > .next.left, .carousel-inner > .prev.right {
            left: 0;
        }

    .carousel-inner > .active.left {
        left: -100%;
    }

    .carousel-inner > .active.right {
        left: 100%;
    }

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
    }

    .carousel-control:hover, .carousel-control:focus {
        outline: none;
        color: #fff;
        text-decoration: none;
        opacity: .9;
        filter: alpha(opacity=90);
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 30%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        left: 50%;
    }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        right: 50%;
    }

    .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0,0,0,0);
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }

    .modal-content {
        margin-top: 100px;
    }

    .event-highlight-slider .slick-slide.slick-current .info {
        margin-bottom: 30px;
    }
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    content: " ";
    display: table;
}

.clearfix:after, .container:after, .container-fluid:after, .row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important;
    }
    #thehoxton-black {

    }
}

.modal-body {
    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md, td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important;
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print, td.visible-print {
        display: table-cell !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: none;
                background-color: #eee;
            }

        .nav > li.disabled > a {
            color: #777;
        }

            .nav > li.disabled > a:hover,
            .nav > li.disabled > a:focus {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent;
            }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #eee;
        border-color: #337ab7;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

    .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
    }

        .nav-tabs > li > a:hover {
            border-color: #eee #eee #ddd;
        }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        color: #555;
        cursor: default;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
    }

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

    .nav-tabs.nav-justified > li {
        float: none;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

    .nav-tabs.nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 4px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #337ab7;
    }

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified > li {
        float: none;
    }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border: 1px solid #ddd;
    }

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.hidden-for-sr {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

html, body {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important;
    -webkit-text-size-adjust: none;
}

:focus {
    outline: 2px solid #50e3c2 !important;
    outline-offset: 0 !important;
}


.js-focus-visible :focus:not(.focus-visible) {
    outline: 0 !important;
}

/*.js-focus-visible .slick-slider :focus:not(.focus-visible) {
    outline: 2px solid #50e3c2 !important;
}*/

.js-focus-visible .slick-slider .slick-slide:focus,
.js-focus-visible .slick-slider .main-link:focus,
.js-focus-visible .restaurants-container .hoxtown-event:focus {
    outline-offset: -2px !important;
}


.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

/*-- Headers (taken from PDF) --*/
h1 {
    font-family: Arial;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 41px;
    font-weight: normal;
}

h2 {
    font-family: Arial;
    font-size: 48px;
    line-height: 53px;
    font-weight: normal;
}

h3 {
    font-family: Arial;
    font-size: 26px;
    line-height: 27px;
    font-weight: normal;
}

h4 {
    font-family: Arial;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
}

h5 {
    font-family: Arial;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 18px;
    font-weight: normal;
}

p {
    font-family: Arial;
    font-size: 14px;
    line-height: 24px;
}


button, input {
    outline: none;
}

a {
    font-family: Arial !important;
}

/*-- Fonts --*/
@font-face {
    font-family: 'BrownLight';
    src: url('../fonts/Brown-Light/brown-light-webfont.eot');
    src: url('../fonts/Brown-Light/brown-light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Brown-Light/brown-light-webfont.woff') format('woff'), url('../fonts/Brown-Light/brown-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrownRegular';
    src: url('../fonts/Brown-Regular/brown-regular-webfont.eot');
    src: url('../fonts/Brown-Regular/brown-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Brown-Regular/brown-regular-webfont.woff') format('woff'), url('../fonts/Brown-Regular/brown-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GTWalsheimMedium';
    src: url('../fonts/GT-Walsheim-Medium.eot');
    src: url('../fonts/GT-Walsheim-Mediumd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Medium.woff') format('woff'), url('../fonts/GT-Walsheim-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GTWalsheimLight';
    src: url('../fonts/GT-Walsheim-Light.eot');
    src: url('../fonts/GT-Walsheim-Lightd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Light.woff') format('woff'), url('../fonts/GT-Walsheim-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GTWalsheimMediumOblique';
    src: url('../fonts/GT-Walsheim-Medium-Oblique.eot');
    src: url('../fonts/GT-Walsheim-Medium-Obliqued41d.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Medium-Oblique.woff') format('woff'), url('../fonts/GT-Walsheim-Medium-Oblique.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GTWalsheimLightOblique';
    src: url('../fonts/GT-Walsheim-Light-Oblique.eot');
    src: url('../fonts/GT-Walsheim-Light-Obliqued41d.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Light-Oblique.woff') format('woff'), url('../fonts/GT-Walsheim-Light-Oblique.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SofiaPro_Light';
    src: url('../fonts/SofiaProLight/sofia_pro_light-webfont.eot');
    src: url('../fonts/SofiaProLight/sofia_pro_light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProLight/sofia_pro_light-webfont.woff') format('woff'), url('../fonts/SofiaProLight/sofia_pro_light-webfont.ttf') format('truetype'), url('../fonts/SofiaProLight/sofia_pro_light-webfont.svg#sofiapro_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SofiaPro_Medium';
    src: url('../fonts/SofiaProMedium/sofia_pro_medium-webfont.eot');
    src: url('../fonts/SofiaProMedium/sofia_pro_medium-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProMedium/sofia_pro_medium-webfont.woff') format('woff'), url('../fonts/SofiaProMedium/sofia_pro_medium-webfont.ttf') format('truetype'), url('../fonts/SofiaProMedium/sofia_pro_medium-webfont.svg#sofiapro_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*-- GMaps hide logo --*/
a[href^="http://maps.google.com/maps"] {
    display: none !important;
}

a[href^="https://maps.google.com/maps"] {
    display: none !important;
}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display: none;
}

.gmnoprint div {
    background: none !important;
}

/*-- Desktop styles --*/


/* Wobble Horizontal Right*/
@-webkit-keyframes hvr-wobble-horizontal-right-arrow {
    16.65% {
        -webkit-transform: translateX(8px) rotate(-90deg);
        transform: translateX(8px) rotate(-90deg);
    }

    33.3% {
        -webkit-transform: translateX(-6px) rotate(-90deg);
        transform: translateX(-6px) rotate(-90deg);
    }

    49.95% {
        -webkit-transform: translateX(4px) rotate(-90deg);
        transform: translateX(4px) rotate(-90deg);
    }

    66.6% {
        -webkit-transform: translateX(-2px) rotate(-90deg);
        transform: translateX(-2px) rotate(-90deg);
    }

    83.25% {
        -webkit-transform: translateX(1px) rotate(-90deg);
        transform: translateX(1px) rotate(-90deg);
    }

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

@keyframes hvr-wobble-horizontal-right-arrow {
    16.65% {
        -webkit-transform: translateX(8px) rotate(-90deg);
        transform: translateX(8px) rotate(-90deg);
    }

    33.3% {
        -webkit-transform: translateX(-6px) rotate(-90deg);
        transform: translateX(-6px) rotate(-90deg);
    }

    49.95% {
        -webkit-transform: translateX(4px) rotate(-90deg);
        transform: translateX(4px) rotate(-90deg);
    }

    66.6% {
        -webkit-transform: translateX(-2px) rotate(-90deg);
        transform: translateX(-2px) rotate(-90deg);
    }

    83.25% {
        -webkit-transform: translateX(1px) rotate(-90deg);
        transform: translateX(1px) rotate(-90deg);
    }

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











.hvr-wobble-horizontal-right-arrow {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

    .hvr-wobble-horizontal-right-arrow:hover, .hvr-wobble-horizontal-right-arrow:focus, .hvr-wobble-horizontal-right-arrow:active {
        -webkit-animation-name: hvr-wobble-horizontal-right-arrow;
        animation-name: hvr-wobble-horizontal-right-arrow;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }


/* Wobble Horizontal Left*/
@-webkit-keyframes hvr-wobble-horizontal-left-arrow {
    16.65% {
        -webkit-transform: translateX(8px) rotate(90deg);
        transform: translateX(8px) rotate(90deg);
    }

    33.3% {
        -webkit-transform: translateX(-6px) rotate(90deg);
        transform: translateX(-6px) rotate(90deg);
    }

    49.95% {
        -webkit-transform: translateX(4px) rotate(90deg);
        transform: translateX(4px) rotate(90deg);
    }

    66.6% {
        -webkit-transform: translateX(-2px) rotate(90deg);
        transform: translateX(-2px) rotate(90deg);
    }

    83.25% {
        -webkit-transform: translateX(1px) rotate(90deg);
        transform: translateX(1px) rotate(90deg);
    }

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

@keyframes hvr-wobble-horizontal-left-arrow {
    16.65% {
        -webkit-transform: translateX(8px) rotate(90deg);
        transform: translateX(8px) rotate(90deg);
    }

    33.3% {
        -webkit-transform: translateX(-6px) rotate(90deg);
        transform: translateX(-6px) rotate(90deg);
    }

    49.95% {
        -webkit-transform: translateX(4px) rotate(90deg);
        transform: translateX(4px) rotate(90deg);
    }

    66.6% {
        -webkit-transform: translateX(-2px) rotate(90deg);
        transform: translateX(-2px) rotate(90deg);
    }

    83.25% {
        -webkit-transform: translateX(1px) rotate(90deg);
        transform: translateX(1px) rotate(90deg);
    }

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

.hvr-wobble-horizontal-left-arrow {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

    .hvr-wobble-horizontal-left-arrow:hover, .hvr-wobble-horizontal-left-arrow:focus, .hvr-wobble-horizontal-left-arrow:active {
        -webkit-animation-name: hvr-wobble-horizontal-left-arrow;
        animation-name: hvr-wobble-horizontal-left-arrow;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }


/* Hang */
@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    margin-top: -3px;
    margin-left: 3px;
}

.ddl-arrow:hover .hvr-hang {
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}


/*Hamburger Navigation*/

.nav-links-container {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: 5%;
}



div.main-nav-links ul {
    list-style: none;
    padding: 0;
}

    div.main-nav-links ul li a {
        font-size: 28px;
        color: #353535;
        line-height: 50px;
        text-decoration: none;
        outline: none;
    }

    div.main-nav-links ul.location-links {
        width: 225px;
    }

        div.main-nav-links ul.location-links > li {
            position: relative;
        }

            div.main-nav-links ul.location-links > li a {
                font-family: BrownLight;
                display: block;
                width: 100%;
            }

            div.main-nav-links ul.location-links > li.on a.hotel-link {
                color: #ababab;
            }

            div.main-nav-links ul.location-links > li.on::after {
                border-top: 1px solid #ababab;
                border-left: 1px solid #ababab;
            }

            div.main-nav-links ul.location-links > li::after {
                content: "";
                position: absolute;
                top: 50%;
                right: 5px;
                z-index: -1;
                width: 10px;
                height: 10px;
                border-top: 1px solid rgb(53, 53, 53);
                border-left: 1px solid rgb(53, 53, 53);
                transform: rotate(135deg);
            }

    div.main-nav-links ul.main-navigation-links > li a {
        font-family: BrownRegular;
    }

.nav-links-container .site-nav-links ul {
    list-style: none;
    padding: 0;
}

    .nav-links-container .site-nav-links ul li a {
        font-family: BrownLight;
        color: #353535;
        font-size: 12px;
    }

.nav-links-container .language-nav-links ul {
    list-style: none;
    padding: 0;
    display: flex;
}

    .nav-links-container .language-nav-links ul li a {
        font-family: BrownLight;
        color: #353535;
        padding: 0 8px 0 0;
    }

.nav-links-container .sub-nav-links {
    position: fixed;
    right: 0;
    height: 100%;
    width: 0;
    background: #d8d8d8;
    transition: width 1s;
    z-index: 5;
    top: 0;
}


    .nav-links-container .sub-nav-links.other-on {
        transition: none;
    }

    /*Logos*/
    .nav-links-container .sub-nav-links.on div.sub-white-logo {
        position: absolute;
        bottom: 5%;
        right: 8%;
        display: block;
    }

    .nav-links-container .sub-nav-links div.sub-white-logo {
        display: none;
    }

.nav-links-container div.sub-grey-logo {
    position: absolute;
    bottom: 5%;
    right: 6%;
    display: block;
}

div.sub-white-logo img.sub-nav-logo, div.sub-grey-logo img.sub-nav-logo {
    width: 216px;
    height: 36px;
}

.nav-links-container .sub-nav-links.on div.mobile-right-arrow, .nav-links-container .sub-nav-links div.mobile-right-arrow {
    display: none;
}


.nav-links-container .sub-nav-links.on {
    width: 70%;
}


.nav-links-container .sub-nav-links .sub-hotel-links-container {
    display: none;
}

.nav-links-container .sub-nav-links.on .sub-hotel-links-container.on {
    display: block;
}

.nav-links-container .sub-nav-links ul.sub-hotel-links {
    list-style: none;
    padding: 0;
    margin: 14px 0;
}

.nav-links-container .sub-nav-links .sub-hotel-links-container {
    margin-left: 100px;
    margin-top: 75px;
}

.nav-links-container .sub-nav-links .sub-hotel-links-header a {
    font-size: 56px;
    color: #fff;
    font-family: BrownRegular;
    text-decoration: none;
}

.nav-links-container .sub-nav-links ul.sub-hotel-links a {
    font-family: BrownRegular;
    font-size: 28px;
    color: #4a4a4a;
    line-height: 50px;
    text-decoration: none;
}

nav div.main-nav-hollow-logo h1 {
    display: block;
    width: 92px;
    height: 25px;
    text-indent: -9999em;
}

div.stencil-logo {
    height: 79px;
    width: 211px;
    background-size: 200px auto;
    background-position: center;
    border-color: white;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../../img/hoxton/TheHoxton/X/thehoxton-black.svg);
}




/*.home-nav.header-navigation.white-nav div.stencil-logo {
    width: 200px;
    height: 79px;
    background-image: url(/img/hoxton/TheHoxton/X/thehoxton-black.svg);
    background-position: center;
    background-color: #fff;
    background-size: 200px auto;
    border: none;
    margin-left: -100px;
}*/

.header-navigation.white-nav {
    border-bottom: 1px solid #F5F5F5;
    background-color: #fff;
    z-index: 13;
}

li#hox-logo div.stencil-logo {
    width: 80px;
}

#apartmentOverviewForm label.fieldLabel.noselect {
    color: #fff !important;
}

/*.header-navigation.white-nav div.stencil-logo {
    background-position: center;     
    border-color: white;
    background-color: #fff;
}*/




nav.homepage-navigation .home-x-logo div.stencil-logo {
    /*display: none;*/
}

/*div#main-nav-x-logo {
      display: none;
  }*/




.popup.contact-us-popup {
    position: fixed;
    height: 500px;
    background: white;
    z-index: 15;
    top: 20%;
    left: 25%;
    visibility: hidden;
    text-align: center;
    border: 1px solid #333;
    z-index: 55;
    padding: 2%;
}

a.popup-close.btn.primaryButton.contact-us-popup-close {
    background-color: #333;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "BrownLight",sans-serif;
    padding: 6px;
    font-weight: normal;
    cursor: pointer;
    border: 0;
    text-align: center;
    letter-spacing: .05em;
    border: 1px solid #333;
}

@media(min-width: 992px) {

    .bookNowNavLinks {
        display: none;
    }

    a#contact-mobile {
        display: none;
    }

    .header-navigation.white-nav .home-x-logo div.stencil-logo {
        display: block;
    }

    .homeGalleryLink {
        right: 0 !important;
    }

    .hamburger-book {
        display: none;
    }

    .nav-links-container .sub-nav-links ul.sub-hotel-links {
        transition-property: width;
        -webkit-transition-property: width; /* Safari */
        -webkit-transition-duration: 5s; /* Safari */
        transition-duration: 6s;
        width: 500px;
    }
}


.nav-links-container .main-nav-links {
    width: 40%;
}


@media (max-width: 991px) {
    .popup.contact-us-popup {
        width: 100%;
        left: 0;
    }

    div.sub-white-logo img.sub-nav-logo, div.sub-grey-logo img.sub-nav-logo {
        width: 177px;
        height: 30px;
    }

    .nav-links-container div.sub-grey-logo {
        right: 9%;
    }

    .nav-links-container .sub-nav-links.on div.sub-white-logo {
        right: 12%;
    }

    .hamburger-book {
        position: absolute;
        right: 3%;
        top: 10px;
        z-index: 6;
    }

    .lang-fr .hamburger-book {
        right: 9%;
    }

    .hamburger-book .mobile-book-now .bookRoom {
        font-size: 24px;
    }

    div.stencil-logo {
        display: none;
    }

    div.aboutRowContainer {
        float: left;
    }


    /*nav style*/
    div.hamburger-menu.on .bookNowNavLinks .desktoptab-booking {
        position: fixed;
        right: 0px;
        top: 0;
        display: inline-block;
        font-family: BrownRegular;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        text-transform: uppercase;
        font-size: 24px;
        padding-top: 25px;
        width: auto;
        border: none;
        cursor: pointer;
        letter-spacing: 1.45px;
        z-index: 8;
    }

    .nav-links-container .sub-nav-links.on {
        width: 60%;
    }

    .nav-links-container .main-nav-links {
        width: 40%;
    }

    .nav-links-container .sub-nav-links .sub-hotel-links-container {
        margin-left: 67px;
    }

    .nav-links-container .sub-nav-links .sub-hotel-links-header a {
        font-size: 52px;
    }

    .nav-links-container .sub-nav-links ul.sub-hotel-links a {
        font-size: 24px;
    }

    .nav-links-container .sub-nav-links ul.sub-hotel-links {
        transition-property: width;
        -webkit-transition-property: width; /* Safari */
        -webkit-transition-duration: 5s; /* Safari */
        transition-duration: 5s;
        width: 300px;
    }

    div.main-nav-links ul li a {
        font-size: 24px;
    }
}


/*@media (max-width: 1365px) and (min-width: 992px) {
    
  .header-navigation.white-nav:before, .header-navigation.white-nav:after {  
        width: 47%; 
    }

}*/


nav a.hoxton-logo {
    margin-left: 20px;
    margin-top: 6px;
}

nav button.hamburger-menu-button {
    position: fixed;
    left: 40px;
    top: 40px;
    z-index: 5;
    cursor: pointer;
    margin: 5px;
    border: 0;
    background: none;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}

button.hamburger-menu-button {
    height: 25px;
    width: 25px;
    pointer-events: all;
}

    button.hamburger-menu-button p {
        font-size: 14px;
        padding-left: 35px;
        color: #fff;
        text-transform: uppercase;
        float: left;
        display: inline;
        margin: 0;
        margin-top: 1px;
        font-family: BrownLight;
        letter-spacing: 1.35px;
        transition: all .4s;
    }

.white-nav button.hamburger-menu-button p {
    color: #353535;
}

button.hamburger-menu-button > [class*='bar'] {
    position: absolute;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 4px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}



button.hamburger-menu-button div.bar1 {
    top: 4px;
}

button.hamburger-menu-button div.bar2 {
    bottom: 4px;
}



button.hamburger-menu-button.on div.bar1 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 10px;
    background-color: #000;
}

button.hamburger-menu-button.on div.bar2 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 11px;
    background-color: #000;
}

button.hamburger-menu-button.on p {
    color: #000;
    display: none;
}

div.hamburger-menu {
    -webkit-transition: all .4s ease-in-out; /* Safari */
    transition: all .4s ease-in-out;
    width: 100%;
    height: 0;
    position: fixed;
    top: 0;
    overflow: hidden;
    display: none;
}

    div.hamburger-menu.on {
        z-index: 3;
        overflow: visible;
        height: 100%;
        background: white;
        display: flex;
    }


div.hamburger-nav {
    margin: 0 auto;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: left;
}

    div.hamburger-nav .siteLinks {
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
    }

div.hamburger-menu div.social-links {
    position: absolute;
    bottom: 4%;
    left: 0;
    width: 100%;
}


/*-- Main nav menu --*/

ul.navigation-links {
    width: 300px;
    list-style-type: none;
    list-style: none;
    margin: 10px auto 0 auto;
    padding: 0;
    text-align: center;
    position: absolute;
    visibility: hidden;
    opacity: 1;
    transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
}

.hamburger-menu.on ul.navigation-links {
    visibility: visible;
}


ul.navigation-links li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0 18px;
    text-align: center;
}


.hamburger-menu ul h5 {
    margin: 0;
}


/*-- Sub Menu --*/

.hamburger-menu .sub-links {
    list-style-type: none;
    width: 300px;
    float: left;
    margin: 0;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    position: absolute;
    left: 100%;
    left: 50%;
    margin-left: -137px;
    padding: 0;
}

.hamburger-menu ul.sub-links li a {
    color: #000;
}


ul.sub-links span {
    font-family: BrownRegular;
    letter-spacing: 1.35px;
    line-height: 18px;
    padding: 0px;
    border-bottom: 2px solid #CAA87B;
}

ul.sub-links .close-submenu:hover {
    cursor: pointer;
}

div.close-submenu img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    width: 15px;
    left: 20%;
    top: 12px;
}


.hamburger-nav.on ul.navigation-links {
    opacity: 0;
    visibility: hidden;
}

.hamburger-nav.on .sub-links.on {
    visibility: visible;
    opacity: 1;
    left: 50%;
    margin-left: -146px;
}


.home-x-logo {
    width: 100%;
    text-align: center;
    transition: padding-top 0.5s ease-in-out;
    -moz-transition: padding-top 0.5s ease-in-out;
    -webkit-transition: padding-top 0.5s ease-in-out;
    padding-top: 35px;
}

    .home-x-logo > a {
        display: block;
        width: 211px;
        height: 36px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }

.white-nav .mobile-book-now .home-x-logo {
    padding-top: 25px;
}

.white-nav nav button.hamburger-menu-button {
    top: 30px;
}

.home-x-logo #main-nav-x-logo img, .home-x-logo #main-nav-x-logo svg {
    margin: 0 auto;
    display: block;
    margin-top: -20px;
    width: 51px;
    height: 46px;
}



.hamburger-menu svg path {
    fill: black;
}

.hamburger-menu svg:hover path, div.home-x-logo a svg:hover path {
    fill: #b3b3b3;
}


.hamburger-menu svg:active path, div.home-x-logo a svg:active path {
    fill: #9b9b9b;
}


.hamburger-menu .x-logo-home {
    display: block;
    width: 50px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -25px;
}


.white-nav .home-x-logo::before, .white-nav .home-x-logo::after {
    background: transparent;
}

ul.hotel-custom-links {
    width: 100%;
    list-style-type: none;
    list-style: none;
    margin: 10px auto 0 auto;
    padding: 0;
    padding-top: 4px;
    text-align: center;
    margin-left: -27px;
}

    ul.hotel-custom-links li {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul.hotel-custom-links li a {
            color: #9b9b9b;
            text-transform: uppercase;
            display: block;
            margin: 0 0 0 1px;
            padding: 3px 10px;
            line-height: 0.3em;
        }





@media (max-width: 1400px) {

    ul.navigation-links li {
        padding: 0 10px;
    }
}

@media (max-width: 1240px) {

    ul.navigation-links li {
        padding: 0 0px;
    }
}

.header-navigation ul.navigation-links a {
    color: #353535;
    font-size: 26px;
    /*text-transform: uppercase;*/
    display: block;
    margin: 0 0 0 1px;
    padding: 3px 10px;
    line-height: 1.3em;
}




/*-- Sub-Nav --*/


ul.sub-links li {
    margin: 5px 0;
    text-transform: capitalize;
}

ul.sub-links .sub-link-label {
    color: #fff;
    display: inline;
}

ul.sub-links.on .sub-link-label {
    font-size: 16px;
}


.header-navigation nav div.nav-base {
    display: block !important;
}


.header-navigation ul.navigation-links img.blackArrow {
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}





/*-- About Us --*/

div.about-hoxton {
    height: 680px;
}


/*-- Hoxtown --*/

.hoxtown-headlines {
    /*height: 100%;*/
    height: 657px;
}

.checkout-hoxtown p, .checkout-hoxtown h5 {
    text-transform: uppercase;
}

.checkout-hoxtown h5 {
    font-family: BrownLight;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    bottom: -50px;
}


.checkout-hoxtown.look-back-events-hoxtown h5 {
    margin-left: -44px;
}


div.hoxtown-links .checkout-hoxtown {
    width: 50%;
    height: 390px;
    float: right;
    background-color: #353535;
    text-align: center;
    background-size: cover;
    /*background-position: center center;*/
    display: flex;
    position: relative;
}

.checkout-hoxtown.look-back-events-hoxtown-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -ms-opacity: 0.5;
    opacity: 0.5;
    background-color: #353535;
}

.checkout-hoxtown.look-back-events-hoxtown .content {
    max-width: none;
    color: white;
    z-index: 1;
}

.content button.open-video {
    background: 0;
    border: 0;
}

.checkout-hoxtown.look-back-events-hoxtown .content h5 {
    margin-top: 12px;
}

.video-popup.fullscreen {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.8);
    z-index: 5;
}


    .video-popup.fullscreen a.close-video {
        top: 80px;
    }

    .video-popup.fullscreen .videoContainer {
        position: relative;
        height: 100%;
        width: 100%;
    }

        .video-popup.fullscreen .videoContainer iframe {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: relative;
            width: 100%;
            height: 100%;
            padding-top: 150px;
        }

            /*This is needed for fullscreen mode in chrome  Issue HWV 449*/
            .video-popup.fullscreen .videoContainer iframe:-webkit-full-screen {
                transform: translate(0, 0);
            }

/*-- Instagram --*/
div.instagramPanel {
    width: 100%;
    background-color: #F3F1EF;
    padding-bottom: 10px;
    margin-top: -70px;
    padding-top: 100px;
}

/*-- General --*/

.hidden-heading {
    display: none;
}

.scroll-to {
    cursor: pointer;
}

div.about-hoxton, .hoxtown-headlines, .hoxtown-links, .hoxton-info, footer {
    /*float: left;*/
    width: 100%;
}


/*-- Nav Bar --*/



.mobile-book-now .bookRoom {
    transition: padding 0.5s ease-in-out;
    -moz-transition: padding 0.5s ease-in-out;
    -webkit-transition: padding 0.5s ease-in-out;
    padding: 40px;
    display: inline-block;
    font-family: BrownRegular;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    font-size: 29px;
    width: auto;
    border: none;
    cursor: pointer;
    letter-spacing: 1.45px;
}


@media (max-width: 1200px) {
    .mobile-book-now .bookRoom {
        font-size: 20px;
    }


    nav button.hamburger-menu-button {
        top: 30px;
    }
}

.white-nav .mobile-book-now .bookRoom {
    margin-top: 3px;
    color: #000;
    padding-top: 30px;
}

.hamburgered {
    color: black !important;
}



.home-navigation {
    background-color: transparent;
}

    .home-navigation ul.navigation-links a {
        color: #fff;
    }

.header-navigation {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 5;
    top: 0;
    background-color: transparent;
    height: 80px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}


.home-nav.header-navigation .stencil-logo {
    display: none;
}

.home-nav .home-x-logo::before, .home-nav .home-x-logo::after {
    width: 41%;
}


.header-navigation img#blackLogo {
    display: none;
}


nav .book-room-link {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 16px;
}

header nav div.crossContainer {
    display: none;
    height: 60px;
    width: 100%;
    position: relative;
}

div.crossContainer img {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
}

nav a.hoxton-logo img {
    width: 50px;
    height: 50px;
}

nav a.hoxton-logo {
    position: absolute;
    cursor: pointer;
    left: 0;
}


/*.book-now-widget p.book-a-room{ 
    font-size: 29px; 
    font-family: BrownRegular;
    text-transform: uppercase; 
    color: #fff;
    display: inline;
    letter-spacing: 1.45px;
}*/

ul.navigation-links li span.ddl-arrow {
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f00;
}

span.ddl-arrow:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}

/*body.on .hotels-slider .rsNavItem.rsThumb {
    /*height: 75%;
    height: calc(75% - 5px);
}*/

/*-- Hotel Header --*/

.hotel-container {
    -ms-background-size: cover;
    background-size: cover;
    margin-left: 0;
    background-repeat: no-repeat;
    z-index: 2;
}

.parallax-top .hotel-container {
    height: 100%;
    background-color: black;
    -ms-background-size: cover;
    background-size: cover;
    margin-left: 0;
    background-repeat: no-repeat;
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.content-container {
    position: relative;
    width: 100%;
    z-index: 3;
}

.booking-wrapper {
    position: relative;
    z-index: 299;
    -webkit-transition: z-index 0.6s ease;
    -moz-transition: z-index 0.6s ease;
    -ms-transition: z-index 0.6s ease;
    -o-transition: z-index 0.6s ease;
    transition: z-index 0.6s ease;
}

.hotel-device-menu {
    display: none;
}

.hotels-slider > *, .hoxtown-carousel > * {
    z-index: 0 !important;
}

.hotels-slider {
    height: 100% !important;
}


    .hotels-slider a {
        color: #fff;
        text-align: center;
        text-decoration: none;
        position: absolute;
        width: 100%;
        height: 100%;
        outline: none;
    }

        .hotels-slider a div.hotel-thumb-container {
            position: absolute;
            width: 100%;
            top: 50%;
            margin-top: -62px;
        }

        .hotels-slider a p {
            text-transform: uppercase;
            font-family: BrownRegular;
            font-size: 13px;
            margin-top: 0px;
            letter-spacing: 1.02px;
        }

        .hotels-slider a h1 {
            margin-bottom: 3px;
            letter-spacing: 1.2px;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

    .hotels-slider .rsThumbsHor {
        height: 100% !important;
        position: absolute !important;
        background: transparent !important;
    }

    .hotels-slider .rsThumbsContainer, .hotels-slider .rsThumbs {
        width: 100% !important;
        background: transparent !important;
    }

    .hotels-slider .rsThumbsContainer {
        padding-bottom: 230px;
        margin-left: 13px;
    }

body.on .hotels-slider .rsThumbsContainer {
    padding-bottom: 295px;
}


.hotels-slider .rsNavItem.rsThumb {
    width: 20%;
    height: 100%;
    border-left: solid 1px white;
    border-left: solid 1px rgba(255, 255, 255, .5);
    margin-top: 80px;
    display: table;
    margin-left: -2px;
    margin-right: -2px;
}


    .hotels-slider .rsNavItem.rsThumb:first-child {
        border-left: 0;
    }

.hotels-slider .rsTmb {
    display: table-cell !important;
    opacity: 1;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

.hotels-slider .rsThumb.rsNavSelected {
    background-color: transparent !important;
}


.hotels-slider .rsThumb:hover a h1 {
    margin-top: -2px;
}

.hotels-slider .rsThumb.not-hovered .rsTmb {
    opacity: 0.3;
}

.hotels-slider, .hotels-slider .rsOverflow, .hotels-slider .rsSlide, .hotels-slider .rsVideoFrameHolder, .hotels-slider .rsThumbs,
.hoxtown-carousel .royalSlider, .hoxtown-carousel .rsOverflow, .hoxtown-carousel .rsSlide, .hoxtown-carousel .rsVideoFrameHolder, .hoxtown-carousel .rsThumbs {
    background: rgba(0,0,0,0.3) !important;
}

.hoxtown-carousel .royalSlider, .hoxtown-carousel .rsOverflow, .hoxtown-carousel .rsSlide, .hoxtown-carousel .rsVideoFrameHolder, .hoxtown-carousel .rsThumbs {
    background: rgba(0,0,0,0.9) !important;
}

.hoxtown-carousel .rsDefault .rsActiveSlide img {
    opacity: 0.7 !important;
}


.hotels-slider .rsOverflow, .hotels-slider .rsImg, .hotelHoxtownSlider .rsOverflow, .hotelHoxtownSlider .rsImg {
    height: 100% !important;
    margin: 0 !important;
}


/*-- Page Container--*/

.page-content {
    -webkit-box-shadow: 0px 7px 5px 0px rgba(3, 3, 3, 0.1);
    -moz-box-shadow: 0px 7px 5px 0px rgba(3, 3, 3, 0.1);
    -o-box-shadow: 0px 7px 5px 0px rgba(3, 3, 3, 0.1);
    -ms-box-shadow: 0px 7px 5px 0px rgba(3, 3, 3, 0.1);
    box-shadow: 0px 7px 5px 0px rgba(3, 3, 3, 0.1);
    width: 100%;
    background-color: white;
    /*overflow-x: hidden;  this messed up bedrooms page*/
    overflow: hidden;
    display: inline-block;
    pointer-events: all;
}

/*-- About Us --*/


div.about-hoxton {
    background-color: white;
}

    div.about-hoxton .about-us {
        width: 385px;
        margin: 100px 0 0 100px;
        float: left;
    }


.about-us h5 a {
    text-transform: uppercase;
    color: #000;
}


.hotelAboutRow h5.ourStoryLink a {
    color: black;
}

/*-- Hoxtown --*/

.hoxtown-info {
    height: 420px;
    float: left;
    width: 100%;
    background-size: 130% auto;
    background-position: center center;
    color: white;
    display: flex;
    text-align: center;
    position: relative;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: none;
}

.hoxtown-headlines .rsThumbsContainer {
    transform: translate3d(0px, 0px, 0px) !important;
}

.hoxtown-headlines .upcomingEventsContainer {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-top: -9px;
}

    .hoxtown-headlines .upcomingEventsContainer img {
        display: none;
        height: 30px;
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: 7px;
    }

    .hoxtown-headlines .upcomingEventsContainer h5 {
        display: block;
        color: white;
        text-transform: uppercase;
        padding: 0px;
        margin: 0px;
        font-family: BrownLight;
    }

.hoxtown-info .content {
    max-width: 697px;
    position: absolute;
    left: 50%;
    margin-left: -343px;
    top: 60px;
}

.hoxtown-info h3 {
    font-family: BrownLight;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 1.04px;
    margin-bottom: 70px;
    font-weight: normal;
}

.hoxtown-info h5 {
    text-transform: uppercase;
    color: white;
}

.hoxtown-info .overlay {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
    background-color: black;
    opacity: 0.5;
}

.hoxtown-headlines .rsNav .rsNavItem p.mobileDate {
    display: none;
}

.hoxtown-headlines span {
    color: #fff;
}

.hoxtown-header {
    /*height: 20%;*/
    background-color: #353535;
    height: 112px;
    position: relative;
}

.hoxtown-carousel {
    height: 100%;
    background-color: black;
    max-height: 545px;
}

    .hoxtown-carousel .royalSlider, .hoxtown-carousel .royalSlider .rsOverflow {
        max-height: 600px;
    }

        .hoxtown-carousel .royalSlider .rsContent {
            width: auto;
            height: auto;
            min-width: 100%;
            min-height: 100%;
        }


        .hoxtown-carousel .royalSlider .rsOverflow, .hoxtown-carousel .royalSlider .rsImg {
            min-height: 100% !important;
            margin-left: 0px !important;
            min-width: 100% !important;
            margin-right: 0px !important;
        }

        .hoxtown-carousel .royalSlider .rsThumbsVer {
            background: transparent !important;
            width: 100%;
        }

        .hoxtown-carousel .royalSlider .rsThumbsContainer {
            height: 100% !important;
            /*border-left: 1px solid #fff;*/
        }

        .hoxtown-carousel .royalSlider .rsThumb.rsNavSelected .rsTmb {
            opacity: 1;
        }

        .hoxtown-carousel .royalSlider .rsThumb .rsTmb {
            opacity: 0.5;
        }

        .hoxtown-carousel .royalSlider .rsThumb {
            height: 100%;
            border-left: 1px solid white;
            border-left: solid 1px rgba(255, 255, 255, .5);
            /*opacity: 0.5;*/
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .hoxtown-carousel .royalSlider .rsThumb:hover {
                margin-top: -10px;
            }

            .hoxtown-carousel .royalSlider .rsThumb:first-child {
                border: none;
            }

            .hoxtown-carousel .royalSlider .rsThumb.rsNavSelected {
                background-color: transparent;
                opacity: 1;
            }

            .hoxtown-carousel .royalSlider .rsThumb .rsTmb a.hoxtown-event {
                color: #fff;
                width: 100%;
            }

                .hoxtown-carousel .royalSlider .rsThumb .rsTmb a.hoxtown-event p {
                    font-size: 14px;
                    text-transform: uppercase;
                    margin-bottom: 2px;
                    letter-spacing: 0.5px;
                    padding: 0px 15px;
                }

                .hoxtown-carousel .royalSlider .rsThumb .rsTmb a.hoxtown-event h1 {
                    font-size: 20px;
                    line-height: 28px;
                }

                .hoxtown-carousel .royalSlider .rsThumb .rsTmb a.hoxtown-event p.hox-event-location {
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    text-align: center;
                    left: 0;
                }

        /*a.hoxtown-event p {
    position: absolute;
    left: 0px;
    margin-top: -55px;
    margin-left: 0px;
    width: 100%;
    padding: 0px 20px;
    }*/

        .hoxtown-carousel .royalSlider .rsGCaption {
            display: none;
        }

.hoxtown-links {
    height: 100%;
    max-height: 390px;
}


    .hoxtown-links .checkout-hoxtown a {
        color: #fff;
    }

    .hoxtown-links .checkout-hoxtown img {
        width: 100%;
        height: 100%;
    }

/*-- Footer --*/

footer {
    /*position: fixed;
    bottom: 0px;
    z-index: 0;*/
    max-height: 535px;
}

    footer.no-filler div#filler {
        display: none;
    }

    footer.footered {
        z-index: -1000;
    }

        footer.footered div#filler {
            display: none;
        }

div.sitemap {
    font-family: BrownLight;
    font-size: 12px;
    line-height: 16px;
}

    div.sitemap p, div.sitemap a {
        color: #9B9B9B;
        font-size: 12px;
    }

    div.sitemap div.copyright p {
        margin-top: 0px;
        display: inline;
    }

    div.sitemap div.copyright img#ennismorelogo {
        position: relative;
        text-align: center;
    }

div.siteLinks p {
    display: inline-block;
    margin: 0 17.5px 0 17.5px;
    line-height: 41px;
}

    div.siteLinks p.contact-faq {
        text-transform: uppercase;
    }

.hamburger-menu div.siteLinks a {
    color: #353535;
}

div.siteLinks div {
    margin: 5px 5px 5px 5px;
}

div.footer-language-control {
    display: inline-block;
    margin: 0 !important;
}

@media (min-width: 992px) {
    div.footer-language-control {
        display: block;
    }
}

ul.footer-language-link-list {
    list-style: none;
    padding: 0;
    display: inline-flex;
}

    ul.footer-language-link-list a {
        font-family: BrownLight;
        color: #353535;
        padding: 0 8px 0 0;
        font-size: 12px;
    }


div.sitemap p.address {
    margin-bottom: 6px;
    font-size: 12px;
}

div.sitemap .copyright {
    margin-top: 3px;
}

.copyright {
    height: 60px;
    text-align: center;
    background-color: #fff;
    position: relative;
}

    .copyright p {
        line-height: 60px;
        margin: 0;
        text-align: center;
        color: #908F90;
        font-family: BrownLight;
        font-size: 10px;
    }

    .copyright a {
        position: absolute;
        top: 0;
        right: 20px;
    }

#ennismorelogo {
    width: 70px;
    padding-top: 17.5px;
}

/*-- Signup --*/

.contourForm.jointhelist {
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}

    .contourForm.jointhelist label {
        font-size: 12px;
        font-family: BrownLight;
    }

    .contourForm.jointhelist .email input[type="text"] {
        border: none;
        background: transparent;
        border-bottom: 1px solid #fff;
        border-radius: 0;
        width: 100%;
        font-family: BrownLight;
        font-size: 14px;
        height: 25px;
        line-height: 25px;
    }

footer#footer div.mailer-signup .contourForm.jointhelist .email input[type="text"], footer#footer div.mailer-signup .contourForm.jointhelist .email input[type="email"] {
    border: none;
    background: transparent;
    border-bottom: 1px solid #9B9B9B;
    border-radius: 0;
    width: 100%;
    font-family: FarnhamDisplayRegularItalic;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
}

.contourForm.jointhelist .contourField.checkbox {
    text-align: left;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 45%;
}

    .contourForm.jointhelist .contourField.checkbox label {
        padding-left: 25px;
        margin-top: -10px;
        margin-right: 10px;
    }


    .contourForm.jointhelist .contourField.checkbox div {
        position: absolute;
        left: 0px;
        top: 6px;
    }

.contourForm.jointhelist .submitRow {
    position: absolute;
    top: 0px;
    right: 0px;
}

.contourForm.jointhelist input[type="checkbox"] {
    display: none;
}

    .contourForm.jointhelist input[type="checkbox"] + label {
        opacity: 0.5;
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url('../../img/hoxton/white-tick-empty.svg') left top no-repeat;
    }

    .contourForm.jointhelist input[type="checkbox"]:checked + label {
        background: url('../../img/hoxton/white-tick-filled.svg') left top no-repeat;
    }

footer#footer div.mailer-signup .contourForm.jointhelist input[type="checkbox"] + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../../img/tick-empty.svg') left top no-repeat;
}

footer#footer div.mailer-signup .contourForm.jointhelist input[type="checkbox"]:checked + label {
    background: url('../../img/tick-filled.svg') left top no-repeat;
}

.contourForm.jointhelist .email input[type="submit"] {
    background-color: transparent;
    border: none;
    color: transparent;
    background-image: url('../../img/arrowSubmit.png');
    cursor: pointer;
    width: 40px;
    height: 16px;
}

.contourForm.jointhelist input {
    width: auto;
    height: auto;
    margin-top: auto;
}

.contourForm.jointhelist .contourField div {
    position: relative;
}

.contourForm.jointhelist .contourField h2 {
    font-size: 11px;
    font-weight: lighter;
    line-height: normal;
    cursor: pointer;
    margin-top: 3px;
    font-family: BrownRegular;
    color: #fff;
}

#footer .contourForm.jointhelist .contourField h2 {
    color: #9b9b9b;
}

.contourForm.jointhelist .contourPage fieldset:first-of-type {
    margin-bottom: 0;
}

.contourForm.jointhelist .contourPage fieldset:last-of-type {
    display: none;
}



.contourForm.jointhelist .contourPage fieldset:nth-of-type(2) .contourField.text {
    width: 10%;
    float: left;
    margin-left: 0px;
    padding-left: 0px;
    text-align: left;
}

.offers-banner .contourForm.jointhelist .contourPage fieldset:nth-of-type(2) .contourField.text {
    margin-top: -19px;
    display: block;
}

.offers-banner .sign-up .contourForm.jointhelist .contourField h2 {
    display: block;
    font-size: 12px;
    color: #fff;
    margin-top: -2px;
    font-family: BrownLight;
    font-weight: normal;
}

.offers-banner .contourForm.jointhelist input[type="checkbox"] + label,
.offers-banner .contourForm.jointhelist .submitRow input[type=submit] {
    opacity: 1;
}

.contourForm.jointhelist .contourPage fieldset:nth-of-type(2) .contourField.checkbox {
    margin-top: 5px;
}

.contourForm.jointhelist .contourPage fieldset:nth-of-type(3) .contourField {
    width: 20%;
    display: inline-block;
}

.contourForm.jointhelist .contourPage fieldset:nth-of-type(3) .formRow {
    display: inline;
}

    .contourForm.jointhelist .contourPage fieldset:nth-of-type(3) .formRow:first-child:before {
        content: 'Hotel Offers';
        display: block;
        font-family: BrownRegular;
        font-size: 12px;
        letter-spacing: 0.7px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

.offers-banner .contourForm.jointhelist .contourPage fieldset:nth-of-type(3) .formRow:first-child:before,
.offers-banner .contourForm.jointhelist .contourPage fieldset:nth-of-type(3) .formRow:last-child:before {
    color: #fff;
}

.contourForm.jointhelist .contourPage fieldset:nth-of-type(3) .formRow:last-child:before {
    content: 'Our Events';
    display: block;
    font-family: BrownRegular;
    font-size: 12px;
    letter-spacing: 0.7px;
    margin-top: 10px;
    margin-bottom: 5px;
}


footer .contourForm.jointhelist .contourPage fieldset.expanded-options {
    margin-left: calc(-100% - 15px);
}


.contourForm.jointhelist .contourField.email {
    width: auto;
}

    .contourForm.jointhelist .contourField.email label {
        display: none;
    }

    .contourForm.jointhelist .contourField.email .field-validation-error {
        position: absolute;
        right: 0px;
        top: 32px;
    }

#apartmentOverviewForm span.field-validation-error {
    color: #ddd;
    padding-left: 10px;
    line-height: 20px;
}

#apartmentOverviewForm .input-validation-error {
    border: solid 3px #c1272d;
    animation: shake .5s linear;
    -webkit-animation: shake .5s linear;
}

.contourForm.jointhelist .contourField.email .help-block {
    position: absolute;
    top: 4px;
    color: #9B9B9B;
    font-family: FarnhamDisplayRegularItalic;
    font-size: 14px;
    pointer-events: none;
    text-align: left;
    width: 100%;
    display: inline-block;
    bottom: 0px;
    margin-left: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.contourForm.jointhelist .contourField.email .submitRow {
    position: absolute;
    top: 0px;
    right: 0px;
}


.contourForm.jointhelist .submitRow input[type=submit] {
    background-image: url('../../img/submitArrow2.svg');
    cursor: pointer;
    width: 40px;
    height: 16px;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-left: 10px;
    margin-top: 2px;
    color: transparent;
    opacity: 0.5;
}

#apartmentOverviewForm .submitRow div {
    padding: 0 17px;
}

#apartmentOverviewForm .submitRow input[type=submit] {
    width: 100%;
}

#apartmentOverviewForm .submitRow .contact-col {
    margin-top: 2px;
}

    #apartmentOverviewForm .submitRow .contact-col p {
        font-weight: lighter;
        line-height: 17px;
    }

#apartmentOverviewForm .contourField input[type=text] {
    padding-left: 0;
    margin-left: 0;
}


div.mailer-signup {
    background-color: #F3F1EF;
    color: #4A4A4A;
    text-align: center;
}

div a.arrowScroll {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url('../../img/Up%20ArrowFooter.svg') no-repeat 0px 20px;
    right: 40px;
    top: 50px;
    background-position: center;
}


div.mailer-signup div.sign-up-form {
    margin: auto;
    position: relative;
}


    div.mailer-signup div.sign-up-form input[type=submit] {
        background-image: url('../../img/arrowSubmit.png');
        cursor: pointer;
        width: 40px;
        height: 16px;
        border: none;
        background-repeat: no-repeat;
        background-color: transparent;
        margin-left: 10px;
        margin-top: 2px;
    }


    div.mailer-signup div.sign-up-form input[type="text"] {
        border: none;
        background: transparent;
        border-bottom: 1px solid #9B9B9B;
        width: 300px;
        font-family: BrownLight;
        font-size: 14px;
    }

        div.mailer-signup div.sign-up-form input[type="text"]::-webkit-input-placeholder {
            color: #E3E3E3;
        }

        div.mailer-signup div.sign-up-form input[type="text"]::-moz-placeholder {
            color: #E3E3E3;
            opacity: 1;
        }

        div.mailer-signup div.sign-up-form input[type="text"]::-moz-placeholder {
            color: #E3E3E3;
            opacity: 1;
        }

        div.mailer-signup div.sign-up-form input[type="text"]::-ms-input-placeholder {
            color: #E3E3E3;
        }


footer#footer div.mailer-signup div.mailer-signup div.sign-up-form input[type="text"] {
    border-bottom: 1px solid #9B9B9B;
    width: 325px;
}

footer#footer div.mailer-signup div.social-links {
    bottom: 38%;
    left: 0;
    width: 100%;
}

div.social-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 60px;
    text-align: left;
}

    div.social-links ul li {
        padding: 0 10px;
        display: inline-block;
    }

        div.social-links ul li a {
            margin-top: 20px;
            font-size: 12px;
            text-decoration: none;
            color: #99959A;
            font-family: BrownLight;
            letter-spacing: 1px;
        }

            div.social-links ul li a img, div.social-links ul li#instagram-footer a svg {
                width: 24px;
                height: 21px;
            }


            div.social-links ul li a img, div.social-links ul li#instagram-footer a svg {
                width: 19px;
                height: 21px;
            }

        div.social-links ul li.trip a img {
            width: 22px;
        }


footer#footer div.mailer-signup div img.footer-logo {
    width: 175px;
    height: 50px;
}


div.social-links ul li#instagram-footer a svg path {
    fill: #fff;
}

.mailer-signup h4 {
    text-align: left;
    padding-top: 0px;
    margin-top: 0;
    font-size: 16px;
    color: #9B9A9B;
    font-weight: 400;
    font-family: BrownRegular;
    margin-left: 0px;
}
/*-- Sitemap --*/
div.sitemap {
    text-align: center;
    height: 185px;
}

    div.sitemap .siteLinks {
        text-align: left;
    }

/*-- Instagram --*/
div.instagramPanel h5 {
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 30px;
    color: black;
}


    div.instagramPanel h5 img {
        margin-right: 10px;
        width: 18px;
        height: 18px;
        margin-top: -4px;
    }

.instagramPanel .hox-ig-post {
    width: 23.5%;
    margin: 0;
    margin-right: 2%;
    height: 0;
    padding: 0;
    padding-bottom: 23%;
    margin-bottom: 2%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


    .instagramPanel .hox-ig-post.first {
        background-size: 30px;
        background-position: center center;
        /*text-align: center;*/
        background-color: #fff;
    }

        .instagramPanel .hox-ig-post.first a {
            display: block;
            width: 100%;
            padding-top: 58%;
            color: #353535;
        }


            .instagramPanel .hox-ig-post.first a:hover {
                color: #353535;
            }

span.insta-title {
    position: absolute;
    top: 58%;
    vertical-align: middle;
    text-align: center !important;
    color: black;
    width: 100%;
}

    span.insta-title:hover {
        color: #353535 !important;
    }

div .instagramPanel .hox-ig-post:nth-child(4n) {
    margin-right: 0;
}

div.instagramPanel div.ig-caption-contianer {
    display: none;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.5);
    padding-bottom: 98%;
    overflow: hidden;
}

.instagramPanel .hox-ig-post:hover .ig-caption-contianer {
    display: block;
}

/*Diary Feed*/

div.diaryFeed {
    float: left;
    width: 100%;
    background-color: white;
    margin-top: 80px;
}

    div.diaryFeed h5 {
        text-transform: uppercase;
        margin-top: 50px;
        margin-bottom: 50px;
        margin-left: 30px;
    }

    div.diaryFeed div {
        width: 25%;
        height: 22vw;
        float: left;
        margin: 0;
        background-repeat: no-repeat;
        padding: 0;
        background-size: cover;
    }

@media (min-width: 768px) {



    .not-home-logo {
        display: none;
    }

    .hamburger-menu .x-logo-home svg, .hamburger-menu .x-logo-home img, ul.hotel-custom-links li#hox-logo img, ul.hotel-custom-links li#hox-logo svg {
        width: 51px;
        height: 46px;
    }

    /*.header-navigation.white-nav {
        background-color: #fff !important;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
    }*/


    header.white-nav button.hamburger-menu-button > [class*='bar'] {
        background-color: #000;
    }

    /*.mobile-book-now .bookRoom*/

    .header-navigation.white-nav .book-now a.trigger {
        color: #353535;
    }

    .header-navigation.white-nav img#blackLogo, .header-navigation.white-nav img.blackArrow {
        display: inline-block;
    }

    .header-navigation.white-nav img#whiteLogo, .header-navigation.white-nav img.whiteArrow {
        display: none;
    }

    .white-nav .mobile-book-now .bookRoom {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 80px;
    }
}


@media (max-width: 991px) and (min-width: 768px) {
    div.diaryFeed div {
        width: 50%;
        height: 45vw;
    }

    .hotel-container {
        overflow: visible;
        z-index: 4;
    }

    nav button.hamburger-menu-button {
        top: 20px;
        left: 20px;
    }

    .mobile-book-now .bookRoom {
        padding: 20px;
    }

    .homeGalleryLink {
        right: 33px !important;
        bottom: 25px;
    }

    .contourForm.jointhelist .submitRow {
        right: 80px;
    }
}


@media (min-width: 768px) {



    div.main-nav-links ul.main-navigation-links {
        margin-top: 30px;
    }


    .nav-links-container .main-nav-links {
        position: absolute;
        left: 0;
        width: 30%;
        top: 50px;
        min-width: 320px;
    }

    .nav-links-container .site-nav-links {
        position: absolute;
        left: 0;
        width: 200px;
        bottom: 6%;
    }

    .nav-links-container .language-nav-links {
        position: absolute;
        left: 0;
        width: 200px;
        bottom: 2%;
    }

    /*Hoxtown Slider*/
    .hoxtown-carousel .royalSlider .rsThumb .rsTmb a.hoxtown-event {
        color: #fff;
        margin-left: 0px;
        float: left;
        position: absolute;
        left: 0px;
        top: 0%;
        width: 100%;
        text-align: center;
        text-decoration: none;
        height: 100%;
        padding: 0px 20px;
    }

    div.hoxtown-eventslide-info {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -90px;
        height: 180px;
        padding: 0px 25px;
        left: 0;
    }

    footer#footer div.mailer-signup div img.footer-logo {
        left: 50%;
        margin-left: -88px;
    }


    footer#footer div.mailer-signup .contourForm.jointhelist .contourField.email {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    div.checkout-hoxtown div.content {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -138px;
        margin-top: -100px;
        max-width: 275px;
    }

    div.checkout-hoxtown.look-back-events-hoxtown div.content {
        margin-left: -139px;
    }

    div.checkout-hoxtown.whatsHappening div.content {
        margin-left: -125px;
    }

    .hamburger-menu ul.navigation-links {
        margin: -156px auto 0 auto;
        top: 50%;
        left: 50%;
        margin-left: -137px;
    }

    .hamburger-menu ul.sub-links {
        margin: -156px auto 0 auto;
        top: 50%;
        left: 65%;
        margin-left: -137px;
    }

    /*.hoxtown-carousel .royalSlider .rsThumb .rsTmb a.hoxtown-event p {
        font-size: 11px!important;
        letter-spacing: 0.5px;
    }*/

}

@media (max-width: 767px) {
    .white-nav .mobile-book-now .bookRoom {
        padding-top: 10px;
        margin-top: 0;
    }



    div.social-links ul {
        text-align: center;
    }

    footer#footer div.mailer-signup div img.footer-logo {
        display: none;
    }

    /*nav styling*/
    .nav-links-container .sub-nav-links.on div.sub-white-logo {
        position: absolute;
        bottom: 5%;
        left: 0%;
        margin-left: 12%;
        display: block;
    }

    .nav-links-container {
        overflow: auto;
        margin-left: 7%;
    }

        .nav-links-container .main-nav-links {
            width: 100%;
            float: left;
            margin-top: 78px;
            position: relative;
        }

        .nav-links-container .sub-nav-links.on div.sub-white-logo img.sub-nav-logo, div.sub-grey-logo img.sub-nav-logo {
            width: 134px;
            height: 22px;
        }

        .nav-links-container div.sub-grey-logo {
            position: absolute;
            bottom: 5%;
            left: 50%;
            margin-left: -83px;
            display: none;
        }

        .nav-links-container .sub-nav-links ul.sub-hotel-links {
            transition-property: width;
            -webkit-transition-property: width; /* Safari */
            -webkit-transition-duration: 5s; /* Safari */
            transition-duration: 5s;
            width: 300px;
        }

    div.main-nav-links ul li a {
        font-size: 24px;
        line-height: 30px;
    }

    .nav-links-container .sub-nav-links ul.sub-hotel-links a {
        line-height: 45px;
        font-size: 18px;
    }


    .nav-links-container .sub-nav-links {
        top: 0;
        position: fixed;
    }

    div.main-nav-links ul.main-navigation-links {
        margin-top: 30px;
    }

    .hamburger-book .mobile-book-now .bookRoom {
        font-size: 18px;
    }

    div.hamburger-menu.on .bookNowNavLinks .desktoptab-booking {
        position: fixed;
        right: 0px;
        top: 0;
        display: inline-block;
        font-family: BrownRegular;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
        padding-top: 25px;
        width: auto;
        border: none;
        cursor: pointer;
        letter-spacing: 1.45px;
        z-index: 8;
        background-color: #fff !important;
    }

    .nav-links-container .sub-nav-links.on div.mobile-right-arrow {
        display: block;
        margin-top: -277px;
        margin-left: 40px;
        width: 38px;
        height: 21px;
    }

    .nav-links-container .sub-nav-links div.mobile-right-arrow {
        display: none;
    }

    .nav-links-container .sub-nav-links.on {
        width: 86%;
    }

    .nav-links-container .site-nav-links {
        /*display: none;*/
        position: relative;
        float: left;
        margin-top: 20px;
        width: 200px;
    }

        .nav-links-container .language-nav-links p, .nav-links-container .site-nav-links ul li a, .nav-links-container .language-nav-links ul li a {
            font-size: 12px;
        }

    .nav-links-container .language-nav-links {
        position: relative;
        margin-top: 20px;
        width: 200px;
        /*display: none;*/
    }

    .nav-links-container .main-nav-links {
        width: 90%;
    }


    .nav-links-container .sub-nav-links .sub-hotel-links-container {
        margin-left: 37px;
        margin-top: 100px;
    }

    .nav-links-container .sub-nav-links .sub-hotel-links-header a {
        font-size: 28px;
    }

    footer#footer div.mailer-signup div img.footer-logo {
        display: none;
    }

    footer#footer div.mailer-signup .contourForm.jointhelist .email input[type="text"] {
        padding-right: 45px;
    }

    footer#footer div.mailer-signup div.social-links {
        bottom: 38%;
    }

    div a.arrowScroll {
        width: 30px;
        height: 40px;
        background-size: 14px auto;
        right: 7px;
    }

    div.diaryFeed div {
        width: 100%;
        height: 86vw;
    }

    nav button.hamburger-menu-button {
        left: 10px;
        top: 6px;
    }
}

div.hox-ig-post {
    cursor: pointer;
}

div.diaryFeed div.ig-caption-contianer {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

div.diaryFeed div.hox-ig-post:hover div.ig-caption-contianer {
    display: block;
}

/*div.diaryFeed div.ig-caption-contianer a {
    position: absolute;
    top: 45%;
    width: 100%;
}*/

p.ig-caption {
    color: #fff;
    width: 95%;
    font-size: 18px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    top: 50%;
    position: absolute;
    margin-top: -60px;
    left: 9px;
}



img.emoji {
    margin: 0px !important;
    display: inline !important;
}

/*-- Booking Panel --*/

/*Pre-lauch-paris*/

div.preLaunchHeader div.book-now-form {
    z-index: 5;
    height: 115px;
}


div.book-now-form input {
    border: none;
}

div.book-now-form {
    width: 100%;
    height: 150px;
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    padding: 10px 0px;
    top: auto;
    z-index: auto;
}

    div.book-now-form.meeting-rooms {
        position: absolute !important;
        bottom: 0px;
        width: 100%;
        height: 150px;
        background-color: #000;
        background-color: rgba(0,0,0,0.5);
        padding: 10px 0px;
        top: auto;
        z-index: auto;
    }

@media (min-width:769px) and (max-width:991px) {
    .location div.book-now-form.meeting-rooms.search-bar.bookingContainer {
        bottom: 5.5%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .overview div.book-now-form.meeting-rooms.search-bar.bookingContainer {
        bottom: 10%;
    }
}

.meeting-rooms.bookingContainer form {
    transform: none;
}

.room-search-bar div.book-now-form {
    position: fixed;
    z-index: 9;
}

.ap-sub-bar .book-now-form.bookingContainer.meeting-rooms.search-bar {
    position: absolute;
}

div.book-now-form div.controlContainer {
    /*width: 40%;*/
    float: left;
    height: 50px;
    padding: 5px 0px 5px 0px;
    position: relative;
    left: -3%;
}

div.book-now-form label.bookNow {
    display: none;
}

div.book-now-form input, div.manageBookingSubmitContainer .code-selector input {
    font-size: 12px;
    padding: 10px;
    width: 48%;
}


.mmContainer {
    line-height: 20px;
    display: block;
}

@media (max-width: 991px) {

    .mmContainer {
        line-height: 20px;
        display: inline-block;
        margin-left: 20px;
    }

    .book-now-panel .book-now-footer.code-selector a.code {
        display: inline-block;
        width: auto;
    }

    .manageBookingSubmitContainer.code-selector a.code {
        display: block;
    }

    #mmSideBar #mmLink {
        color: #4a4a4a !important;
        margin-left: 40px !important;
    }
}

.book-now-form .mmContainer {
    margin-left: 5px;
    line-height: 17px;
}

div.book-now-form div.controlContainer input:first-child {
    float: left;
}

div.book-now-form div.controlContainer input.timeofday:first-child {
    float: none;
}

div.book-now-form div.controlContainer input:last-child {
    float: right;
}

div.book-now-form div.manageBookingSubmitContainer button {
    background-color: #353535;
    color: #fff;
    /* width: 20%; */
    height: 50px;
    border-style: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: BrownRegular;
    margin-top: 10px;
    display: block;
    top: 0px;
    position: absolute;
    right: -157px;
    margin-right: 0px;
}

div.book-now-form div.manageBookingSubmitContainer input {
    margin-top: 10px;
    height: 50px;
    width: 160px;
}

div.manageBookingSubmitContainer.on button {
    width: 60px;
    margin-left: 141px;
}

.hoxton-bedrooms-book-now-bar .controlContainer {
    left: 0 !important;
}

.hoxton-bedrooms-book-now-bar .code-selector .primaryButton {
    right: 0;
}

.hotelBookingAndMapContainer {
    background-color: white;
    height: 240px;
    padding: 0px;
}

div.hotelBookingAndMapContainer .book-now-form {
    background-color: #F5F5F5;
    height: 240px;
}

.book-now-form .room-selector {
    float: right;
}

.book-now-form .dropdownpicker {
    position: absolute;
    top: 48px;
    width: 100%;
    left: 0;
    display: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    z-index: 3;
}

.book-now-form .number-rooms .dropdownpicker, .book-now-form .room-quota .dropdownpicker {
    top: 28px;
}

.book-now-form .dropdownpicker ul {
    margin: 0;
    padding: 0;
    /*min-width: 220px;*/
}

    .book-now-form .dropdownpicker ul li {
        width: 100%;
        background-color: #fff;
        height: 35px;
        border: 1px solid #808080;
        border-bottom-width: 0;
        list-style: none;
    }

        .book-now-form .dropdownpicker ul li:last-child {
            border-bottom-width: 1px;
        }

        .book-now-form .dropdownpicker ul li a {
            line-height: 35px;
            color: #333;
            display: block;
            height: 35px;
            letter-spacing: 0.05em;
            padding-left: 5px;
        }

            .book-now-form .dropdownpicker ul li a:hover {
                color: #fff !important;
            }

.book-now-form #hotel-selected.holb .dropdownpicker ul li a:hover {
    background-color: #ff674c;
}

.book-now-form #hotel-selected.hams .dropdownpicker ul li a:hover {
    background-color: #22a173;
}

.book-now-form .dropdownpicker.hotels ul li a:hover {
    background-color: transparent;
}

.book-now-form .dropdown-selector.on .dropdownpicker {
    left: 0;
    display: block;
}

.book-now-form .dropdown-selector.on a.input {
    color: #ffc648;
}

.book-now-form .dropdownpicker ul li a.hox:hover {
    color: #fff !important;
    background-color: #ffc648 !important;
}

.book-now-form .dropdownpicker ul li a.holb:hover {
    color: #fff !important;
    background-color: #ff674c !important;
}

.book-now-form .dropdownpicker ul li a.hams:hover {
    color: #fff !important;
    background-color: #22a173 !important;
}

.book-now-form a.input.code {
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: none;
    color: #A3A3A3;
    text-align: center;
    font-size: 12px !important;
    line-height: 50px;
    text-transform: none;
    float: none !important; /* border-right-width: 0; */ /* line-height: 16px;    	width: 20%;*/ /* margin-top: 0; */ /* padding-top: 6px; */
}

    .book-now-form a.input.code:hover, .book-now-form a.input.code:focus {
        color: #a3a3a3 !important;
    }

.book-now-form a.date.input {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    position: absolute;
    top: 0px;
    right: 3px;
}

.controlContainer .selector a.input {
    min-width: 17px;
}


.book-now-form .input-value {
    /*
    color: #333;
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 48px;
    border-top: solid 1px #D0D0D0;
    border-left: solid 1px #D0D0D0;
    border-bottom: solid 1px #D0D0D0;
    */
    line-height: 35px;
    width: 100%;
    height: 35px;
    display: inline-block;
    background-color: #FFF;
    padding-left: 8%;
    cursor: pointer;
}

    .book-now-form .input-value::before {
        text-align: left;
        position: absolute;
        left: 10px;
        font-size: 12px;
        color: #808080;
        letter-spacing: 0.05em;
    }

.book-now-form .room-selector .input-value, .book-now-form .number-rooms .input-value, .book-now-form .room-quota .input-value {
    font-size: 11px;
    padding-left: 10px;
    text-align: left;
    width: 100%;
}

.book-now-form .number-rooms .input-value, .book-now-form .room-quota .input-value {
    height: 28px;
    line-height: 28px;
}

.book-now-form .number-rooms .input-value {
    text-align: left;
}

.book-now-form .room-selector .input-value {
    padding-left: 10px;
    text-align: left;
    width: 100%;
}

    .book-now-form .number-rooms .input-value::before, .book-now-form .room-selector .input-value::before, .book-now-form .room-quota .input-value::before {
        content: '';
    }

.book-now-form .bookingContent .input-value::before {
    display: none;
}

.book-now-form .inactive .input-value.checkout-input.depart::before {
    color: #a3a3a3;
    opacity: 0.5;
}

.book-now-form .room-quota .dropdownpicker ul li a {
    font-size: 11px !important;
    text-align: left;
    padding-left: 10px;
}

/*.book-now-form .room-selector .dropdownpicker ul li a {
    text-align: left;
    padding-left: 10px;
    font-size: 11px !important;
}*/

.book-now-form .input {
    /*
    border-top: solid 1px #D0D0D0;
    border-right: solid 1px #D0D0D0;
    border-bottom: solid 1px #D0D0D0;
    float: right;
    */
    background-color: #FFF;
    color: #808080;
    font-size: 16px;
    line-height: 35px;
    text-transform: uppercase;
    display: inline-block;
    z-index: 2;
    position: relative;
    height: 35px;
    padding: 0;
    letter-spacing: 0.05em;
}

.book-now-form .hotel-input.input:after, .book-now-form .scrollable.on .input.date:after {
    content: "\25BC";
    color: #999;
}

.book-now-form .input.date:after {
    content: "\25BC";
    color: #999;
}

.book-now-form .selector p {
    font-size: 14px;
    margin-bottom: 5px;
}

.book-now-form .input.white {
    background-color: #fff;
    color: #333;
    border-bottom: 2px solid #333;
}

.book-now-form .input.hotel-input {
    width: 10%;
    position: absolute;
    top: 0px;
    right: 3px;
}

.book-now-form .room-quota .input.hotel-input, .book-now-form .number-rooms .input.hotel-input {
    height: 28px;
    line-height: 28px;
}

.book-now-form .date.input {
    width: 10%;
}

.book-now-form .input.rooms {
    width: 20%;
}

.book-now-form .input.availability {
    width: 96%;
    margin-top: 20px;
    float: none;
    font-size: 14px;
    background-color: #333;
    border: 2px solid #333;
    height: 60px;
    color: #fff;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.book-now-form .picker {
    position: absolute;
    top: -110px;
    left: 0;
    display: none;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    z-index: 3;
    font-size: 14px;
}

    .book-now-form .picker.check-out {
        top: 0;
    }

.book-now-form .selector {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 50%;
    /*padding-left: 5px;
    padding-right: 5px;*/
}

    .book-now-form .selector.number-rooms {
        margin-left: 9%;
    }

        .book-now-form .selector.number-rooms span.input-value {
            width: 60%;
        }

        .book-now-form .selector.number-rooms a.input {
            width: 40%;
        }

    .book-now-form .selector.code-selector {
        height: 50px;
        width: 100%;
        margin-left: 0%;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

.more-room-options {
    display: none;
}

.book-now-form .room-quota-input label {
    height: 30px;
    line-height: 30px;
    margin-left: 8px;
}

.book-now-form .checkout-date {
    float: right;
}

.book-now-form .room-quota-inputs .room-quota-input:first-child label {
    height: 50px;
    line-height: 50px;
    margin-left: 8px;
}

.bookingContainer .selector.on .datepicker {
    display: block;
}

.book-now-form .bookingLinks {
    margin-top: 5px;
    margin-bottom: 20px;
    display: none;
}

.disable-selection {
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}


/* About Boxes - START */

.aboutBox .textContainer p {
    font-size: 20px;
    line-height: 0;
    margin: 0;
}

div.hotelLinksRow {
    text-align: center;
    padding-top: 75px;
    background-color: white;
    position: relative;
}

/* About Boxes - END */




/* Booking Controls - START */
.bookingContainer {
    /*position: absolute;*/
    /*top: 85%;*/
    z-index: 10;
    display: flex;
    padding: 2%;
}

div.bedrooms-booking {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 130px;
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    padding: 25px 0 10px 0px;
    top: auto;
    z-index: 10;
}

.book-now-form .bookingContainer, .bedroomsHeader .bookingContainer {
    width: 100%;
}

.bookingContainer .controlContainer {
    float: left;
    padding: 5px 0px 5px 0px;
    /*opacity: 0.7;*/
    /*The opacity on this makes booking calendar transparent*/
}

.bookingContainer .selector:not(.offer) {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 196px;
    margin: 5px;
    font-size: 12px;
    font-family: BrownLight;
    color: #4A4A4A;
}

.bookingContainer.meeting-rooms .selector {
    font-size: 14px;
}

.bookingContainer button {
    width: 160px;
    margin: 5px;
    background-color: #353535;
    color: white;
}

.dropdown-selector.people-selector.selector.people-dropdown-box {
    width: 120px;
}

.dropdown-selector.layout-selector.selector.date-dropdown-box {
    width: 120px;
}

.formheadermn {
    margin-left: auto;
    margin-right: auto;
    max-width: 950px;
    position: relative;
    z-index: 12;
}

.bookingContainer .input-value, .bookingContainer .input {
    line-height: 50px;
}

.bookingContainer .input-value {
    height: 50px;
}

.bookingContainer .picker {
    top: 50px;
}

.bookingLinks {
    display: none;
}

.manageBookingSubmitContainer {
    display: inline-block;
    margin-left: 4px;
}

    .manageBookingSubmitContainer button {
        -ms-transition: width 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out;
        transition: width 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out;
        -moz-transition: width 0.5s ease-in-out;
    }

    .manageBookingSubmitContainer label.bestRatesHere {
        font-family: BrownRegular;
        color: white;
        width: 110px;
        margin-left: 10px;
        display: block;
        height: 60px;
        float: right;
        margin-top: 12px;
        line-height: 22px;
    }

    .manageBookingSubmitContainer a.manageBookingLink {
        position: absolute;
        left: 0px;
        top: 67px;
    }

    .manageBookingSubmitContainer .dayUseLink {
        position: absolute;
        left: 200px;
        top: 60px;
    }

    .manageBookingSubmitContainer a.code {
        margin-left: 5px;
    }

    .manageBooking, .manageBookingSubmitContainer .code {
        color: white;
        margin-left: 7px;
        font-size: 11.88px;
        font-family: BrownLight;
        cursor: pointer;
    }

.bookingContainer .checkin-date {
    width: 120px;
    margin-right: 0px;
    text-align: center;
}

.bookingContainer .checkout-date {
    width: 120px;
    margin-left: 0px;
    text-align: center;
}

.bookingContainer .controlContainer .dropdown-selector .dropdownpicker.picker.hotels {
    top: -105px;
    margin-left: -1px;
}

.bookingContainer.meeting-rooms .controlContainer .dropdown-selector .dropdownpicker.picker.hotels {
    top: -175px; /* -140px = without Paris, -175px with Paris */
    margin-left: 0;
}

.bookingContainer.meeting-rooms .controlContainer .dropdown-selector .dropdownpicker.picker.layout {
    top: -175px;
    margin-left: 0;
}

.bookingContainer.meeting-rooms .controlContainer .dropdown-selector .dropdownpicker.picker.people {
    top: -175px;
    margin-left: 0;
    height: 175px;
    overflow-x: hidden;
    overflow-y: scroll;
}



.bookingContainer .selector.error .input-value {
    border: solid 3px #c1272d;
    animation: shake .5s linear;
    -webkit-animation: shake .5s linear;
}

@-webkit-keyframes shake {
    8%, 41% {
        -webkit-transform: translateX(-10px);
    }

    25%, 58% {
        -webkit-transform: translateX(10px);
    }

    75% {
        -webkit-transform: translateX(-5px);
    }

    92% {
        -webkit-transform: translateX(5px);
    }

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

.hotelBookingAndMapContainer .bookingContainer .controlContainer .dropdown-selector .dropdownpicker.picker.hotels {
    top: 50px;
    margin-left: 0;
}

.hotelBookingAndMapContainer .bookingContainer .controlContainer .dropdown-selector .dropdownpicker.picker.rooms {
    top: 50px;
    margin-left: 0;
}

.bookingContainer .controlContainer .dropdown-selector .dropdownpicker.picker.rooms {
    top: -139px;
    margin-left: -1px;
}

.bookingContainer .selector .datepicker.picker {
    top: 100vh;
}


.bookingContainer .selector.on .datepicker.picker {
    /*position: fixed;*/
    top: -465px;
    visibility: visible;
}

.bookingContainer.meeting-rooms .selector.on .datepicker.picker {
    top: -40px;
}

.bookingContainer .datepicker table.ui-datepicker-calendar::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid rgba(255, 255, 255, 0.9);
    left: 115px;
}

.bookingContainer.selecting1 .datepicker table.ui-datepicker-calendar::after {
    left: 235px;
}

.bookingContainer.selecting2 .datepicker table.ui-datepicker-calendar::after {
    left: 410px;
}

.hotelDetailsContainer .bookingContainer.selecting2 .datepicker table.ui-datepicker-calendar::after {
    visibility: hidden;
}



.bookingContainer .controlContainer .dropdown-selector .dropdownpicker {
    width: 198px;
}

.bookingContainer.meeting-rooms .controlContainer .dropdown-selector .dropdownpicker {
    width: 196px;
}


.bookingContainer .controlContainer .date-selector .input-value {
    padding-left: 0px;
    padding-right: 0px;
}


.hotel-container .hotelDetailsContainer .bookingContainer .controlContainer .date-selector .input-value.checkin-input.arrive {
    border: none;
}


/* Booking Controls - END */



.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none; /* non-prefixed version, currently
                                  not supported by any browser */
}



/* Scroll to stuff */
div.scroll-suggestion {
    width: 100px;
    margin: auto;
    cursor: pointer;
    color: #fff;
}

    div.scroll-suggestion img {
        width: 20px;
        height: 16px;
        margin: auto;
    }


/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
    8.33% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    16.65% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    24.98% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    33.3% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    41.63% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

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

@keyframes hvr-wobble-vertical {
    8.33% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    16.65% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    24.98% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    33.3% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    41.63% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

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

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/*div.scroll-suggestion:hover .hvr-wobble-vertical, div.scroll-suggestion:focus .hvr-wobble-vertical, 
div.scroll-suggestion:active .hvr-wobble-vertical {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}*/


/* Umbraco Forms */

.contourFieldSet {
    border: none;
    font-family: BrownLight;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px;
}

.contourNavigation {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

.umbraco-forms-field {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

    .umbraco-forms-field input[type=text] {
        padding-left: 5px;
        line-height: 15px;
        margin-left: 3px;
        width: calc(100% - 6px);
    }

    .umbraco-forms-field.hidden {
        display: block !important;
    }

    .umbraco-forms-field label {
        line-height: 25px;
    }

.formRow {
    display: flex;
}

    .formRow input {
        height: 40px;
    }


    .formRow textarea, .formRow select {
        width: 100%;
    }

.contourForm select {
    border: 1px solid #111;
    background: transparent;
    width: 100%;
    padding: 5px 35px 5px 5px;
    font-size: 15px;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
    color: white;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../img/hoxton/TheHoxton/arrow.svg) 98% / 3% no-repeat #353535;
    line-height: 20px;
    margin-top: 4px;
}

.contourForm input {
    width: 100%;
    height: 40px;
    margin-top: 5px;
}

    .contourForm input[type=checkbox] {
        width: auto;
        height: auto;
        margin-top: auto;
    }

.contourForm .form-input {
    margin: 10px 0;
}

    .contourForm .form-input p {
        margin: 0;
    }

.contourForm .contourField label {
    color: #AEACAD;
}

.contourForm textarea {
    height: 80px;
    margin-top: 4px;
    padding: 10px;
    max-height: 80px;
    width: 100%;
}

.enquiryform.contourForm textarea {
    -moz-resize: none;
    -ms-resize: none;
    -o-resize: none;
    resize: none;
}

.contourForm input[type=submit] {
    background-color: #353535;
    color: #fff;
    width: 45%;
    height: 50px;
    border-style: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: BrownRegular;
    margin-top: 10px;
    border: 1px solid #979797;
}

.field-validation-error span {
    color: #fff !important;
}


@media (max-width: 1200px) {
    .home-nav .home-x-logo::before, .home-nav .home-x-logo::after {
        width: 38%;
    }
}



@media (max-height: 768px) {

    .bookingContainer .selector.on .datepicker.picker {
        top: -370px;
    }

    .bookingContainer table.ui-datepicker-calendar tbody tr {
        height: 45px;
    }

    .bookingContainer table.ui-datepicker-calendar tbody td {
        height: 45px;
    }
}



/* Fix for slider contents disappearing */
.mobileBedroomsRooms-slider *,
.mobileBedroomHeader-slider *,
.mobileRoomFeatures-slider *,
.bedroomHeader-slider *,
.bedroomsHeader-slider *,
.bedroomsRooms-slider *,
.restaurantSlider *,
.holdingLocationImages-slider * {
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}



/* Not Booked Yet Popup - START */
.idle-popup-container {
    position: fixed;
    width: 100vw;
    height: 100%;
    background: #191919;
    background: rgba(25,25,25,.5);
    z-index: 15;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
}

    .idle-popup-container.on {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.3s, visibility 0.3s;
    }

.idle-popup {
    position: absolute;
    background-color: #ffffff;
    width: 680px;
    min-height: 530px;
    left: 50%;
    top: 50%;
    margin-top: -265px;
    margin-left: -340px;
    text-align: center;
}

@media (max-width: 680px) {
    .idle-popup {
        width: 100vw;
        margin-left: 0;
        left: 0;
    }
}

.idle-popup svg {
    margin-top: 40px;
}

.idle-popup h3 {
    font-size: 26px;
    margin-top: 12px;
    margin-bottom: 0px;
    color: #353535;
}

.idle-popup .line1 {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #353535;
}

.idle-popup .btn {
    text-transform: uppercase;
    width: 196px;
    height: 40px;
    line-height: 41px;
    display: block;
    margin: 0 auto 13px;
    font-size: 13.74px;
    letter-spacing: 0.7px;
    color: #FFFEFE;
    background-color: #353535;
    font-family: BrownRegular;
    border: none;
}

.idle-popup .justLookingLink {
    color: #353535;
    text-decoration: underline;
    font-size: 12px;
    font-family: BrownLight;
}

.idle-popup .idleFeature {
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
}


    .idle-popup .idleFeature p {
        font-family: BrownRegular;
        font-weight: bold;
        line-height: 22px;
    }

    .idle-popup .idleFeature img {
        height: 48px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

        .idle-popup .idleFeature img.priceMatch {
            width: 50px;
            height: 38px;
        }

        .idle-popup .idleFeature img.lateCheckout {
            width: 36px;
            height: 40px;
        }

        .idle-popup .idleFeature img.breakfastBag {
            width: 35px;
            height: 46px;
        }

        .idle-popup .idleFeature img.wifi {
            width: 29px;
            height: 30px;
        }

.idle-popup .featureRow {
    margin-left: 30px;
    margin-right: 30px;
}

    .idle-popup .featureRow.idleFeaturesIcons {
        height: 48px;
        margin-top: 55px;
    }

    .idle-popup .featureRow.idleFeaturesLabels {
        margin-bottom: 38px;
    }

/* Not Booked Yet Popup - END */

/*Contact Form - Validation error*/

.contactPanel .umbraco-forms-field input.input-validation-error, .contactPanel .umbraco-forms-field select.input-validation-error, .contactPanel .umbraco-forms-field textarea.input-validation-error {
    border: solid 1px #c1272d !important;
    animation: shake .5s linear !important;
    -webkit-animation: shake .5s linear;
}

.contourForm form input[type=submit]:disabled {
    opacity: 0.2;
}

.contactPanel .contactThanks {
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    padding: 15px 0;
    font-size: 16px;
}

.contactPanel .contactError {
    color: #fff;
    text-align: center;
    border: 1px solid #c1272d;
    padding: 15px 0;
    font-size: 16px;
}

div.mobileBookNowRow {
    display: none;
    background-color: #f6f6f6;
    height: 50px;
    text-align: center;
    position: fixed;
    /*top: -moz-calc(100% - 50px);
    top: -webkit-calc(100% - 50px);
    top: calc(100% - 50px);*/
    width: auto;
    bottom: 0;
    left: 0px;
    right: 0px;
    z-index: 10;
    top: auto;
}

    div.mobileBookNowRow a {
        width: 100%;
        display: inline-block;
        margin-top: auto;
        margin-bottom: auto;
        text-transform: uppercase;
        font-family: 'BrownRegular';
        font-size: 18px;
        line-height: 50px;
        letter-spacing: 1.75px;
        color: #353535;
    }

        div.mobileBookNowRow a:hover {
            text-decoration: none;
        }

    div.mobileBookNowRow label {
        cursor: pointer;
    }



header .home-x-logo #homepage-nav-logo #thehoxton-black {
    -ms-opacity: 0;
    opacity: 0;
}

#homepage-nav-logo img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.meeting-process #homepage-nav-logo img {
    position: relative;
    left: auto;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}


@media (max-width: 1060px) {

    .hotels-slider a h1 {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    .hotel-container {
        position: relative;
    }
}
/*adding this to fix positioning in apartment overview page because i cant edit the above media query to be 767px because it will effect the rest of the site*/
@media (max-width: 768px) {
    .hotel-container.overview {
        position: unset;
    }
}

@media (max-width: 1024px) {

    .hotels-slider a h1 {
        font-size: 26px;
    }

    p.ig-caption {
        font-size: 12px;
        left: 4px;
    }

    .bedroomsHeader .scrollButtonContainer {
        top: 60%;
    }

    .bedroomsHeader div.bedrooms-booking {
        height: 170px;
    }

    body.parallax-top .content-container {
        margin-top: 0;
    }

    .hoxtown-info {
        background-attachment: inherit;
    }
}



@media (max-width: 991px) {

    header.white-nav .home-x-logo img, header.white-nav .home-x-logo svg path, .hamburger-menu svg path {
        fill: black;
    }



    .hotel-device-menu.header-spacing, .hotel-container.header-spacing, .content-container.header-spacing {
        margin-top: 50px;
        height: auto;
    }

    .apartments-page .hotel-container.header-spacing {
        margin-top: 0;
    }

    .slide-to-more-actions-event {
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 2;
    }

    .bookSlideyButton {
        left: 0;
    }

    .slide-to-more-actions-event {
        right: 0;
    }

    .hotel-name div.floatBook {
        position: absolute;
        left: -50%;
        top: 0;
        width: 50%;
        height: 100%;
        background: #4a4a4a;
    }

        .hotel-name div.floatBook::before {
            content: '';
            height: 100%;
            width: 1000px;
            background: #4a4a4a;
            position: absolute;
            left: -999px;
            top: 0;
        }


    .hotel-name div.floatExplore {
        position: absolute;
        right: -75%;
        top: 0;
        width: 75%;
        height: 100%;
    }

    .hotel-name.williamsburg div.floatExplore { /*Remove when more options added*/
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        left: 158%;
    }

        .hotel-name.williamsburg div.floatExplore .hotel-slide-option { /*Remove when more options added*/
            position: absolute;
            width: 30% !important;
            height: 100%;
        }

    .hotel-name div.floatExplore .hotel-slide-option {
        position: absolute;
        width: 39%;
        height: 100%;
    }

        .hotel-name div.floatExplore .hotel-slide-option.extend-book {
            width: 118%;
        }

    .hotel-slide-option.opt-hotel-explore.hotel-coming-soon {
        width: 100% !important;
    }

    .hotel-name div.floatExplore .hotel-slide-option.opt-book-tonight {
        z-index: 0;
    }

    .hotel-name div.floatExplore .hotel-slide-option.opt-book-any {
        z-index: 1;
        /*transition: margin-left 1.5s ease;*/
    }

    .hotel-name div.floatExplore .hotel-slide-option.opt-hotel-explore {
        z-index: 2;
        /*transition: margin-left 1.5s ease;*/
    }

    .hotel-name div.floatExplore p {
        text-align: center;
        font-family: BrownRegular;
        font-size: 22px;
        letter-spacing: 1px;
        line-height: 24px;
    }
    /* Spacing */


    .hotel-name div.floatExplore .hotel-slide-option .opt-info p {
        font-family: BrownRegular;
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 14px;
        padding: 0;
        margin: 0;
    }

        .hotel-name div.floatExplore .hotel-slide-option .opt-info p a {
            color: #fff !important;
        }

    .opt-book-tonight .opt-info {
        width: 100%;
        position: absolute;
        top: calc(50% - 14px);
        margin-top: 10px;
    }


    .hotel-name div.floatBook button, .hotel-name div.floatExplore .hotel-slide-option.opt-book-any.opt-hotel-middle .opt-info button, /*.hotel-name div.floatExplore .hotel-slide-option.opt-book-any .opt-info p ,*/ .hotel-name div.floatExplore .hotel-slide-option.opt-hotel-explore .opt-info a {
        border: 0;
        background-color: transparent;
        font-family: BrownRegular;
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 20px;
        width: 100%;
        height: 100%;
        outline: none;
        color: #fff;
        text-decoration: none;
        top: 0;
        position: absolute;
        margin: 0;
    }

    .hotel-name div.floatExplore .hotel-slide-option.opt-book-any .opt-info p a {
        font-family: BrownRegular;
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 20px;
        outline: none;
        color: #fff;
        text-decoration: none;
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
        left: 0;
        margin-top: -20px;
    }

    .hotel-name div.floatExplore .hotel-slide-option.opt-hotel-explore .opt-info a span {
        position: absolute;
        width: 100%;
        text-align: center;
        top: calc(50% - 30px);
    }


    .hotel-name div.floatExplore .hotel-slide-option.opt-hotel-explore.coming-soon .opt-info a span {
        top: calc(50% - 14px);
    }

    .hotel-name div.floatExplore .hotel-slide-option.opt-hotel-middle .opt-info p a {
        margin-top: -10px;
    }

    .hotel-name div.floatExplore .hotel-slide-option.opt-book-any {
        z-index: 1;
        /*transition: margin-left 1.5s ease;*/
    }

    .hotel-name div.floatExplore .hotel-slide-option.opt-hotel-explore {
        z-index: 2;
        /*transition: margin-left 1.5s ease;*/
    }


    .hotel-slide-option.opt-hotel-explore::after {
        content: '';
        height: 100%;
        width: 1000px;
        background: #1e6a94;
        border: 1px solid #1e6a94;
        position: absolute;
        right: -999px;
        top: 0;
    }


    .hotel-slide-option.opt-hotel-explore.coming-soon::after {
        content: '';
        height: 100%;
        width: 1000px;
        background: #9b9b9b;
        border: 1px solid #9b9b9b;
        position: absolute;
        right: -999px;
        top: 0;
    }





    .hotel-name div.floatExplore .hotel-slide-option.opt-book-tonight {
        background: #9b9b9b;
        border: 1px solid #9b9b9b;
    }

    .hotel-name div.floatExplore .hotel-slide-option.opt-book-any {
        background: #4a4a4a;
        border: 1px solid #4a4a4a;
    }

    .hotel-name div.floatExplore .hotel-slide-option.opt-hotel-explore {
        background: #9b9b9b;
        border: 1px solid #9b9b9b;
    }



    .hotel-name div.floatExplore .hotel-slide-option.opt-hotel-blue {
        background: #1e6a94;
        border: 1px solid #1e6a94;
    }




    .hotel-name div.floatExplore .hotel-slide-option.opt-book-any .opt-info button {
        padding: 0;
    }




    .hotel-device-menu.header-spacing, .content-container.header-spacing {
        margin-top: 50px;
        height: auto;
    }

    .hamburger-menu .x-logo-home svg, .hamburger-menu .x-logo-home img, .home-x-logo #main-nav-x-logo img, .home-x-logo #main-nav-x-logo svg, ul.hotel-custom-links li#hox-logo img, ul.hotel-custom-links li#hox-logo svg {
        width: 35px;
        height: 38px;
    }

    .home-x-logo #main-nav-x-logo svg {
        display: none;
    }

    .home-x-logo #main-nav-x-logo #thehoxton-black {
        width: 15%;
        position: absolute;
        top: 3%;
    }

    .mobile-book-now .bookRoom {
        color: #FFF;
        width: 100%;
    }

    ul.hotel-custom-links li a {
        position: absolute;
        left: 50%;
        top: 4px;
        margin-left: -27px;
    }

    .home-x-logo #main-nav-x-logo img, .home-x-logo #main-nav-x-logo svg {
        margin-top: -19px !important;
    }

    /*nav change on scroll*/

    header.nav-up, header.nav-up button.hamburger-menu-button {
        top: -50px;
    }

    nav button.hamburger-menu-button.on {
        top: 6px !important;
    }

    a.mobile-book-now.nav-up {
        top: 0 !important;
    }

    .home-x-logo a {
        position: absolute;
        margin-left: -17px;
    }

    .book-now-widget .book-now-already a {
        position: absolute;
        left: 50%;
        margin-left: -64px;
    }

    .booking-wrapper.hamburgered {
        z-index: 10;
    }



    /*.book-now.continue {
        position: fixed;
        top: 51px;
        left: 0;
        width: 100%;
        height: 40px;
        text-align: center;
        background-color: white;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }*/

    /*.book-now.continue.nav-up {
            top: 0;
        }



    .book-now.continue a.availability {
        margin-top: 0;
        line-height: 37px;
    }

    .book-now.continue .start-over {
        top: 0;
        width: 100%;
        -webkit-transform: translateX(92%);
        -moz-transform: translateX(92%);
        -ms-transform: translateX(92%);
        -o-transform: translateX(92%);
        transform: translateX(92%);
    }

    .start-over.on {
        text-align: center;
        padding-right: 80px;  
    }

    .continue .countdown {
        line-height: 38px;
        margin-top: 0;
    }*/


    /*End of New Book a room bubble*/

    .hotel-slide-actions {
        position: absolute;
        top: calc(50% - 12px);
        right: 30px;
    }

        .hotel-slide-actions img.rightarrow {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            height: 24px;
            width: 13px;
        }

        .hotel-slide-actions span {
            position: absolute;
            font-family: BrownLight;
            top: -3px;
        }


            .hotel-slide-actions span.bookslidey {
                left: -55px;
                text-transform: uppercase;
            }

            .hotel-slide-actions span.exploreslidey {
                right: -65px;
                text-transform: uppercase;
            }


    .content-container {
        position: relative;
        top: 0;
    }

    /*-- Menu --*/

    .home-x-logo {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    nav a.hoxton-logo {
        width: 100%;
        padding: 3% 0 0 0;
        display: none;
    }

        nav a.hoxton-logo img {
            margin: 0 auto;
            width: 65px;
            height: 65px;
        }

    ul.navigation-links li {
        width: 20%;
        float: left;
        font-size: 14px;
        color: white;
    }

    ul.sub-links .sub-link-label {
        display: none;
    }

    /*.header-navigation ul.navigation-links h5 {
        margin: 10px 0;
    }*/

    .header-navigation ul.navigation-links a {
        display: block;
        padding: 0;
    }

    ul.hotel-custom-links li {
        display: none;
    }

        ul.hotel-custom-links li#hox-logo {
            display: block;
        }

            ul.hotel-custom-links li#hox-logo svg path {
                fill: #fff;
            }

    /*-- Nav Menu--*/

    /*.mobile-book-now {
            width: 100%;
            position: static;
            background: white;
            display: none;
            text-align: center;

        }

        .mobile-book-now.shown {
            display: block;
        }*/

    .header-navigation nav div.nav-base {
        text-align: center;
        display: none;
        -moz-transition: all ease-out; /* FF4+ */
        -o-transition: all ease-out; /* Opera 10.5+ */
        -webkit-transition: all ease-out; /* Saf3.2+, Chrome */
        -ms-transition: all ease-out; /* IE10 */
        transition: all ease-out;
        float: left;
        width: 100vw;
    }

    .header-navigation img.whiteArrow {
        display: none;
    }

    ul.navigation-links li {
        width: 100%;
        float: left;
        font-size: 14px;
        color: white;
    }


    .header-navigation a {
        color: #000;
    }

    a.hoxton-logo #whiteLogo {
        display: none;
    }

    a.hoxton-logo #blackLogo {
        display: block !important;
    }

    a.book-room-link {
        position: relative;
        width: 100%;
        float: left;
        margin-bottom: 35px;
        margin-top: 55px;
    }

        a.book-room-link p {
            color: #000;
        }

    .header-navigation {
        border-bottom: none;
        /*background-color: white;*/
        height: 50px;
        /*-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);*/
    }

    div.menuButton {
        position: fixed;
        right: 15px;
        top: 15px;
        z-index: 1000;
        cursor: pointer;
        margin: 5px;
    }

    div.menuBox {
        height: 25px;
        width: 25px;
        pointer-events: all;
        display: inline;
    }

    div.menuButton > [class*='bar'] {
        position: absolute;
        left: 0;
        background-color: #ceb395;
        width: 100%;
        height: 4px;
        border-radius: 5px;
        transition: all .4s;
    }

    div.menuButton div.bar1 {
        top: 4px;
    }

    div.menuButton div.bar2 {
        bottom: 4px;
    }



    div.menuButton.on div.bar1 {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    div.menuButton.on div.bar2 {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        bottom: 17px;
    }

    div.menuButton.on .crossContainer {
        display: none;
    }


    header.header-navigation nav div.nav-base ul.navigation-links li a {
        color: #000;
    }


    /*-- Booking Bar --*/

    .book-slide.active {
        left: 0;
        width: 100vw;
    }

    .book-now-panel, .manage-booking-panel {
        width: 100% !important;
    }

    .manage-booking-panel {
        right: -100% !important;
    }

    .book-slide.manage-active .manage-booking-panel {
        right: 0 !important;
    }

    .manage-booking-panel .find-booking {
        width: 100% !important;
    }


    .book-now .book-now-footer a.code {
        width: 100%;
        text-align: center;
        margin-left: 0 !important;
    }


    div.nav-base .book-now a.trigger {
        padding: 20px;
    }


    /*-- About Us --*/
    .about-hoxton {
        height: 400px !important;
    }

    .about-us {
        padding: 0 50px 0 50px;
        width: 100% !important;
        margin: 0 !important;
    }

    /*-- Hoxtown --*/

    .hoxtown-carousel .royalSlider .rsThumbsVer {
        width: 100% !important;
    }

    .hoxtown-carousel .royalSlider .rsOverflow, .hoxtown-carousel .royalSlider .rsImg {
        margin: 0 !important;
    }

    /*-- Instagram --*/

    div.instagramPanel .hox-ig-post:nth-child(n+5) {
    }

    div.instagramPanel {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hoxtown-carousel .royalSlider .rsThumb .rsTmb a.hoxtown-event h1 {
        font-size: 17px !important;
        line-height: 20px;
    }
}


@media (min-width: 768px) {
    header.aboutPage .home-x-logo #main-nav-x-logo img, header.aboutPage .home-x-logo #main-nav-x-logo svg {
        visibility: hidden;
        opacity: 0;
    }

    .hoxton-bedrooms-book-now-bar {
        width: 100% !important;
    }

    #thehoxton-white {
        top: 5%;
    }
}

header.aboutPage.aboutXShow .home-x-logo #main-nav-x-logo img, header.aboutPage.aboutXShow .home-x-logo #main-nav-x-logo svg {
    visibility: visible;
    opacity: 1;
}

header.white-nav .home-x-logo img, header.white-nav .home-x-logo svg path, .hamburger-menu svg path {
    fill: black;
}

ul.hotel-custom-links li#hox-logo svg path {
    fill: #353535;
}



/*nava logo styling*/

nav.homepage-navigation .home-x-logo #main-nav-x-logo img, nav.homepage-navigation .home-x-logo #main-nav-x-logo svg {
    top: 0;
}

.home-x-logo #main-nav-x-logo img, .home-x-logo #main-nav-x-logo svg {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 40px;
    transition: all 0.5s ease;
}

header.white-nav .home-x-logo #main-nav-x-logo img, header.white-nav .home-x-logo #main-nav-x-logo svg {
    top: 40px;
}


.home-x-logo #homepage-nav-logo img, .home-x-logo #homepage-nav-logo svg {
    transition: all 0.4s ease;
}


nav.homepage-navigation .home-x-logo::before, nav.homepage-navigation .home-x-logo::after {
    width: 41%;
}

nav.homepage-navigation .home-x-logo #main-nav-x-logo img, nav.homepage-navigation .home-x-logo #main-nav-x-logo svg {
    visibility: hidden;
    -ms-opacity: 0;
    opacity: 0;
}

header.white-nav .home-x-logo #main-nav-x-logo img, header.white-nav .home-x-logo #main-nav-x-logo svg {
    visibility: visible;
    -ms-opacity: 1;
    opacity: 1;
}



header.white-nav .home-x-logo {
    padding-top: 25px;
}




    nav.homepage-navigation .home-x-logo #homepage-nav-logo img,
    nav.homepage-navigation .home-x-logo #homepage-nav-logo svg,
    header.white-nav .home-x-logo #homepage-nav-logo #thehoxton-black {
        visibility: visible;
        -ms-opacity: 1;
        opacity: 1;
    }

    header.white-nav .home-x-logo #homepage-nav-logo #thehoxton-white {
        visibility: hidden;
        -ms-opacity: 0;
        opacity: 0;
    }

/*.home-x-logo::before {
        display: block;
        content: '';
        background: rgba(255, 255, 255, .5);
        height: 1px; 
        margin-left: 0;
        width: 50%; 
        position: absolute;
        top: 100%;
        transition: all 2s ease;
    }

    .home-x-logo::after {
        display: block;
        content: '';
        background: rgba(255, 255, 255, .5);
        height: 1px; 
        margin-left: 0;
        width: 50%;
        position: absolute;
        top: 100%;
        right: 0px;
        transition: all 2s ease;
    }*/

ul.hotel-custom-links li#hox-logo {
    width: 66px;
}

    ul.hotel-custom-links li#hox-logo a {
        height: 50px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: 5px;
    }

    ul.hotel-custom-links li#hox-logo svg {
        z-index: -1;
    }

}

@media (max-width: 1205px) and (min-width: 992px) {

    nav.homepage-navigation .home-x-logo #homepage-nav-logo img,
    nav.homepage-navigation .home-x-logo #homepage-nav-logo svg {
        width: 67px;
    }

    #thehoxton-black {
        top: -34% !important;
    }

    .home-nav.header-navigation .home-x-logo #homepage-nav-logo img,
    header .home-x-logo #homepage-nav-logo,
    header.white-nav .home-x-logo #homepage-nav-logo,
    .home-nav.header-navigation.white-nav div.stencil-logo {
        width: 67px;
    }

    .header-navigation.white-nav div.stencil-logo {
        background-size: 140px auto;
    }

    header.white-nav .home-x-logo {
        padding-top: 15px;
    }

    .white-nav nav button.hamburger-menu-button {
        top: 20px;
    }
}

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

    /*.hotel-button .hotel-content .hotel-content-full {
        top: 50%;
        margin-top: -45px;
    }*/

    .hoxtown-carousel .royalSlider .rsThumb .rsTmb a.hoxtown-event h1 {
        position: absolute;
        left: 0;
        width: 100%;
        top: 50%;
        margin: 0;
        margin-top: -10px;
        padding: 0px 10px;
    }

    /*FAQs*/
    /*.informationPanel .hotel-button .hotel-content .hotel-content-full {
        top: 0;
    }*/
    /*body.on .header-navigation nav div.nav-base {
            width: 75%;
        }*/


    /*body.on ul.sub-hotel-links.on {
            -webkit-transform: translateX(-250px);
            -ms-transform: translateX(-250px);
            transform: translateX(-250px);
       }        
        
        body.on ul.sub-restaurants-links.on {
            -webkit-transform: translateX(-250px);
            -ms-transform: translateX(-250px);
            transform: translateX(-250px);
       }
        
        ul.sub-hotel-links li, ul.sub-restaurants-links li {
            width: 70%;
            border-bottom: 1px solid #fff;
            margin-left: 8%;
            height: 50px;
        }    
        */


    .day-use {
        padding: 10px 26%;
    }


    .home-nav.header-navigation.white-nav .pre-launch .stencil-logo {
        display: none;
    }


    .home-nav.header-navigation.white-nav.nav-border {
        border-bottom: 1px solid #F5F5F5;
    }
}


@media (min-width: 768px) {


    div.hamburger-nav .siteLinks {
        bottom: 15%;
    }

    ul.navigation-links li {
        padding: 0px 0px;
    }

    .parallax-top .content-container {
        margin-top: 100vh;
    }

    .hoxtown-headlines img {
        height: 42px;
        margin: 36px 30px 30px 30px;
    }

    .hamburger-menu a.mobile-book-now.mobile-booking {
        display: none;
    }

    div.close-submenu img {
        left: 0;
        top: 14px;
    }

    ul.sub-links span, ul.sub-links h5 {
        font-size: 26px;
        text-transform: capitalize;
        margin: 30px 0;
    }
}



/*stop book bar appearing on tablet*/
/*-------------------------------------*/
.mobile-book-now.desktoptab-booking {
    position: fixed;
    right: 5px;
    top: 0;
    border: 0;
    background: none;
}

/*-------------------------------------*/
/*end*/

@media (min-width: 992px) {
    .close-book-now {
        display: none;
    }

    ul.sub-links li.languageOption h5 {
        font-size: 23px;
    }
}

@media (max-width: 767px) and (orientation:portrait) {

    .hamburger-menu .siteLinks {
        bottom: 20%;
    }
}

@media (max-height:320px) and (orientation:landscape) {
    div.mailer-signup {
        height: 185px !important;
    }
}


@media (max-width: 767px) and (orientation:landscape) {
    /* Landscape styles here */

    footer#footer div.mailer-signup div.social-links {
        display: none !important;
    }

    div.mailer-signup {
        height: 230px !important;
    }

    div.sitemap {
        height: 85px !important;
    }


    .hamburger-menu .siteLinks {
        bottom: 15%;
    }

    .nav-links-container .sub-nav-links.on div.Sub-white-logo {
        margin-left: 8%;
    }
}

@media(max-width: 767px) and (orientation: landscape) {
    ul.navigation-links {
        top: 16% !important;
    }

        ul.navigation-links li {
            margin: 5px 0 !important;
        }

    div.ennismoreLogo {
        display: none;
    }
}

@media (max-width: 767px) {

    .white-nav nav button.hamburger-menu-button {
        top: 10px !important;
    }

    header .home-x-logo #homepage-nav-logo #thehoxton-black {
        opacity: 1;
    }

    .mobile-book-now .bookRoom {
        padding: 0;
        font-size: 18px;
        line-height: 40px;
        color: #353535;
    }


    .home-x-logo {
        padding-top: 15px;
    }

    div#homepage-nav-logo #thehoxton-white {
        display: none;
    }


    ul.hotel-custom-links li#hox-logo svg path {
        fill: #353535;
    }

    button.hamburger-menu-button > [class*='bar'] {
        background-color: black;
    }

    .hotel-device-menu.header-spacing, .content-container.header-spacing {
        margin-top: 90px;
        height: auto;
    }

    .hotel-device-menu.header-spacing {
        padding-bottom: 445px;
    }

    footer {
        display: block !important;
    }

    .hoxtown-carousel .royalSlider .rsThumb .rsTmb a.hoxtown-event div.hoxtown-eventslide-info {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100px;
        top: 50%;
        margin-top: -50px;
    }

    .hoxtown-carousel .royalSlider .rsThumb .rsTmb a.hoxtown-event {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .hoxtown-carousel .royalSlider .rsThumb.rsNavSelected .rsTmb {
        height: 100%;
        width: 100%;
        margin: 0;
    }

    .hotel-button .hotel-content .hotel-content-full {
        top: 50%;
        transform: translateY(-50%);
    }


    .hotel-slide-actions {
        right: 15px;
    }

    .coming-soon .hotel-slide-actions {
        display: none;
    }

    ul.navigation-links {
        float: left;
        width: 100%;
        color: white;
        padding: 0;
        list-style-type: none;
    }

    .hoxtown-info .content {
        max-width: 320px;
        position: absolute;
        left: 50%;
        margin-left: -162px;
        top: 20px;
    }

        .hoxtown-info .content h3 {
            font-size: 18px;
            line-height: 23px;
            letter-spacing: 0.72px;
            padding-left: 20px;
            padding-right: 20px;
            margin-bottom: 0;
        }

    div.close-submenu img {
        top: 18px;
        left: 10%;
    }

    .hamburger-menu ul h5 {
        margin: 0;
        font-size: 18px;
        line-height: 25px;
    }

    img.blackArrow {
        width: 12px;
    }

    .hamburger-nav div.main-nav-links h1 {
        font-size: 24px;
    }

    .hamburger-book {
        z-index: 5;
    }

    .hamburger-nav div.main-nav-links ul li {
        margin: 10px 0;
        font-size: 18px;
    }

    div.hamburger-menu .social-links ul li a {
        letter-spacing: 0px;
        padding: 0px 5px;
    }

    div.hamburger-menu .social-links ul li {
        padding: 0px 6px 0px 0px;
        margin: 0px;
    }

    .checkout-hoxtown.look-back-events-hoxtown-image {
        display: none !important;
    }

    div.hoxtown-links .checkout-hoxtown {
        width: 100% !important;
        display: block;
        text-align: center;
        height: 300px;
        position: relative;
    }

    div.hoxtown-links .content {
        position: absolute;
        left: 0%;
        top: 50%;
        margin-top: -82px;
        width: 100%;
    }

        div.hoxtown-links .content h5 {
            font-family: BrownLight;
            border-bottom: 1px solid white;
            position: absolute;
            left: 50%;
            margin-left: -55px;
            bottom: -45px;
        }
    /*Booking Slide*/

    .book-slide.active button.input.availability.booking-bar-availabilty {
        position: fixed;
    }



    .book-now .book-slide.active #hotel-selected {
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 40px;
    }


    .hamburger-nav.on .siteLinks, .hamburger-nav.on .social-links {
        display: none;
    }

    .content-container {
        padding-bottom: 0;
    }

    div.mailer-signup {
        height: 265px;
    }

    div.sitemap {
        height: 140px;
    }

    .contourForm.jointhelist .contourField.checkbox {
        margin-left: 0px;
    }

    .contourForm.jointhelist .email input[type="text"] {
        width: 100%;
    }


    .contourForm.jointhelist .contourPage fieldset:nth-of-type(2) .contourField.text {
        display: block;
    }

    div.diaryFeed {
        margin-top: 0px;
    }

    .hotel-button .hotel-content p span {
        font-size: 12px;
    }

    /*FAQs*/
    .informationPanel .hotel-button .hotel-content .hotel-content-full h3 {
        line-height: 70px;
        padding: 0;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.parallax-top .hotel-container {
        position: relative;
        height: auto;
        margin-top: 90px;
    }

    .contourForm.jointhelist .contourFieldSet {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px !important;
        margin-right: 0px;
    }

    /*.home-x-logo path {
            fill: #000;
        }*/


    /*button.hamburger-menu-button div.bar1, button.hamburger-menu-button div.bar2 {
        background-color: #000;
    }*/

    .hamburger-menu a.mobile-book-now.mobile-booking {
        bottom: 0;
        right: 0;
        width: 100%;
        position: absolute;
    }

    .hamburger-menu .x-logo-home {
        top: 7px;
    }

    ul.navigation-links, ul.sub-links {
        top: 15%;
    }

    /*.header-navigation ul.navigation-links h5 {
             margin: 10px 0;
         }*/

    .header-navigation ul.navigation-links a {
        font-size: 18px;
        text-transform: capitalize;
        letter-spacing: 0;
    }

    .hotelLinksRow .textContainer div p, .hotelLinksRow .textContainer div h5 {
        display: none;
    }

    header nav div.crossContainer {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        top: 0;
    }

    .homepage-body .content-container, .homepage-body footer {
        /*display: none; */
    }

    nav a.hoxton-logo {
        position: static;
        margin: 10px 0;
        display: block;
    }


    div.device-header {
        display: none;
    }

    div.page-content {
        display: block;
        /*margin-top: 90px;*/
    }

    div.mobileBookNowRow {
        display: block;
    }

    /*body.on ul.sub-hotel-links.on,  body.on ul.sub-restaurants-links.on {
        left: 0;
        -moz-transition: all 0.3s ease-in-out;   
        -o-transition: all 0.3s ease-in-out;  
        -webkit-transition: all 0.3s ease-in-out;   
        -ms-transition: all 0.3s ease-in-out;   
        transition: all 0.3s ease-in-out;  
    }*/

    /*ul.sub-hotel-links, ul.sub-restaurants-links {
        left: 100%;
        height: 100%;
        width: 100%;
    }*/

    .bookingWidget {
        display: block;
    }

    button.input.availability.booking-bar-availabilty {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 100%;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .book-slide.active button.input.availability.booking-bar-availabilty {
        left: 0;
    }

    div.menuButton > [class*='bar'] {
        background-color: #ceb395;
    }

    header.header-navigation {
        display: block;
        height: 50px;
    }

        header.header-navigation nav {
            position: fixed;
            width: 100vw;
        }


    .hoxton-device-menu > * {
        display: block;
    }

    .hotel-button {
        border-top: none;
        height: 180px;
        position: relative;
        overflow: hidden;
    }

        .hotel-button:last-child {
            border-bottom: none;
        }



    /* Hoxtown Phone */

    .hoxtown-header {
        height: 80px;
    }

    .hoxtown-headlines img {
        width: 82px;
        height: 26px;
        margin: 28px 20px;
    }

    .hoxtown-info h3 {
        font-size: 18px;
        line-height: 23px;
        letter-spacing: 0.72px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .hoxtown-info {
        height: 299px;
        border-top: 10px solid white;
        background-size: initial;
        display: none;
    }

    body.hotel-section .hoxtown-headlines {
        display: block;
    }

    .hoxtown-headlines {
        height: auto;
    }

    .hoxton-headlines .hoxtown-header {
        height: 95px;
    }


    .hoxtown-headlines .upcomingEventsContainer {
        position: absolute;
        right: 10px;
    }

    .hoxtown-headlines .hoxtown-header h5 {
        font-size: 11.8px;
        font-family: BrownLight;
        float: right;
    }

        .hoxtown-headlines .hoxtown-header h5 span.location {
            display: none;
        }

    .hoxtown-headlines .upcomingEventsContainer img {
        display: none;
    }

    .hoxtown-headlines .rsNav {
        position: absolute;
        left: 0px;
        height: auto;
        bottom: 0px;
        vertical-align: bottom;
        margin-top: auto;
        top: auto;
        height: 100%;
    }

    .hoxtown-headlines .rsThumbsContainer .rsNavItem:not(.rsNavSelected) {
        display: none;
    }

    .hoxtown-headlines .rsThumbsContainer .rsNavItem.rsNavSelected {
        display: block;
    }

    .hoxtown-headlines .rsNav .rsThumbsArrow {
        display: none;
    }

    .hoxtown-headlines .hoxtown-carousel .royalSlider .rsThumb {
        border: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .hoxtown-headlines .rsDefault.rsWithThumbsVer .rsThumbsContainer {
        border: none;
    }



    .hoxtown-headlines .hoxtown-carousel .royalSlider .rsThumbsVer {
        width: 100% !important;
    }

    .hoxtown-headlines .hoxtown-carousel .royalSlider .rsThumb p {
        text-transform: uppercase;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.65px;
    }


    .hoxtown-headlines .hoxtown-carousel .royalSlider, .hoxtown-carousel .royalSlider .rsOverflow {
        max-height: 260px;
    }


    /*stop book bar on tablet*/
    /*----------------------------------------------*/


    .header-navigation {
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
    }

    .mobile-book-now .bookRoom {
        line-height: 40px;
        text-align: center;
    }

    /*end*/
    /*----------------------------------------------*/


}






/*@media (min-width: 991px) and (max-width: 1450px) {

    .header-navigation ul.navigation-links li {
        padding: 0px 5px;
    }
}*/

/*@media (min-width: 991px) and (max-width: 1250px) {
    .header-navigation ul.navigation-links li h5 a {
        padding: 3px 5px;
    }
}*/


/*
@media (min-width: 991px) and (max-width: 1175px) {

    .header-navigation .mobile-book-now label{
        padding-right: 7px;
    }
    .header-navigation ul.navigation-links li h5 a {
        font-size: 12px;
    } 
}
*/

@media (min-width: 991px) and (max-width: 1100px) {

    .header-navigation .mobile-book-now label {
        font-size: 22px;
        padding-right: 5px;
        padding-top: 26px;
    }

    /*.header-navigation ul.navigation-links li h5 a {
        font-size: 12px;
    }*/
}

@media (min-width: 991px) and (max-height:920px) {
    .book-now .selector.on .datepicker {
        top: calc(42vh - 350px) !important;
    }
}

@media (min-width: 768px) and (max-height:680px) {
    .hamburger-nav .site-nav-links {
        display: none;
    }
}

@media (max-width: 600px) {
    .contourForm.jointhelist .contourPage fieldset:nth-of-type(3) .contourField {
        width: 33%;
    }
}


@media(min-width: 1200px) {


    header.white-nav .home-x-logo {
        padding-top: 25px;
    }
}

.input-value.checkin-input.selecting:before, .input-value.checkout-input.selecting:before {
    background-color: #1E6A94;
    opacity: 0.5;
    width: 100%;
    height: 50px;
    content: '';
    left: 0;
    padding-left: 10px;
    color: white;
}





.book-now.active {
    height: 100%;
}


/*.book-now:hover .countdown .start-over {
    display: block;
}*/

/*.book-now:hover .countdown span {
    display: none;
}*/

.book-slide {
    position: fixed;
    z-index: 5;
    left: 100%;
    font-size: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    background-color: rgba(0,0,0, 0.5);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 200ms cubic-bezier(.645,.045,.355,1);
    transition: transform 200ms cubic-bezier(.645,.045,.355,1);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.book-now-panel, .manage-booking-panel {
    background-color: #E9E9E9;
    width: 450px;
    height: 100%;
    /*padding: 20px;*/
    right: -450px;
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 5;
    /*overflow: auto;*/
    visibility: hidden;
}

.manage-booking-panel {
    z-index: 6;
}

.book-slide.manage-active .manage-booking-panel {
    right: 0;
    visibility: visible;
}

.book-slide.active .book-now-panel {
    right: 0;
    visibility: visible;
}

.book-now-panel p.info {
    font-size: 12px;
    font-family: 'WebMuseo_sans100';
    width: 80%;
    margin: 10px auto;
}

@media (min-width: 992px) {

    .book-slide.active {
        /*-webkit-transform: translateX(-450px);
    -ms-transform: translateX(-450px);
    transform: translateX(-450px);*/
        left: 0;
        d;
    }
}


.book-now .selector.last {
    /*height: 85px;*/
}

.book-now-panel ul.quick-date {
    padding: 0 0 10px 0;
    width: 100%;
    text-align: left;
}

    .book-now-panel ul.quick-date li {
        list-style-type: none;
        display: inline;
        width: 33.333%;
        float: left;
        text-align: center;
        color: #979797;
        padding: 11px 0;
        width: 33%;
        border-right: 1px solid #D8D8D8;
        border-bottom: 0;
    }



        .book-now-panel ul.quick-date li:last-child {
            text-align: center;
            margin-right: 0;
            width: 34%;
            border: none;
        }

        .book-now-panel ul.quick-date li a {
            padding: 0 2px;
            font-family: 'BrownLight';
            color: #4A4A4A;
            font-size: 15px;
        }

            .book-now-panel ul.quick-date li a:hover {
                color: #9b9b9b !important;
                text-decoration: underline;
            }

.close-book-now {
    height: 25px;
    background-color: transparent;
    position: absolute;
    left: 10px;
    top: 7px;
    z-index: 2420;
    width: 20px;
}

div.close-book-now::before {
    position: absolute;
    display: block;
    right: 0;
    width: 20px;
    height: 1px;
    background-color: #353535;
    content: "";
    top: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

div.close-book-now::after {
    position: absolute;
    display: block;
    width: 20px;
    height: 1px;
    background-color: #353535;
    content: "";
    top: 12px;
    right: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.close-book-now-booking {
    height: 25px;
    background-color: transparent;
    position: absolute;
    left: 10px;
    top: 7px;
    z-index: 20;
    width: 20px;
}

div.close-book-now-booking::before {
    position: absolute;
    display: block;
    right: 0;
    width: 20px;
    height: 1px;
    background-color: #353535;
    content: "";
    top: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

div.close-book-now-booking::after {
    position: absolute;
    display: block;
    width: 20px;
    height: 1px;
    background-color: #353535;
    content: "";
    top: 12px;
    right: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.close-book-now p span.input {
    display: inline-block;
    float: none;
    line-height: 50px;
    background-color: transparent;
    border: none;
    height: auto;
    font-family: 'BrownLight';
    text-transform: none;
    font-size: 24px;
    vertical-align: middle;
    color: #fff;
}

/*.select-multiple-rooms {
    max-height: 280px;
    overflow-y: scroll;
}*/

.book-now a.trigger, .book-now a.availability, .go-back a.trigger {
    font-family: BrownRegular;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important;
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    display: inline-block;
    width: auto;
    border: none;
}


.white-nav .book-now a.availability {
    color: #333;
}

.white-nav a.start-over {
    color: #fff;
}

.white-nav .countdown {
    color: #333;
}


.change-booking-link {
    position: relative;
    width: 100%;
    background-color: #eaeaea;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    text-transform: uppercase;
    font-family: 'WebMuseo_sans500';
    font-size: 11px;
    padding: 5px 0;
    letter-spacing: 0.5px;
}

    .change-booking-link a {
        color: #333;
    }

        .change-booking-link a:hover, .change-booking-link a:focus {
            color: #333 !important;
        }

#ui-datepicker-div {
    display: none;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 1 !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
}


.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    position: absolute;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}


.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none;
    background: none;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 5px !important;
}

.ui-datepicker-next.ui-corner-all.ui-state-hover, .ui-datepicker-prev.ui-corner-all.ui-state-hover {
    border: none !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 5px !important;
}

.ui-datepicker .ui-datepicker-title {
    font-family: 'BrownLight';
    text-transform: uppercase;
    font-size: 20px;
    line-height: 57px;
    letter-spacing: 0.1em;
    text-align: center;
    font-weight: normal;
    color: #353535;
}

.ui-datepicker-year {
    display: none;
}

.ui-datepicker td span, .ui-datepicker th span, .ui-datepicker td a {
    font-size: 14px;
    line-height: 23px;
    font-weight: normal;
    font-family: BrownRegular;
}

.ui-datepicker {
    width: 500px !important;
    padding: 0 !important;
    /*height: 350px;*/
}

    .ui-datepicker .ui-datepicker-header {
        height: 57px;
    }

.ui-datepicker {
    margin: 0 auto;
    border: 0;
    background: none;
}

    .ui-datepicker td {
        padding: 0 !important;
        position: relative;
        height: 55px;
    }


table.ui-datepicker-calendar tbody {
    background-color: #f0f0f0;
    height: 100%;
}

table.ui-datepicker-calendar {
    width: 100%;
    /*height: 90%;*/
}

    table.ui-datepicker-calendar tbody tr {
        height: 55px;
        position: relative;
    }

.ui-datepicker-calendar thead {
    color: white;
}

.ui-widget-header {
    background: none !important;
    color: #000 !important;
}

.ui-widget-content {
    background: #e9e9e9 !important;
    /*border: solid 1px #979797 !important;*/
}

.ui-state-hover {
    /*border: 1px solid #353535 !important;*/
    background: none !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1 !important;
}

.ui-datepicker td span, .ui-datepicker td a {
    padding: 2px 6px !important;
    display: block;
    width: 43px;
    margin-left: auto;
    margin-right: auto;
}

.ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
    color: #d9d9d9 !important;
    font-family: "BrownLight";
    border: none !important;
    background-color: transparent;
}

td.ui-datepicker-other-month a {
    color: #999999 !important;
}

.ui-state-default.ui-state-hover {
    border: solid 1px #C0C0BF !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.selected.departure .ui-state-default.ui-state-hover {
    color: #4a4a4a !important;
}

.ui-datepicker-week-end.ui-datepicker-other-month .ui-state-hover {
    background-color: #808080 !important;
    color: #fff !important;
}

/*table.ui-datepicker-calendar tr td.ui-datepicker-week-end.ui-state-disabled:last-child .ui-state-default {
    border-right: solid 1px #ccc !important;
}*/

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 1 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none; /*border: 0;*/
    text-align: center;
    font-family: "BrownRegular";
    color: #4A4A4A;
    z-index: 2;
    position: relative;
    text-decoration: none;
}

.ui-widget-header {
    background: none;
    color: #333; /*border: none;*/
}

.ui-widget-header {
    background: none !important;
    border: none !important;
    background-color: transparent !important;
    color: #353535 !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
    background: transparent url('../../img/leftArrow-thin.png') no-repeat center center;
    height: 16px;
    width: 20px;
    margin: 5px 0 0 22px !important;
    position: absolute;
}

    .ui-datepicker .ui-datepicker-prev:hover {
        background: transparent url('../../img/leftArrow-thin.png') no-repeat center center !important;
    }

.ui-datepicker .ui-datepicker-next {
    background: transparent url('../../img/rightArrow-thin.png') no-repeat center center;
    height: 16px;
    width: 20px;
    margin: 5px 22px 0 0 !important;
    position: absolute;
}

    .ui-datepicker .ui-datepicker-next:hover {
        background: transparent url('../../img/rightArrow-thin.png') no-repeat center center !important;
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none;
    background: none;
}

.ui-datepicker .ui-datepicker-prev span {
    margin: 5px 0 0 10px !important;
    position: absolute;
}

.ui-datepicker .ui-datepicker-next span {
    margin: 5px 0 0 -30px !important;
    position: absolute;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 17px !important;
    text-indent: -99999px;
    z-index: 2;
}


.ui-datepicker-next.ui-corner-all.ui-state-hover, .ui-datepicker-prev.ui-corner-all.ui-state-hover {
    border: none !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
}

/*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 5px !important;
}*/

.ui-datepicker-calendar thead tr th {
    padding: 4px 0px 10px 5px;
    text-align: center;
}

.ui-datepicker-calendar tbody::before {
    content: '';
    display: block;
    /*height: 10px;*/
}

.ui-datepicker-calendar tbody::after {
    content: '';
    display: block;
    height: 0px;
}

.ui-datepicker td span, .ui-datepicker td a {
    font-size: 18px;
    line-height: 36px;
    font-weight: normal;
    border: solid 1px transparent;
}

.ui-datepicker th span {
    font-size: 18px;
    color: #4a4a4a;
}

.datepicker .ui-datepicker {
    margin: 0 auto;
    border: none;
    background: white;
}


.book-now-already {
    height: 50px;
    position: relative;
    color: #333;
    padding: 0;
    margin-bottom: 15px;
}

/*.book-now-already p.book-a-room {
    float: left;
    margin: 0;
}*/


.book-now-widget .book-now-already a.manage-booking-trigger {
    color: #9b9b9b;
    font-size: 12px;
    font-family: BrownRegular;
    text-decoration: none;
    display: block;
    text-align: right;
    position: absolute;
    right: 15px;
    top: 10px;
}

.book-now-already p a:hover, .book-now-already p a:focus {
    color: #333 !important;
    text-decoration: none;
}

.book-now .date-selector .input-value {
    background-color: transparent;
    padding: 0;
}

    .book-now .date-selector .input-value::before, .book-now .date-selector .input-value {
        position: absolute;
        width: 100%;
        text-align: center;
        left: 0;
        font-size: 22px;
        color: #4a4a4a;
        padding: 1px;
    }

        .book-now .date-selector .input-value.checkin-input.selecting:before, .book-now .date-selector .input-value.checkout-input.selecting:before {
            background-color: transparent;
            padding: 0;
        }

        .book-now .date-selector .input-value .date-value {
            display: none;
        }

.book-now .day-use label, .book-now .day-use label a {
    color: #4a4a4a !important;
}

.book-now .date-selector .input-value.checkin-input::after {
    content: "";
    width: 1px;
    height: 42px;
    background-color: #D8D8D8;
    position: absolute;
    right: 0;
    top: 5px;
    transform: rotate(25deg);
}

.book-now .input-value {
    background-color: #F0F0F0;
    color: #333;
    height: 50px;
    display: inline-block;
    float: left;
    padding-left: 2%;
    width: 100%;
    font-size: 14px;
    font-family: BrownLight;
    line-height: 48px;
    /*border: solid 1px #D0D0D0;*/
    cursor: pointer;
    position: relative;
}

    .book-now .input-value.checkin-input.arrive {
        text-align: left;
    }

    .book-now .input-value.checkout-input.depart {
        text-align: right;
    }

.book-now .book-now-footer.code-selector {
    margin-top: 20px;
}

.book-now .input-value::before {
    content: 'Where?';
    text-align: left;
    position: absolute;
    text-transform: capitalize;
    left: 0px;
    font-size: 18px;
    color: #4A4A4A;
    letter-spacing: 0px;
}


.book-now .people-selector .input-value::before {
    content: 'People';
}

.book-now .layout-selector .input-value::before {
    content: 'Layout';
}

.book-now .date-time-selector .input-value::before {
    content: 'When?';
}

.book-now .date-time-selector .input-value.timeofday-span::before {
    content: '';
}

.book-now .date-time-selector .input-value::before {
    content: 'When?';
}

.book-now .room-selector .input-value, .book-now .number-rooms .input-value, .book-now .room-quota .input-value {
    font-size: 18px;
    font-family: BrownLight;
    padding-left: 10px;
    text-align: left;
    width: 80%;
    color: #4A4A4A;
}

.book-now .number-rooms .input-value, .book-now .room-quota .input-value {
    height: 28px;
    line-height: 28px;
    width: 100%;
}

.book-now .number-rooms .input-value {
    text-align: left;
}

.book-now .input-value.arrive::before {
    content: 'Check In?';
}

.book-now .input-value.depart::before {
    content: 'Check Out?';
}

.checkin-selected::before, .checkout-selected::before, {
    display: none;
}

.checkin-selected .date-value, .checkout-selected .date-value {
    display: block !important;
    color: #4a4a4a;
    text-decoration: none;
}

.book-now .room-selector .input-value {
    padding-left: 0px;
    text-align: left;
    width: 100%;
}

    .book-now .number-rooms .input-value::before,
    .book-now .room-selector .input-value::before,
    .book-now .room-quota .input-value::before,
    .book-now .input-value.arrive.checkin-selected::before,
    .book-now .input-value.depart.checkout-selected::before {
        content: '';
    }

.book-now .bookingContent .input-value::before {
    display: none;
}

.book-now .inactive .input-value {
    /*background-color: #F2F2F2;
    border: solid 1px #fff;*/
    opacity: 0.5;
}

.book-now .code-selector.inactive {
    opacity: 0.2;
}

.book-now .inactive .input-value.checkout-input.depart::before {
    color: #a3a3a3;
    opacity: 0.5;
}

.book-now .room-quota .dropdownpicker ul li a, .book-now .room-selector .dropdownpicker ul li a {
    text-align: left;
    padding-left: 10px;
}

.book-now .room-selector .dropdownpicker ul li a, .book-now .number-rooms .dropdownpicker ul li a {
    text-align: left;
    padding-left: 10px;
}

.book-now .input {
    border-top: solid 1px #D0D0D0;
    border-right: solid 1px #D0D0D0;
    border-bottom: solid 1px #D0D0D0;
    background-color: #FFF;
    color: #808080;
    font-size: 16px;
    font-family: BrownRegular;
    line-height: 45px;
    text-transform: uppercase;
    display: inline-block;
    z-index: 2;
    position: relative;
    height: 48px;
    padding: 0;
    float: right;
    letter-spacing: 0.05em;
}

.book-now a.input {
    font-size: 16px !important;
}

.book-now .hotel-input.input:after, .book-now .scrollable.on .input.date:after {
    content: "\25BC";
    color: #999;
}

.book-now .input.date:after {
    content: "\25C0\FE0E";
    color: #999;
}

.book-now .selector p {
    font-family: BrownLight;
    font-size: 14px;
    margin-bottom: 5px;
}

.book-now .input.white {
    background-color: #fff;
    color: #333;
    border-bottom: 2px solid #333;
}

.book-now .input.hotel-input {
    width: 10%;
}

.book-now .room-selector .input.hotel-input, .book-now .room-quota .input.hotel-input, .book-now .number-rooms .input.hotel-input {
    width: 20%;
}

.book-now .room-quota .input.hotel-input, .book-now .number-rooms .input.hotel-input {
    height: 28px;
    line-height: 28px;
}

.book-now .date.input {
    width: 10%;
}

.book-now .input.rooms {
    width: 20%;
}

.book-now .input.availability {
    width: 100%;
    float: none;
    font-size: 14px;
    background-color: #26759D;
    height: 60px;
    color: #FFF;
    font-family: BrownRegular;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
/*.book-now .input.availability:hover {color: #FFC60B!important;}*/


.book-now .selector {
    display: block;
    vertical-align: top;
    position: relative;
}


    .book-now .selector .confirm-dates {
        display: none;
    }

    .book-now .selector.number-rooms {
        margin-left: 9%;
        margin-top: 6px;
        width: 90px;
    }

        .book-now .selector.number-rooms span.input-value {
            /*width: 60%;*/
        }

        .book-now .selector.number-rooms a.input {
            width: 40%;
        }

    .book-now .selector.code-selector {
        height: 50px;
        width: 100%;
        margin-left: 0%;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

.more-room-options {
    display: none;
}

.book-now label {
    font-size: 12px;
    font-family: BrownLight;
    line-height: 50px;
    display: block;
    text-align: left;
    margin-left: 15px;
    color: #fff;
}

    .book-now label.rooms {
        font-size: 14px;
        font-family: BrownLight;
        line-height: 18px;
        color: #9B9B9B;
        margin-top: 17px;
    }

.book-now .room-quota-input label {
    height: 30px;
    line-height: 30px;
    margin-left: 8px;
    font-size: 14px;
    font-family: BrownLight;
    color: #9B9B9B;
}

.book-now .room-quota-inputs .room-quota-input:first-child label {
    /* height: 50px; */
    /* line-height: 50px; */
    margin-left: 5px;
    margin-top: 11px;
}


.book-now .book-now-footer a.code {
    color: #4a4a4a;
    font-size: 16px;
    font-family: BrownLight;
    padding: 15px 0;
    display: block;
    text-align: left;
}

.book-now .book-now-footer .selector.last {
    margin-bottom: 5px;
    padding: 0px 3px;
}

input#Code::-webkit-input-placeholder {
    color: #fff;
}

input#Code:-moz-placeholder {
    color: #fff;
}

input#Code::-moz-placeholder {
    color: #fff;
}

input#Code:-ms-input-placeholder {
    color: #fff;
}

.book-now .selector.selectorDates {
    height: 130px;
}

.book-now .selector.error .input-value {
    border: solid 3px #c1272d;
    animation: shake .5s linear;
    -webkit-animation: shake .5s linear;
}

p.padd-bottom {
    padding-bottom: 20px;
}

#hotel-selected {
    height: calc(100% - 75px);
    /*overflow-y: auto;*/
}

.book-slide .scrollable {
    margin-top: 20px;
}

.scrollable.on {
    height: calc(100% - 480px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0%;
    width: 100%;
}




.scrollable::-webkit-scrollbar-thumb {
    background: #808080;
}

.scrollable::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f7f7f7;
}

.count-down-bookbar, .count-up-bookbar {
    background-color: #808080;
    width: 50px;
    height: 50px;
    color: #fff;
    position: absolute;
    font-size: 14px;
    text-align: center;
    padding-top: 15px;
    cursor: pointer;
}

.count-down-bookbar {
    left: 0;
}

.count-up-bookbar {
    right: 0;
}

.input-value.rounded {
    width: 70px;
    height: 70px;
    border-radius: 70px;
    position: absolute;
    text-align: center;
    border: solid 1px #D0D0D0;
    padding-top: 5px;
    right: 86px;
    top: 35px;
    font-size: 24px;
    font-family: BrownLight;
}

.book-now .quick-date-container {
    height: 55px;
}

.book-now .date-selector {
    position: relative;
    float: left;
    width: 50%;
    height: 80px;
    margin-top: 15px;
}

@media (min-width:1000px) {
    .book-now .date-selector {
        position: relative;
        float: left;
        width: 50%;
        height: 80px;
        margin-bottom: -28px;
        margin-top: 15px;
    }
}

.book-now .date-selector.date-time-selector {
    height: auto;
}

.book-now .room-selector {
    position: relative;
    height: 55px;
}

.book-now .room-quota {
    position: relative;
    height: 35px;
}

.book-now .dropdown-selector span.input-value::after {
    content: "";
    width: 20px;
    height: 10px;
    background: url('../../img/hoxton/TheHoxton/Icons/arrow-down-icon.svg') left top no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
}

.book-now .dropdown-selector.date-time-selector span.input-value::after {
    content: "";
    width: 1px;
    height: 42px;
    background-color: #D8D8D8;
    background-image: none;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(25deg);
}

.book-now .dropdown-selector.date-time-selector span.input-value.timeofday-span::after {
    background-color: transparent;
    background: none;
    transform: none;
    content: 'Length';
    font-size: 18px;
    color: #4A4A4A;
}

.book-now-panel .scrollable.on .room-quota.dropdown-selector.selector {
    margin-right: 10px;
}

.book-now .room-quota-inputs {
    margin-bottom: 20px;
}


.book-now .scrollable.on .selector.on .datepicker {
    left: 0;
    top: 90%;
    display: block;
}
/*.book-now .date-selector.on a.input {   	color: #ffc648;   }*/

.book-now .dropdown-selector a.date.hotel-input.input:hover, .book-now .dropdown-selector a.date.hotel-input.input:focus, .book-now .dropdown-selector a.date.hotel-input.input {
    color: #f1f1f1 !important;
}

/*.book-now #hotel-selected.hox .date-selector a.date.input:hover, .book-now #hotel-selected.hox .date-selector a.date.input:focus, .book-now #hotel-selected.hox .date-selector.on a.input, #hotel-selected.hox ul.quick-date li a:hover, #hotel-selected.hox .picker.codes button:hover, #hotel-selected.hox .select-date-change.count-up-bookbar:hover, #hotel-selected.hox .select-date-change.count-down-bookbar:hover {
    color: #ffc648 !important;
}

.book-now #hotel-selected.holb .date-selector a.date.input:hover, .book-now #hotel-selected.holb .date-selector a.date.input:focus, .book-now #hotel-selected.holb .date-selector.on a.input, #hotel-selected.holb ul.quick-date li a:hover, #hotel-selected.holb .picker.codes button:hover, #hotel-selected.holb .select-date-change.count-up-bookbar:hover, #hotel-selected.holb .select-date-change.count-down-bookbar:hover {
    color: #ff674c !important;
}

.book-now #hotel-selected.ams .date-selector a.date.input:hover, .book-now #hotel-selected.ams .date-selector a.date.input:focus, .book-now #hotel-selected.ams .date-selector.on a.input, #hotel-selected.ams ul.quick-date li a:hover, #hotel-selected.ams .picker.codes button:hover, #hotel-selected.ams .select-date-change.count-up-bookbar:hover, #hotel-selected.ams .select-date-change.count-down-bookbar:hover {
    color: #22a173 !important;
}*/

.book-now #hotel-selected button.input.availability {
    color: #fff !important;
}

    .book-now #hotel-selected button.input.availability:hover, .book-now #hotel-selected button.input.availability:focus {
        /*background-color: #333;*/
        border-color: #333;
        color: #fff !important;
    }

.book-now .picker.codes {
    display: none;
    position: relative !important;
    left: 1px;
    top: 0 !important;
    z-index: 2;
    width: 100%;
    height: 30px;
    margin-bottom: 5px;
}

    .book-now .picker.codes input {
        height: 37px;
        float: left;
        width: 70%;
        border: none;
        text-align: center;
        font-family: BrownLight;
        letter-spacing: 0.05em;
        background-color: #F2F2F2;
        color: #333;
        outline: none;
        font-size: 14px;
    }

        .book-now .picker.codes input::selection, .book-now .picker.codes input:focus, .book-now .picker.codes input:active { /* border: 0; */
        }

.book-now .selector.code-selector.on {
    height: 92px;
    background-color: #fff;
    position: relative;
}

.book-now .picker.codes button {
    height: 37px;
    border: none;
    background-color: #1E6A94;
    color: #fff;
    width: 29.5%;
    float: left;
    outline: none;
    font-size: 14px;
    font-family: BrownLight;
}

.book-now #hotel-selected.hox .picker.codes button {
    background-color: #ffc648;
    border-color: #ffc648;
    color: #fff !important;
}

.book-now #hotel-selected.holb .picker.codes button {
    background-color: #ff674c;
    border-color: #ff674c;
    color: #fff !important;
}

.book-now #hotel-selected.hams .picker.codes button {
    background-color: #22a173;
    border-color: #22a173;
    color: #fff !important;
}

.book-now .code-selector.on .picker.codes {
    display: block;
    height: 37px;
}

.dropdown-selector.people-selector.selector.people-dropdown-box.on input.input-value.valid {
    width: 100% !important;
}

.dropdown-selector.people-selector.selector.people-dropdown-box span.input-value {
    display: block;
}

.book-slide.active div.quantity {
    display: block;
    width: 100%;
}

div.quantity {
    display: none;
}

.dropdown-selector.people-selector.selector.people-dropdown-box.on a.input-value {
    display: none;
}

.dropdown-selector.people-selector.selector.people-dropdown-box.on div.quantity .input.value {
    width: 100%;
}

.dropdown-selector.people-selector.selector.people-dropdown-box.on div.quantity {
    display: block;
}



.quantity {
    position: relative;
}

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

input[type=number] {
    -moz-appearance: textfield;
}

.quantity input {
    width: 80px;
    height: 100px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: 1px solid #eee;
}

    .quantity input:focus {
        outline: 0;
    }

.quantity-nav {
    float: left;
    position: relative;
    height: 42px;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 20px;
    text-align: center;
    color: #333;
    font-size: 22px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 1.3;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.main-quantity .quantity-button {
    font-size: 15px;
    line-height: 1.7;
}

.quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
    position: absolute;
    bottom: -1px;
    height: 50%;
}






.manage-booking-panel .find-booking {
    width: 100%;
}

.manage-booking-panel input {
    background-color: #FFF;
    color: #333;
    height: 50px;
    display: inline-block;
    padding-left: 10px;
    text-align: left;
    width: 100%;
    font-size: 14px;
    font-family: BrownLight;
    line-height: 48px;
    border-top: solid 1px #D0D0D0;
    border-left: solid 1px #D0D0D0;
    border-bottom: solid 1px #D0D0D0;
    cursor: pointer;
}

.manage-booking-panel label {
    font-size: 12px;
    font-family: BrownLight;
    line-height: 50px;
    display: block;
    text-align: left;
    margin-left: 0;
    color: #fff;
}

.manage-booking-panel p.book-a-room {
    text-align: left;
    font-size: 22px;
    font-family: BrownLight;
    margin-top: 0;
}

.manage-booking-panel .book-now .book-now-panel-split {
    padding-top: 0;
}

.manage-booking-panel button {
    background-color: #1E6A94;
    color: #fff;
    width: 100%;
    height: 60px;
    border-style: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: BrownRegular;
    margin-top: 10px;
    border: none;
}

.manageBookingSubmitContainer .code-selector.on .picker.codes {
    display: block;
    top: auto;
}

.manageBookingSubmitContainer .code-selector .selector {
    top: 5px;
    position: absolute;
    right: 128px;
    width: 135px;
    height: 50px;
}

.manageBookingSubmitContainer .code-selector .picker.codes, .manageBookingSubmitContainer .code-selector .picker.codes input {
    width: 100%;
    height: 100%;
}

.book-now .dropdownpicker {
    position: absolute;
    top: 48px;
    width: 100%;
    left: 0;
    display: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    z-index: 4;
}


.book-now .dropdown-selector.hotel-selector .dropdownpicker,
.book-now .dropdown-selector.room-selector .dropdownpicker,
.book-now .dropdown-selector.people-selector .dropdownpicker,
.book-now .dropdown-selector.layout-selector .dropdownpicker {
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    float: left;
    display: block;
    height: 0;
    max-height: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    z-index: 4;
    overflow: hidden;
}

.book-now .dropdown-selector.hotel-selector.on .dropdownpicker,
.book-now .dropdown-selector.room-selector.on .dropdownpicker,
.book-now .dropdown-selector.people-selector.on .dropdownpicker,
.book-now .dropdown-selector.layout-selector.on .dropdownpicker {
    left: 0;
    display: block;
    height: auto;
    max-height: 500px;
}

.book-now .dropdown-selector.people-selector.on .dropdownpicker {
    max-height: 200px;
    overflow-y: auto;
}

.book-now .dropdown-selector.hotel-selector .dropdownpicker ul li,
.book-now .dropdown-selector.room-selector .dropdownpicker ul li,
.book-now .dropdown-selector.people-selector .dropdownpicker ul li,
.book-now .dropdown-selector.layout-selector .dropdownpicker ul li {
    width: 100%;
    background-color: #F0F0F0;
    height: 40px;
    border-bottom-width: 0;
    list-style: none;
    border: 0;
    border-bottom: 1px solid #E9E9E9;
}

    .book-now .dropdown-selector.hotel-selector .dropdownpicker ul li:first-child,
    .book-now .dropdown-selector.room-selector .dropdownpicker ul li:first-child,
    .book-now .dropdown-selector.people-selector .dropdownpicker ul li:first-child,
    .book-now .dropdown-selector.layout-selector .dropdownpicker ul li:first-child {
        border-top: 1px solid #E9E9E9;
    }

/*layout specific colour*/
.book-now .book-now-selector-container.dark, .book-now .book-dates-container.dark {
    background: #e9e9e9;
}


    .book-now .book-now-selector-container.dark .input-value, .book-now .book-dates-container.dark .input-value {
        background-color: #e9e9e9;
    }

    .book-now .book-now-selector-container.dark .dropdown-selector.layout-selector .dropdownpicker ul li {
        background-color: #e9e9e9;
    }


    .book-now .book-dates-container.dark .input-value, .book-now .book-dates-container.dark .input-value::before {
        text-align: left;
        font-size: 18px;
    }

.book-now .number-rooms .dropdownpicker, .book-now .room-quota .dropdownpicker {
    top: 28px;
}

.book-now .dropdownpicker ul {
    margin: 0;
    padding: 0;
}

    .book-now .dropdownpicker ul li {
        width: 100%;
        background-color: #e4e4e4;
        height: 40px;
        border: 1px solid #f0f0f0;
        border-bottom-width: 0;
        list-style: none;
    }

        .book-now .dropdownpicker ul li:last-child {
            border-bottom-width: 1px;
        }

        .book-now .dropdownpicker ul li a {
            line-height: 40px;
            font-family: BrownLight;
            color: #333;
            display: block;
            height: 40px;
            letter-spacing: 0.05em;
            font-size: 14px;
        }

            .book-now .dropdownpicker ul li a:hover {
                background-color: #1E6A94 !important;
                color: #fff !important;
                text-decoration: none;
            }

.book-now #hotel-selected.holb .dropdownpicker ul li a:hover {
    background-color: #ff674c;
}

.book-now #hotel-selected.hams .dropdownpicker ul li a:hover {
    background-color: #22a173;
}

.book-now .dropdownpicker.hotels ul li a:hover {
    background-color: transparent;
}

.book-now .dropdown-selector.on .dropdownpicker {
    left: 0;
    display: block;
}

.book-now .dropdown-selector.on a.input {
    color: #ffc648;
}

.book-now .dropdownpicker ul li a:hover {
    color: #fff !important;
}

.book-now a.input.code {
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: none;
    color: #A3A3A3;
    text-align: center;
    font-size: 12px !important;
    line-height: 50px;
    text-transform: none;
    float: none !important; /* border-right-width: 0; */ /* line-height: 16px;    	width: 20%;*/ /* margin-top: 0; */ /* padding-top: 6px; */
}

    .book-now a.input.code:hover, .book-now a.input.code:focus {
        color: #a3a3a3 !important;
    }

.book-now a.date.input {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

.day-use {
    clear: both;
    width: 100%;
    padding-bottom: 3px;
}

    .day-use #IsDayUse {
        float: left;
        margin: 0px 11px 0px 0px;
        width: 17px;
        height: 17px;
        cursor: pointer;
    }

    .day-use label {
        width: auto;
        text-transform: none;
        float: left;
        line-height: 13px;
        cursor: pointer;
        margin-top: 1px;
        margin-left: -5px;
        font-size: 12px;
        margin-bottom: 10px;
        color: #fff;
        font-family: BrownLight;
    }

        .day-use label:after {
            content: "(10am - 4pm)";
            display: block;
            font-family: BrownLight;
            font-size: 12px;
        }

.book-now-panel .day-use label:after {
    display: inline-block !important;
}

.book-now-widget .day-use label a {
    /*color: #428bca;*/
    color: white;
    text-decoration: none;
}


.book-now-panel div.day-use input[type="checkbox"] ~ label {
    display: inline-block;
    padding-left: 28px;
    height: 20px;
    background: url('../../img/blue-tick-empty.svg') left top no-repeat;
    padding-top: 3px;
    margin-left: 2px;
}

.book-now-panel div.day-use input[type="checkbox"]:checked ~ label {
    background: url('../../img/blue-tick-filled.svg') left top no-repeat;
}


.contentwrap.book-now .day-use {
    margin-left: 0%;
    margin-bottom: 0px;
}

.contentwrap.book-now label {
    margin-left: 0;
}

.contentwrap.book-now .day-use label {
    margin-top: 3px;
}

.svg .select-hotel-trigger {
    background: transparent url('../../img/hoxton/locations.svg') no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
}

.select-hotel-trigger {
    display: inline-block;
    float: left;
    width: 22px;
    height: 27px;
    background: transparent url('../../img/hoxton/locations.png') no-repeat;
    background-repeat: no-repeat;
    position: fixed;
    top: 10px;
    left: 20px;
    z-index: 8;
    text-decoration: none;
    outline: none;
}

.mobile-location-selector-close {
    background: url('../img/hoxton/nav-close-mob.html') no-repeat;
    z-index: 24;
    outline: none;
    position: absolute;
    left: calc(90% - 11px);
    top: 11px;
    display: inline-block;
    height: 32px;
    width: 36px;
}

a.select-hotel-trigger span {
    font-family: BrownRegular;
    font-size: 12px;
    padding-left: 30px;
    color: #000;
    text-decoration: none;
    position: relative;
    top: 3px;
}
/*styles for white*/

.svg .select-hotel-trigger.white, .choose .svg .select-hotel-trigger {
    background: transparent url('../../img/hoxton/locations_white.svg') no-repeat;
}

.select-hotel-trigger.white, .choose .select-hotel-trigger {
    background: transparent url('../../img/hoxton/locations_white.png') no-repeat;
}

a.select-hotel-trigger.white span, .choose a.select-hotel-trigger span {
    color: #fff;
}
/*----------------------------*/

a.select-hotel-trigger:hover, a.select-hotel-trigger:focus {
    text-decoration: none;
}

    a.select-hotel-trigger:hover span, a.select-hotel-trigger:focus span {
        text-decoration: none;
    }

.shoreditch .select-hotel-trigger, .holborn .select-hotel-trigger, .amsterdam .select-hotel-trigger {
    left: 50px;
    z-index: 6;
}

.about-hox .select-hotel-trigger {
    left: 50px;
    z-index: 10;
}

.select-hotel-trigger.on {
    background-image: url('../../img/hoxton/nav-close.png');
    z-index: 10;
    outline: none;
    height: 38px;
    width: 38px;
    top: 40px;
}

    .select-hotel-trigger.on span {
        display: none;
    }

.select-hotel-trigger.white.on {
    background-image: url('../../img/hoxton/nav-close.png');
}

.countdown {
    /*background-color: #363636;*/
    height: 40px;
    border-radius: 0px 0px 0px 20px;
    color: #fff;
    line-height: 40px;
    font-family: BrownLight;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 15px;
    display: inline-block;
    vertical-align: top;
}

    .countdown span {
        display: block;
        margin: 0 auto;
        padding-right: 10px;
        text-align: left;
    }

.start-over {
    display: block;
    width: 240px;
    height: 40px;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 15px;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    transform: translateX(200px);
    text-align: left;
    background-color: transparent;
    line-height: 40px;
    padding-left: 240px;
    border-radius: 3px 0 0 3px;
    -webkit-transition: transform 0.33s linear;
    -moz-transition: transform 0.33s linear;
    -ms-transition: transform 0.33s linear;
    -o-transition: transform 0.33s linear;
    transition: transform 0.33s linear;
}

a.start-over {
    color: #fff;
    font-family: BrownRegular;
    font-size: 18px;
}

.start-over.on {
    -webkit-transform: translateX(0px) !important;
    -moz-transform: translateX(0px) !important;
    -ms-transform: translateX(0px) !important;
    -o-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
    padding-left: 80px;
}

.start-over-toggle {
    display: block;
    width: 40px;
    height: 40px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent url('../../img/white-x.png') no-repeat center center;
    background-size: 60%;
    border-radius: 3px 0 0 3px;
}


.white-nav .start-over-toggle {
    background: transparent url('../../img/black-x.png') no-repeat center center;
}

.selected::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    background-color: #1e6a94;
    z-index: 1;
    height: 42px;
}

.ui-datepicker-calendar tr td:first-child.selected.lastDay::after {
    margin-left: 0px;
}

.ui-datepicker-calendar tr td:first-child.selected.departure::after {
    margin-left: 0px;
    width: 50%;
}

.ui-datepicker-calendar tr td:first-child.selected.departure::before {
    left: 5px;
}

.ui-datepicker-calendar tr td:last-child.selected.departure::before {
    left: -5px;
}

.selected.lastDay::after {
    margin-left: -15px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.ui-datepicker-calendar tr td:last-child.selected.ui-datepicker-week-end.lastDay::after {
    content: "";
    display: block;
    margin-left: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-datepicker-calendar tr td:last-child.selected.ui-datepicker-week-end.lastDay::before {
    content: '';
    z-index: 0;
    opacity: 0.4;
    display: block;
    position: absolute;
    top: 6px;
    bottom: 8px;
    left: 0;
    width: 50%;
    margin-left: 50%;
    background-color: #1e6a94;
    height: 43px;
}


/*customise tabs*/
@media(min-width: 1000px) {
    .book-now-widget .book-now-already a.manage-booking-trigger {
        color: #4a4a4a;
        font-size: 12px;
        font-family: BrownRegular;
        text-decoration: none;
        display: block;
        text-align: right;
        position: absolute;
        right: 43px;
        top: 10px;
    }

    .bordertab {
        border-left: 1px solid #D8D8D8 !important;
        height: 46px;
        position: absolute !important;
        right: 11px;
    }

    .book-now-panel .nav-tabs > li a {
        border: none;
        padding: 0;
        line-height: 60px;
        font-size: 21px;
        font-family: BrownLight;
        color: #707070;
        opacity: 0.4;
        border-radius: initial;
    }

    .book-now-panel .nav-tabs > li.active a {
        background-color: #F0F0F0 !important;
        color: #26759d;
        opacity: 1;
        font-family: BrownRegular !important;
    }

    #mmSideBar #mmLink {
        font-size: 11.88px !important;
        text-align: left;
        color: #4a4a4a !important;
        font-family: BrownLight;
        margin-left: 0 !important;
        display: block;
        text-align: right !important;
        margin-top: 18px;
        text-decoration: underline;
    }
}

.book-now-panel .nav-tabs > li {
    width: 50%;
}

    .book-now-panel .nav-tabs > li a {
        border: none;
        padding: 0;
        line-height: 60px;
        font-size: 18px;
        font-family: BrownLight;
        color: #707070;
        opacity: 0.4;
        border-radius: initial;
    }

.book-now-selector-container.code-container {
    padding: 0 !important;
    background: transparent !important;
    height: 100% !important;
    margin-top: -14px !important;
}

.book-now-footer.code-selector.no-gutter.code-footer {
    margin-top: 0 !important;
    margin-bottom: -14px;
}

li.bedroomtab a {
    padding-right: 11px !important;
}

.book-now-panel .nav-tabs > li.active a {
    background-color: #F0F0F0;
    color: #26759d;
    opacity: 1;
    font-family: BrownRegular;
}

.book-now-panel .nav-tabs > li.active a {
    background-color: #F0F0F0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: none;
}

.tab-content .date-time-selector .input-value {
    width: 50%;
    background-color: transparent;
}

    .tab-content .date-time-selector .input-value.date-span {
        text-align: right;
        padding-right: 4%;
    }

    .tab-content .date-time-selector .input-value.timeofday-span {
        width: 40%;
        text-align: left;
        padding-left: 10px;
        position: relative;
    }

.book-now .selector.error .input-value.timeofday-span {
    border: solid 3px transparent;
}

.tab-content .date-time-selector .input-value.date-span.with-value:before, .tab-content .date-time-selector .input-value.timeofday-span.with-value:after {
    display: none;
}

.input-value.with-value {
    font-size: 20px;
}

@media(max-height:768px) {

    .bookingContainer .selector.on .datepicker.picker .selected::after, .bookingContainer tr td:last-child.selected.ui-datepicker-week-end.lastDay::before {
        top: 4px;
        bottom: 6px;
        height: 36px;
    }
}

.selected.checkin.lastDay::after {
    display: none;
}

.selected > .ui-state-active,
.selected > .ui-state-default {
    background: none !important;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px transparent;
}

.selected.checkin::after {
    background: -webkit-linear-gradient(to right, transparent 50%, #1e6a94 50%);
    background: -o-linear-gradient(to right, transparent 50%, #1e6a94 50%);
    background: -moz-linear-gradient(to right, transparent 50%, #1e6a94 50%);
    background: linear-gradient(to right, transparent 50%, #1e6a94 50%);
}

.selected.checkin.onlyarrival::after {
    background: -webkit-linear-gradient(to right, transparent 100%, #aaa 0);
    background: -o-linear-gradient(to right, transparent 100%, #aaa 0);
    background: -moz-linear-gradient(to right, transparent 100%, #aaa 0);
    background: linear-gradient(to right, transparent 100%, #aaa 0);
}

/*for new functionality which auto selects next day as departure date*/
tr .ui-datepicker-week-end.selected.checkin.onlyarrival:last-child::after {
    background: -webkit-linear-gradient(to right, transparent 50%, #1e6a94 50%);
    background: -o-linear-gradient(to right, transparent 50%, #1e6a94 50%);
    background: -moz-linear-gradient(to right, transparent 50%, #1e6a94 50%);
    background: linear-gradient(to right, transparent 50%, #1e6a94 50%);
}

/*for dayuse weekend selected*/
tr .ui-datepicker-week-end.selected.checkin.onlyarrival.dayuse:last-child::after {
    background: -webkit-linear-gradient(to right, transparent 100%, #aaa 0);
    background: -o-linear-gradient(to right, transparent 100%, #aaa 0);
    background: -moz-linear-gradient(to right, transparent 100%, #aaa 0);
    background: linear-gradient(to right, transparent 100%, #aaa 0);
}

.selected.checkin > .ui-state-active,
.selected.checkin > .ui-state-default {
    background: none !important;
    background-color: #1e6a94 !important;
    color: #fff;
    z-index: 2;
    position: relative;
}

/*.selected.checkin::before {
    content: 'IN';
    font-size: 9px;
    padding-top: 0;
    color: #333;
    display: block;
    position: relative;
    top: -12px;
    left: 0;
    text-align: center;
}*/

.selected.departure::after {
    margin-left: -60%;
    z-index: 0;
    opacity: 0.4;
    height: 42px;
    width: 110%;
}

.selected.departure > .ui-state-active,
.selected.departure > .ui-state-default {
    border: solid 0.5px #9B9B9B !important;
    color: #4a4a4a;
    z-index: 2;
    position: relative;
}

.selected.departure::before {
    /*content: 'CHECK OUT';*/
    font-size: 11px;
    color: #1e6a94;
    top: 52px;
    left: 0px;
    text-align: left;
    position: absolute;
    font-family: BrownRegular;
    letter-spacing: 1.19px;
    width: 80px;
    display: block;
}

@media (max-height: 768px) {
    .bookingContainer .selector.on .datepicker.picker .selected.departure::before {
        font-size: 9px;
        top: 42px;
    }
}

.book-now {
    position: fixed;
    z-index: 8;
    text-align: center;
    /*visibility: visible;*/
    /*-webkit-transform: translateZ(0);*/
}

    .book-now a.trigger, .book-now a.availability, .go-back a.trigger {
        margin-top: 15px;
        margin-right: 55px;
    }

    .book-now .book-now-selector-container {
        position: relative;
        float: left;
        width: 100%;
        background: #F0F0F0;
    }

    .book-now .book-now-panel-split {
        position: relative;
        float: left;
        width: 100%;
    }

    .book-now .book-now-footer.book-now-submit {
        padding: 0 20px;
    }

@media (min-width: 992px) {
    .book-now .picker {
        position: absolute;
        top: 100vh;
        left: -550px;
        -ms-transition: top 0.5s ease-in-out;
        -o-transition: top 0.5s ease-in-out;
        transition: top 0.5s ease-in-out;
        -webkit-transition: top 0.5s ease-in-out;
        -moz-transition: top 0.5s ease-in-out;
        z-index: 3;
        font-size: 14px;
        float: left;
    }

        .book-now .picker.check-out {
            top: 0;
        }


        .book-now .picker.datepicker {
            visibility: hidden;
        }

    .book-now .selector.on .datepicker, .book-now .book-dates-container.on .datepicker {
        top: 0;
        visibility: visible;
    }


    .book-now .book-now-selector-container,
    .book-now .book-now-panel-split,
    .book-now .book-now-footer.code-selector {
        padding: 10px 40px;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .book-now .quick-date-container .quick-date {
        position: absolute;
        width: 100%;
        height: 55px;
        left: 0;
    }

    .book-now .book-now-footer a.code {
        margin-top: 3px;
        margin-bottom: 3px;
    }





    .mobile-datepicker-holder .mobile-datepicker-header {
        display: none;
    }
}


@media (min-width: 767px) {

    .book-now {
        background-color: transparent;
        right: 0;
        top: 0;
        width: auto;
    }

        .book-now a.availability {
            color: #fff;
        }
}

@media (max-width: 991px) {
    .book-now .datepicker.picker, #meeting .meeting-rooms-date-time-selector-container .datepicker {
        position: relative;
        font-size: 14px;
        float: left;
        z-index: 3;
    }


    .book-now a.trigger, .go-back a.trigger {
        color: #353535;
    }

    div.manageBookingSubmitContainer .code-selector .selector {
        width: 67px;
        right: 93px;
    }

    div.manageBookingSubmitContainer.on button {
        width: 60px;
        margin-left: 70px;
    }

    /*.book-now {
        position: relative;
        background-color: transparent;
        width: 100%;
        float: left;
        text-align: center;
        visibility: visible;
    }*/

    .book-now a.trigger, .go-back a.trigger {
        color: #000 !important;
    }

    .book-now .selector.on .datepicker {
        left: 0;
        display: block;
        top: 141px;
    }

    .book-now-widget .book-now-already a {
        text-align: center;
    }

    .scrollable.on {
        height: calc(100% - 505px);
    }

    .book-now-panel .datepicker.check-in, #meeting .meeting-rooms-date-time-selector-container .datepicker {
        width: 100%;
    }

        .book-now-panel .datepicker.check-in .ui-datepicker, .ui-datepicker {
            width: auto !important;
        }


    .book-now-panel .book-now-footer.code-selector {
        margin-top: 10px;
    }
}


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

    .book-now-panel-split .day-use {
        padding: 10px 0% !important;
    }

    /*-- Booking Bar --*/
    .book-now-panel {
        width: 100% !important;
    }

    .book-now .book-now-selector-container, .book-now .book-now-panel-split, .book-now .book-now-footer.code-selector {
        padding: 20px 25% !important;
    }

    .book-now-footer.code-selector.no-gutter.code-footer {
        padding: 0 !important;
    }

    #mmSideBar #mmLink {
        color: #4a4a4a !important;
        margin-left: 175px !important;
        margin-top: 5%;
    }

    .book-now .book-now-footer .selector.last {
        padding: 0 15%;
    }


    .book-now-already {
        margin-bottom: 30px;
    }

    .book-now .selector.on .datepicker {
        top: 40px;
    }

    .book-now .datepicker.picker {
        max-height: 0;
        overflow: hidden;
        transition: max-height 1s;
    }

    .book-now .book-dates-container.on .picker {
        max-height: 500px;
    }

    .book-now .book-dates-container.on .meeting-rooms-date-time-selector-container.book-tab .datepicker.picker {
        max-height: 530px;
    }

    .book-now .book-dates-container.on .meeting-rooms-date-time-selector-container.book-tab .datepicker.picker {
        top: 4px;
    }

    li.bedroomtab a {
        padding-left: 114px !important;
    }

    li.meetingtab a {
        padding-right: 70px !important;
    }

    .book-now-panel-split.book-hotel-margin {
        margin-bottom: -30px !important;
    }

    .book-now .date-selector {
        padding: 1px;
    }

    .book-now-panel ul.quick-date li {
        text-align: left !important;
    }

        .book-now-panel ul.quick-date li:nth-child(2) {
            text-align: center !important;
        }

        .book-now-panel ul.quick-date li:nth-child(3) {
            text-align: right !important;
        }
}


@media (min-width: 768px) {
    .mobile-datepicker-holder {
        display: none;
    }
}


@media (max-width:767px) {
    .book-now .room-selector .input-value, .book-now .number-rooms .input-value, .book-now .room-quota .input-value {
        font-size: 16px;
    }

    .book-now .room-selector .input-value {
        height: 55px;
        line-height: 55px;
    }

    .book-now .date-selector .input-value::before {
        font-size: 16px;
    }

    .close-book-now {
        position: fixed !important;
    }

    .book-now .book-now-selector-container, .book-now .book-now-panel-split, .book-now .book-now-footer.code-selector {
        padding: 16px 20px;
    }

    .book-now .selector.on table.ui-datepicker-calendar {
        margin-bottom: 81px;
    }

    .book-now .selector.on .meeting-rooms-date-time-selector-container table.ui-datepicker-calendar {
        margin-bottom: 0;
    }



    .book-now .datepicker.picker {
        display: block;
    }

    .book-now .selector .datepicker {
        -webkit-transition: transform 0.5s;
        -moz-transition: transform 0.5s;
        -ms-transition: transform 0.5s;
        -o-transition: transform 0.5s;
        transition: transform 0.5s;
        left: 0;
        top: 0;
        width: 100%;
        position: absolute;
        height: 100%;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    .book-now .selector.on .datepicker {
        top: 100px;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }


    .book-now .selector.on .meeting-rooms-date-time-selector-container .datepicker {
        top: 36px;
    }


    .book-now .selector .mobile-datepicker-holder,
    .book-now .book-dates-container .datepicker-container {
        display: block;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #EAEAEA;
        position: fixed;
        z-index: 4;
        -webkit-transition: transform 0.5s;
        -moz-transition: transform 0.5s;
        -ms-transition: transform 0.5s;
        -o-transition: transform 0.5s;
        transition: transform 0.5s;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    .book-now .selector.on .mobile-datepicker-holder,
    .book-now .book-dates-container.on .datepicker-container {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        /*overflow-y: auto;*/
    }


    .book-now .selector.on .confirm-dates {
        width: 100%;
        display: block;
        bottom: 0;
        z-index: 8;
        position: fixed;
        left: 0;
    }

    .book-now .selector .confirm-dates .input.availability {
        height: 60px;
        line-height: 60px;
        color: #fff !important;
        border: none;
    }

    .book-now #hotel-selected.hox .selector .mobile-datepicker-holder .confirm-dates .input.availability {
        background-color: #ffc648;
        border-color: #ffc648;
        color: #fff !important;
    }

    .book-now #hotel-selected.holb .selector .mobile-datepicker-holder .confirm-dates .input.availability {
        background-color: #ff674c;
        border-color: #ff674c;
        color: #fff !important;
    }

    .book-now #hotel-selected.hams .selector .mobile-datepicker-holder .confirm-dates .input.availability {
        background-color: #22a173;
        border-color: #22a173;
        color: #fff !important;
    }

    .mobile-datepicker-holder h3 {
        color: #4a4a4a;
        margin-bottom: 10px;
    }

    .mobile-datepicker-holder {
        margin-bottom: 10px;
    }


        .mobile-datepicker-holder span {
            font-family: 'BrownLight';
            font-size: 14px;
            color: #4a4a4a;
        }

    .scrollable.on {
        height: calc(100% - 415px);
    }

    .book-now-panel .date-selector.selector.checkin-date {
        height: 39px;
    }

    .book-now-panel .date-selector.selector.checkout-date {
        width: 50%;
        display: inline-block;
        padding: 0px;
    }


    div.scrollable {
        margin-top: 30px;
    }


    .tab-content .date-time-selector .input-value.timeofday-span {
        width: 28%;
    }

    /* 2017-10-09: New code selector layouts for Desktop & Mobile */
    .book-now-submit .code-selector-active .code-selector-input {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
    }

    .book-slide.active button.input.availability.booking-bar-availabilty {
        left: auto;
        right: 0 !important;
        line-height: 1.2em;
    }
}

@media (max-width:767px) and (max-height: 560px) {
    .mobile-datepicker-holder h3 {
        margin: 0;
    }

    .book-now .selector.on .datepicker {
        top: 60px;
    }

    table.ui-datepicker-calendar tbody tr {
        height: auto;
    }
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.rotating {
    -webkit-animation: rotating 2.5s linear infinite;
    -moz-animation: rotating 2.5s linear infinite;
    -ms-animation: rotating 2.5s linear infinite;
    -o-animation: rotating 2.5s linear infinite;
    animation: rotating 2.5s linear infinite;
}


@media (max-height: 768px) {

    .bookingContainer .ui-datepicker {
        width: 440px !important;
    }

        .bookingContainer .ui-datepicker td span, .bookingContainer .ui-datepicker td a {
            font-size: 18px;
            line-height: 30px;
        }

        .bookingContainer .ui-datepicker td span, .bookingContainer .ui-datepicker td a {
            width: 35px;
        }
}


#hotel-selected.scrollable {
    overflow-y: auto;
}

#hotel-selected.inlineDatePicker .ui-datepicker-inline.ui-datepicker {
    width: 100% !important;
}

#hotel-selected.inlineDatePicker .datepicker.picker {
    position: relative;
    font-size: 14px;
    float: left;
    z-index: 3;
    overflow: hidden;
    left: auto;
    top: auto;
    width: 100%;
    max-height: 0px;
    transition: max-height 1s;
}

#hotel-selected.inlineDatePicker .book-dates-container.on .datepicker.picker {
    max-height: 550px;
}


.book-now-panel #hotel-selected.moreOptions {
    /*overflow-y: auto;*/
}


.code-selector-input {
    position: relative;
    height: 60px;
    width: 60%;
    top: 2px;
    z-index: 1;
    font-size: 15px;
    color: #000;
    display: none;
    border: none;
    padding: 10px;
}

    .code-selector-input::-webkit-input-placeholder {
        color: #c9c9c9 !important;
    }

    .code-selector-input:-moz-placeholder {
        color: #c9c9c9 !important;
    }

    .code-selector-input::-moz-placeholder {
        color: #c9c9c9 !important;
    }

    .code-selector-input:-ms-input-placeholder {
        color: #c9c9c9 !important;
    }

.book-now-submit .code-selector-active .code-selector-input {
    display: inline-block;
}

.book-now-submit .code-selector-active .input.availability.booking-bar-availabilty {
    width: 40%;
}


/*Accessibility*/

.access-label {
    display: none !important;
}

.enquiryForm.meeting-rooms {
    max-height: none;
    max-height: none;
    clear: both;
    float: none;
    overflow: hidden;
}

/* General */
.contentOverlay {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    transition: all 1s;
    -webkit-transition: all 1s;
}

    .contentOverlay.darkOverlay {
        background: rgba(0, 0, 0, 0.54);
    }

    .contentOverlay.lightOverlay {
        background: #fff;
        opacity: 0.3;
    }

    .contentOverlay.lightOverlay {
        background: #8c8c8c;
    }

/* Apartment Header */
div.apartment-header {
    background: #000;
    width: 100%;
    height: 100vh;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    position: relative;
    background-size: cover;
    display: flex;
    padding-left: 10%;
    padding-right: 10%;
}


img#hox-aptlogo {
    position: absolute;
    width: 10%;
    height: 10%;
    right: 10%;
    top: 20%;
}

.apartment-header div.header-information {
    max-width: 855px;
    position: absolute !important;
}

    .apartment-header div.header-information h3 {
        color: #fff;
        letter-spacing: 1.04px;
        margin-bottom: 37px;
    }

    .apartment-header div.header-information p {
        color: white;
    }

    .apartment-header div.header-information h5 {
        color: #fff;
        display: none;
    }

        .apartment-header div.header-information h5.title {
            margin-bottom: 62px;
            font-size: 20px;
        }

.apartment-header button {
    background-color: #353535;
    color: #fff;
    width: 200px;
    height: 50px;
    border-style: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: BrownRegular;
    margin: auto;
}

    .apartment-header button:hover {
        background-color: #4a4a4a;
    }


.benefit-block {
    margin-bottom: 50px;
    /*height: 120px;*/
}

.meeting-arrows {
    position: relative;
    top: 12px;
    right: 0;
}

    .meeting-arrows .meeting-arrow {
        width: 37px;
        height: 20px;
        position: absolute;
        background-position: center !important;
        z-index: 1;
    }

    .meeting-arrows .left-arrow {
        right: 50px;
        background: url(../../img/slider-prev-meeting.svg) no-repeat;
    }

    .meeting-arrows .right-arrow {
        right: 0;
        background: url(../../img/slider-next-meeting.svg) no-repeat;
    }


@media (max-width: 767px) {

    div.header-information.ap-location-banner {
        width: 300px;
        margin-left: auto !important;
        margin-right: auto !important;
        top: 91px;
        position: relative !important;
        left: 0 !important;
    }

    div.header-information {
        width: 300px;
        left: 50%;
        margin-left: -150px;
        top: 25%;
    }

    .apartment-header {
        height: 390px;
    }

    img#hox-aptlogo {
        display: none;
    }

    .header-information h3 {
        font-size: 15px;
        text-align: center;
        line-height: 24px;
        margin-top: 88px;
    }
}

/* Shared apartments & case studies */
.case-studies-container {
    float: left;
    width: 100%;
}

.apartments, .case-studies {
    padding: 50px 0px 0px 0px;
}

.case-studies {
    padding: 65px 0px 82px 0px;
}

.apartmentBox h1, .case-study h1 {
    width: 100%;
    color: white;
}

.case-studies .case-study h1 {
    letter-spacing: 1.2px;
    line-height: 34px;
}

@media (max-width: 1300px) and (min-width: 992px) {
    .apartments, .case-studies {
        width: 992px;
    }
}

@media (min-width: 991px) {
    .apartmentBox .textContainer, .case-study .textContainer {
        position: relative;
        display: block;
    }
}

@media (max-width: 991px) {
    .apartment-details .row.hotelAboutRow.ap-about {
        margin-top: 0;
        padding-top: 0 !important;
    }
}

@media (min-width: 768px) {



    .ap-grey-container h1 {
        font-size: 24px;
        font-family: BrownLight;
        color: #4A4A4A;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .textContainer h1 {
        font-size: 20px;
    }
}


#slickNext, #slickPrev {
    cursor: pointer;
}

.casestudy-slides.slick-slider {
    margin-bottom: 0px;
}

/* Apartments */
.apartment-details {
    float: left;
    width: 100%;
    background-color: #fff;
}

.apartments {
    margin: 0 auto;
    max-width: 95%;
    width: 1214px;
    background-color: #fff;
    text-align: center;
}

    .apartments p.title {
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        color: #353535;
        font-size: 18px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 50px;
    }

    .apartments .blockLinks {
        display: flex;
        width: 100%;
    }

        .apartments .blockLinks a {
            outline: none;
            text-decoration: none;
        }

            .apartments .blockLinks a:hover .contentOverlay {
                background: transparent;
            }

.apartmentBox {
    opacity: 0.8;
    -ms-opacity: 0.8;
    background-position: bottom right;
    background-size: cover;
    display: table-cell;
    text-align: center;
    background-size: cover;
    margin-left: 10px;
    margin-right: 10px;
    width: 33.33%;
    height: 510px;
}

    .apartmentBox .apartmentBg {
        position: relative;
        height: 100%;
    }


    .apartmentBox .textContainer {
        width: 85%;
        margin: 0 auto;
        padding: 100px 0;
    }

        .apartmentBox .textContainer p {
            color: #fff;
            font-size: 18px;
            width: 230px;
            margin: 0 auto;
        }

.aboutBox .textContainer h5.see-more {
    text-transform: uppercase;
    text-align: center;
    font-family: BrownRegular;
    padding-top: 0px;
    font-size: 14px;
}

@media (max-width: 991px) and (min-width: 768px) {
    div.apartment-header {
        height: 90vh;
    }
}

@media (max-width: 767px) {
    .apartments {
        max-width: 100%;
    }

    .apartmentBox {
        margin-left: 0;
        margin-right: 0;
    }
}

/* Case Studies */
.case-study {
    opacity: 0.8;
    -ms-opacity: 0.8;
    background-position: bottom right;
    background-size: cover;
    background-color: #f4f4f4;
    position: relative;
    align-items: center;
}

.case-studies .blockLinks a {
    outline: none;
    text-decoration: none;
    text-align: center;
}

    .case-studies .blockLinks a:hover .contentOverlay {
        background: transparent;
    }

.case-study {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: calc(100% - 20px);
}

    .case-study .textContainer {
        position: relative;
        display: block;
        width: 85%;
        margin: 0 auto;
        color: white;
    }

        .case-study .textContainer h5 {
            margin-bottom: 25px;
        }

            .case-study .textContainer h5.see-more {
                margin-bottom: 17px;
            }

        .case-study .textContainer .see-more {
            text-transform: uppercase;
        }

@media (min-width: 991px) {
    .case-studies {
        background-color: #fff;
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }

    .case-study {
        margin-left: 10px;
        margin-right: 10px;
        height: 510px;
        display: inline-flex;
        vertical-align: top;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .case-studies {
        /*width: 768px;*/
    }

    .case-study {
        height: 400px;
        display: inline-flex;
        vertical-align: top;
        background-position-x: center;
    }
}

@media (max-width: 767px) {
    .apartmentBox {
        width: 100%;
        height: 140px;
        display: flex;
        margin-bottom: 5px;
    }

        .apartmentBox .textContainer {
            width: 100%;
        }

            .apartmentBox .textContainer p {
                display: none;
            }

    .apartment-benefits {
        height: 340px;
    }
}

@media (max-width: 767px) {
    .case-studies .casestudy-slides {
        height: 100%;
        margin: 0 !important;
    }

        .case-studies .casestudy-slides button {
            display: none !important;
        }

        .case-studies .casestudy-slides .case-study {
            height: 250px;
            display: flex;
            background-position-y: center;
        }
}

/* Benefits */
.apartment-benefits {
    height: 510px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    color: white;
    display: flex;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: auto 110%;
    margin-bottom: 20px;
}

.benefits-container {
    margin-left: auto;
    margin-bottom: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    background: #f0f0f0;
}

.benefits-title {
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    position: absolute;
    width: 100%;
    top: 106px;
}

@media (max-width: 991px) {
    .benefits-title {
        top: 50px;
    }
}

.benefits-info {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-top: auto;
    margin-bottom: auto;
}

    .benefits-info .benefit-block {
        margin-top: 10px;
    }

.benefit-block svg, .benefit-block img.svg-ap {
    height: 50px;
}

.benefit-block p {
    text-align: center;
    padding: 0 9%;
    line-height: 24px;
    font-size: 24px;
    letter-spacing: 0.04px;
    color: #4A4A4A;
}

.benefit-block h3 {
    text-align: center;
    color: #4A4A4A;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
}

.apartment-benefits .benefit-block svg path {
    fill: #4A4A4A;
}

.header-information.ap-meetingrooms-header h3 {
    font-family: BrownRegular;
    font-size: 40px;
    margin-left: auto;
    margin-right: auto;
}


@media (min-width: 768px) {

    .header-information.ap-meetingrooms-header {
        margin-left: -373px;
    }

    div.header-information.ap-meetingrooms-header {
        margin-top: 28%;
        padding: 0 35px;
        text-align: center;
        margin-left: auto !important;
        margin-right: auto;
        width: 100% !important;
        position: relative !important;
    }

    div.header-information.ap-location-banner {
        margin-left: auto;
        margin-right: auto;
        position: relative !important;
        top: 48%;
        height: 1px;
    }

    .benefits-info {
        padding: 20px 100px;
    }

    .benefit-block svg,
    .benefit-block img.svg,
    .benefit-block img.svg-ap {
        height: 50px;
    }

    .header-information.ap-location-banner h3 {
        font-size: 30px;
        font-family: BrownLight;
        position: relative;
        top: 72px;
    }

    .header-information.ap-location-banner p {
        font-family: BrownLight;
        font-size: 20px;
        text-transform: uppercase;
        position: relative;
        top: 61px;
    }

    .header-information.ap-meetingrooms-header h3 {
        font-family: BrownLight;
        font-size: 30px;
        text-align: center;
    }

    .ap-meetingrooms-header div.scroll-suggestion {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        top: 40%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .benefit-block.description:nth-child(3n+1) {
        clear: left;
    }

    div.header-information.ap-meetingrooms-header {
        top: 10% !important;
    }
}


@media (max-width: 767px) {
    .benefits-title {
        display: none;
    }

    .benefit-block svg,
    .benefit-block img.svg {
        height: 41px;
    }

    .case-study .textContainer h5 {
        margin: 0 auto;
    }

    .case-studies .case-study h1 {
        letter-spacing: 1.2px;
        line-height: 30px;
    }
}

/* Enquiry Form */
.enquiryForm {
    float: left;
    width: 100%;
    background-color: #4a4a4a;
    max-height: 788px;
}

    .enquiryForm p {
        color: #fff;
    }

    .enquiryForm .contourMessageOnSubmit {
        text-align: center;
        color: white;
    }

    .enquiryForm span.input-value {
        background: url(../../img/hoxton/TheHoxton/arrow.svg) 98% / 2% no-repeat #4a4a4a;
        color: #fff;
        height: 40px;
        display: inline-block;
        float: left;
        text-align: left;
        padding-left: 1.5%;
        width: 100%;
        font-size: 14px;
        font-family: SofiaPro_Light;
        line-height: 34px;
        border: 2px solid #fff;
        border-radius: 2px;
        cursor: pointer;
    }

    .enquiryForm .dropdownpicker {
        position: absolute;
        top: 64px;
        width: 100%;
        left: 0;
        display: none;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        z-index: 3;
    }

    .enquiryForm .dropdown-selector.on .dropdownpicker {
        left: 0;
        display: block;
        padding: 0 3px;
    }

    .enquiryForm .dropdownpicker ul {
        margin: 0;
        padding: 0;
    }

        .enquiryForm .dropdownpicker ul li {
            width: 100%;
            background-color: #fff;
            height: 40px;
            border: 1px solid #808080;
            border-bottom-width: 0;
            list-style: none;
        }

            .enquiryForm .dropdownpicker ul li a {
                line-height: 40px;
                font-family: BrownRegular;
                color: #333;
                display: block;
                height: 40px;
                letter-spacing: 0.05em;
                padding-left: 10px;
            }

    .enquiryForm #hotel-selected.hox .picker.codes button {
        background-color: #ffc648;
        border-color: #ffc648;
        color: #fff !important;
    }

    .enquiryForm #hotel-selected.holb .picker.codes button {
        background-color: #ff674c;
        border-color: #ff674c;
        color: #fff !important;
    }

    .enquiryForm #hotel-selected.hams .picker.codes button {
        background-color: #22a173;
        border-color: #22a173;
        color: #fff !important;
    }

    .enquiryForm .dropdown-selector a.date.hotel-input.input:hover, .enquiryForm .dropdown-selector a.date.hotel-input.input:focus, .enquiryForm .dropdown-selector a.date.hotel-input.input {
        color: #f1f1f1 !important;
    }

    /*.enquiryForm #hotel-selected.hox .date-selector a.date.input:hover,  .enquiryForm #hotel-selected.hox .date-selector a.date.input:focus,  .enquiryForm #hotel-selected.hox .date-selector.on a.input, #hotel-selected.hox ul.quick-date li a:hover, #hotel-selected.hox .picker.codes button:hover, #hotel-selected.hox .select-date-change.count-up-bookbar:hover, #hotel-selected.hox .select-date-change.count-down-bookbar:hover {
    color: #ffc648 !important;
}
.enquiryForm #hotel-selected.holb .date-selector a.date.input:hover,  .enquiryForm #hotel-selected.holb .date-selector a.date.input:focus,  .enquiryForm #hotel-selected.holb .date-selector.on a.input, #hotel-selected.holb ul.quick-date li a:hover, #hotel-selected.holb .picker.codes button:hover, #hotel-selected.holb .select-date-change.count-up-bookbar:hover, #hotel-selected.holb .select-date-change.count-down-bookbar:hover {
    color: #ff674c !important;
}
.enquiryForm #hotel-selected.ams .date-selector a.date.input:hover,  .enquiryForm #hotel-selected.ams .date-selector a.date.input:focus,  .enquiryForm #hotel-selected.ams .date-selector.on a.input, #hotel-selected.ams ul.quick-date li a:hover, #hotel-selected.ams .picker.codes button:hover, #hotel-selected.ams .select-date-change.count-up-bookbar:hover, #hotel-selected.ams .select-date-change.count-down-bookbar:hover {
    color: #22a173 !important;
}
.enquiryForm #hotel-selected.hox button.input.availability {
    background-color: #ffc648;
    border-color: #ffc648;
    color: #fff !important;
}
.enquiryForm #hotel-selected.holb button.input.availability {
    background-color: #ff674c;
    border-color: #ff674c;
    color: #fff !important;
}
.enquiryForm #hotel-selected.hams button.input.availability {
    background-color: #22a173;
    border-color: #22a173;
    color: #fff !important;
}*/
    .enquiryForm #hotel-selected button.input.availability:hover, .enquiryForm #hotel-selected button.input.availability:focus {
        border-color: #333;
        color: #fff !important;
    }

    /*.enquiryForm .dropdownpicker ul li a.hox:hover {
    color: #fff !important;
    background-color: #ffc648 !important;
}
.enquiryForm .dropdownpicker ul li a.holb:hover {
    color: #fff !important;
    background-color: #ff674c !important;
}
.enquiryForm .dropdownpicker ul li a.hams:hover {
    color: #fff !important;
    background-color: #22a173 !important;
}*/


    .enquiryForm .alternativeEmail {
        line-height: 14px;
        position: absolute;
        bottom: 10px;
        left: 51%;
        max-width: 220px;
        width: 40%;
        display: block;
        height: 50px;
    }

    .enquiryForm select {
        background: url(../../img/hoxton/TheHoxton/arrow.svg) 98% / 3% no-repeat #4A4A4A;
    }

    .enquiryForm .alternativeEmail a {
        text-decoration: none;
    }

        .enquiryForm .alternativeEmail a:hover p {
            color: #e4e4e4;
        }

    .enquiryForm .alternativeEmail p {
        margin: 0;
        padding: 0;
        line-height: 14px;
        position: relative;
    }

p.contourMessageOnSubmit + div.alternativeEmail {
    display: none;
}

.enquiryForm p.enquiryTitle {
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 18px;
    padding-bottom: 4px;
}

@media (min-width: 992px) {
    .enquiryForm input#firstname {
        margin-right: 34px;
        width: 95%;
    }

    .enquiryForm input#lastname {
        margin: 5px 0 0 16px;
        width: 95%;
    }

    .enquiryForm {
        padding: 56px 28%;
    }
}

@media (min-width: 992px) {
    .enquiryForm {
        padding: 56px 28%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .enquiryForm {
        padding: 20px 15%;
    }
}

@media (max-width: 767px) {
    .enquiryForm {
        padding: 5% 0%;
    }

    .apartment-details .hotel-button {
        margin: 5px 0;
    }

        .apartment-details .hotel-button .hotel-name:after, .hotelHomepage .hotel-button .hotel-name:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            -ms-opacity: 0.5;
            opacity: 0.5;
            transition: all 1s;
            -webkit-transition: all 1s;
            background-color: #353535;
        }
}


/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width:0\0) {
    select {
        background: none;
        padding: 5px;
    }
}

/*-- Carousel --*/

/* Slick Settings */
.slick-next {
    right: 10px;
}

.slick-prev {
    left: -20px;
}

    .slick-prev:before {
        content: url('../../img/leftArrow-white.png') !important;
    }

.slick-next:before {
    content: url('../../img/rightArrow-white.png') !important;
}


.hotelLinksRow.apartments {
    padding-top: 50px;
}


    .hotelLinksRow.apartments .hotel-button h1, .hotelLinksRow.hotelHomepage .hotel-button h1 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0px;
    }

.apartment-details .hotel-button {
    height: 140px;
}

.hotelLinksRow.apartments.mobile {
    display: none;
}


/* phone */
@media (max-width:767px) {

    .benefits-info .benefit-block {
        margin-top: 0px;
    }

    .benefit-block p {
        padding: 0px;
        line-height: 15px;
    }

    .benefits-info {
        padding-bottom: 0px;
    }

    .hotelLinksRow.apartments {
        padding-top: 20px;
        padding-bottom: 34px;
    }

        .hotelLinksRow.apartments p {
            margin-bottom: 20px;
        }

    div.apartment-header {
        height: auto;
        min-height: 400px;
    }

        div.apartment-header .scroll-suggestion {
            display: none;
        }

        div.apartment-header .header-information h5 {
            display: none;
        }

        div.apartment-header .header-information h3 {
            color: white;
        }

    .ap-meetingrooms-header h3 {
        font-size: 16px !important;
        color: #fff !important;
        position: absolute !important;
        top: 74px !important;
    }

    .apartment-benefits {
        height: 340px;
        margin-bottom: 0px;
        padding-top: 5px;
    }

    .hotelLinksRow.apartments .aboutBox {
        margin: 0px;
    }

    .case-studies {
        padding: 30px 0px 0px 0px;
    }

        .case-studies .case-study {
            width: 100%;
        }

            .case-studies .case-study h5 {
                font-size: 12.77px;
            }

    .hotelLinksRow.apartments.desktop {
        display: none;
    }

    .hotelLinksRow.apartments.mobile {
        display: inherit;
    }

    .enquiryForm .alternativeEmail {
        position: relative;
        bottom: 0px;
        left: auto;
        margin-left: 25px;
        width: 100%;
    }

    .contourForm input[type=submit] {
        width: 100%;
    }
}

/*Updated Styles*/

.pointer-page a {
    font-family: BrownRegular;
    font-size: 24px;
    color: #4a4a4a;
    cursor: pointer;
    text-decoration: none;
}

    .pointer-page a:hover {
        text-decoration: none;
    }

.pointer-page p {
    font-family: BrownRegular;
    font-size: 24px;
    color: #4a4a4a;
    cursor: pointer;
}

.pointer-page {
    height: 50px;
}

    .pointer-page .pointer-border {
        opacity: 0;
        cursor: pointer;
        width: 42%;
    }

    .pointer-page p:hover + .pointer-border-s {
        opacity: 1;
        border-bottom: #4D9CC8 solid;
        cursor: pointer;
        width: 42%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -19px;
    }

    .pointer-page p:hover + .pointer-border-b {
        opacity: 1;
        border-bottom: #4D9CC8 solid;
        cursor: pointer;
        width: 45%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -19px;
    }

    .pointer-page p:hover + .pointer-border-ss {
        opacity: 1;
        border-bottom: #4D9CC8 solid;
        cursor: pointer;
        width: 40%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -19px;
    }

    .pointer-page p:hover + .pointer-border-l {
        opacity: 1;
        border-bottom: #4D9CC8 solid;
        cursor: pointer;
        width: 51%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -19px;
    }

h1#t-benefits {
    font-size: 26px;
    font-family: BrownLight;
    color: #4A4A4A;
    text-align: left;
    position: relative;
    /*top: 42px;*/
    margin-left: 9%;
    line-height: 34px;
    margin-top: 50px;
    margin-bottom: 0;
    top: 0;
}

.benefit-desc {
    text-align: left !important;
    position: relative;
    top: 34px;
}

@media (min-width:768px) {
    .benefit-desc {
        margin-left: 9%;
        width: 24%;
    }
}


.benefit-desc p {
    text-align: left !important;
    color: #4A4A4A;
}

.ap-landing {
    padding-top: 0 !important;
    text-align: left !important;
}

    .ap-landing h1 {
        font-family: BrownLight;
        font-size: 26px;
    }

.ap-container {
    margin-left: auto;
    margin-bottom: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
}

.ap-benefits-contain {
    clear: both;
    min-height: 470px;
}

.benefit-block.ap-block h3 {
    text-align: center;
    color: #4A4A4A;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    width: 56%;
}

.ap-spacer {
    padding-bottom: 33%;
}

@media (min-width: 768px) {
    .ap-padding {
        padding: 20px 171px;
    }
}

div.ap-pic.mainPicture {
    background-size: cover;
    background-repeat: no-repeat;
    height: 451px;
    z-index: 0;
    position: relative;
    width: 650px;
}

@media (min-width: 992px) {
    div.ap-pic-place.aboutPics {
        float: left;
        position: absolute;
        right: -22%;
        width: initial;
    }
}

.ap-toplinks {
    padding: 34px;
    padding-top: 0 !important;
}


.ap-toplinks-on {
    margin-top: 130px;
}


@media (max-width: 1024px) {
    .ap-toplinks-on {
        margin-top: 0;
    }
}

.ap-toplinks-on .ap-toplinks {
    top: 80px;
    width: 100%;
    z-index: 9999;
    left: 0;
    right: 0;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 5px;
}

    .ap-toplinks-on .ap-toplinks .ap-toplinks-inner {
        max-width: 1160px;
        margin: 0 auto;
        height: auto;
    }

.ap-toplinks-sticky {
    position: fixed !important;
    top: -9999px;
}

.ap-toplinks-on .ap-toplinks-sticky {
    width: 100%;
    z-index: 4;
    left: 0;
    right: 0;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 5px;
    display: block;
    position: fixed;
    top: 79px;
}

@media (max-width: 1199px) {
    .ap-toplinks-on .ap-toplinks-sticky.meeting-rooms-sticky {
        top: 60px;
    }
}

.ap-toplinks-on .ap-toplinks-nonsticky {
    position: relative;
    top: 0;
    margin-bottom: 0;
    visibility: hidden;
}

@media (min-width: 1025px) {
    .ap-toplinks-on.parallax-top .content-container {
        margin-top: calc(100vh - 9%);
    }
}

.ap-toplinks-on .room-search-bar-top {
    display: none;
}

.ap-toplinks-on .room-search-bar-bottom {
    display: block;
}

.row.hotelAboutRow.ap-about {
    padding-top: 1%;
    padding-bottom: 16px !important;
}

.ap-tabs li {
    float: none !important;
    padding-left: 0;
}

    .ap-tabs li a {
        padding-left: 0;
        font-size: 18px;
        border: 0;
        border-bottom: 3px solid #fff;
        color: #4A4A4A;
    }

        .ap-tabs li a:hover {
            background: transparent;
            border-color: transparent;
        }

.nav-tabs > li.one.active > a {
    opacity: 1;
    border-bottom: #4D9CC8 solid;
    cursor: pointer;
    width: 110px;
}

.nav-tabs > li.two.active > a {
    opacity: 1;
    border-bottom: #4D9CC8 solid;
    cursor: pointer;
    width: 150px;
}

.nav-tabs > li.three.active > a {
    opacity: 1;
    border-bottom: #4D9CC8 solid;
    cursor: pointer;
    width: 127px;
}

ul.nav.nav-tabs.ap-tabs {
    width: 155px;
}

.subPicture.lazy.right-img {
    margin-left: calc(100% - 280px);
}

.mainPicture.lazy.left-img {
    margin-left: -150px;
}

.row.hotelAboutRow.ap-location {
    margin-top: -5%;
}

/*Stories section*/
.ap-stories {
    margin-top: 4%;
}

/*Media Queries Specific For 
    Meeting Landing Page*/

@media (min-width: 2560px) {
}



/*Laptop Sliders*/


/*iPad Pro*/

@media (max-device-width: 1024px) and (min-width: 1023px) {
    ul.nav.nav-tabs.ap-arrow-tabs {
        position: absolute;
        bottom: 14%;
        right: 52%;
        width: 216px;
    }

    .ap-grey-container p {
        width: 100% !important;
    }
}

/*Desktop Sliders*/
@media (min-width: 768px) {

    .ap-tablet-text {
        padding-top: 50%;
        position: relative;
        top: -80px;
    }

    div.ap-tab-text.move-up {
        margin-top: -115px;
        width: 65%;
        right: 0;
        position: absolute;
    }

    .ap-tab-text.ap-tab-link a {
        color: #fff;
        font-family: BrownRegular;
    }

    div.ap-tab-text.ap-tab-link {
        text-align: center;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .ap-tab-text.ap-tab-title {
        color: #fff;
        font-family: BrownRegular;
        position: relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .ap-tab-text.ap-tab-content span {
        font-size: 30px !important;
        margin: 0 auto;
        text-align: center;
        font-family: BrownRegular;
        color: #fff;
    }

    .ap-story-info {
        width: 200px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        top: -70px;
        padding-top: 50%;
    }

    .ap-tab-text.ap-tab-content {
        text-align: center;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

        .ap-tab-text.ap-tab-content p {
            font-size: 30px !important;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            text-align: center;
            font-family: BrownRegular;
            color: #fff;
        }

    li.active.arrow-left a {
        background-image: url(../../img/leftarrow-ap.png);
        background-position: center;
        background-repeat: no-repeat;
        color: transparent;
        margin-right: 44px;
    }

    li.active.arrow-right a {
        background-image: url(../../img/rightarrow-ap.png);
        background-position: center;
        background-repeat: no-repeat;
        color: transparent;
        margin-left: 42px;
    }

    li.arrow-left a {
        background-image: url(../../img/leftarrow-ap.png);
        background-position: center;
        background-repeat: no-repeat;
        color: transparent !important;
        border: none;
        background-color: transparent !important;
    }


    li.arrow-right a {
        background-image: url(../../img/rightarrow-ap.png);
        background-position: center;
        background-repeat: no-repeat;
        color: transparent !important;
        border: none;
        background-color: transparent !important;
    }

    li.active.arrow-left a:hover {
        color: transparent !important;
    }

    li.active.arrow-right a:hover {
        color: transparent !important;
    }

    ul.nav.nav-tabs.ap-arrow-tabs {
        position: absolute;
        bottom: 14%;
        right: 62%;
        width: 216px;
    }
}

@media (min-width: 1024px) and (max-width: 1170px) {
    .benefits-info {
        padding: 3% !important;
    }

    .benefit-desc {
        text-align: left !important;
        padding: 0;
    }
}

@media (min-width: 1026px) {
    .ap-fluid {
        padding: 1% 19% 1% 19%;
        margin-top: 0;
    }

    .cheatsheet-nav {
        margin-right: -9px !important;
    }
}

@media (min-width: 1026px) and (max-width: 1500px) {
    section.apartment-benefits .ap-fluid {
        padding: 0;
    }
}

@media (min-width: 1024px) and (max-width: 1500px) {
    .ap-fluid {
        padding: 1% 19% 1% 19%;
        margin-top: 0;
    }

    section.apartment-benefits .ap-fluid {
        padding: 0;
    }

    h1#t-benefits {
        font-size: 26px;
        font-family: BrownLight;
        color: #4A4A4A;
        text-align: left;
        position: relative;
        margin-left: 9%;
        line-height: 34px;
        margin-top: 45px;
        margin-bottom: 0;
        top: 0;
    }

    .benefit-desc {
        text-align: left !important;
        position: relative;
        top: 34px;
        margin-left: 9%;
        width: 24%;
    }
}


@media (min-width: 2000px) {
    .benefit-block.ap-block h3 {
        text-align: center;
        color: #4A4A4A;
        margin-left: auto;
        margin-right: auto;
        font-size: 26px;
        width: 29% !important;
    }
}

@media (min-width: 1501px) {
    .ap-landing {
        padding-top: 0 !important;
        text-align: left !important;
        margin-left: -4%;
    }

    .ap-fluid {
        margin-top: 0;
        padding: 0% 9% 0% 9%;
    }

    .benefit-block.ap-block h3 {
        text-align: center;
        color: #4A4A4A;
        margin-left: auto;
        margin-right: auto;
        font-size: 26px;
        width: 48%;
    }

    .benefit-desc {
        text-align: left !important;
        position: relative;
        top: 34px;
        margin-left: 9%;
        width: 24%;
    }
}
/*Larger Tablet*/
@media (min-width: 768px) and (max-width: 991px) {
    .aboutPics.ap-pics {
        display: inherit !important;
    }

    div.ap-main-pic.mainPicture {
        display: inherit !important;
    }

    .mainPicture.lazy.left-img {
        margin-left: -195px;
    }

    div.subPicture.mainPicture {
        display: inherit !important;
    }

    .subPicture.lazy.right-img.ap-main-pic {
        display: inherit !important;
    }

    .subPicture.lazy.right-img {
        margin-left: 315px;
    }

    ul.nav.nav-tabs.ap-tabs.col-sm-3.visible-sm {
        position: relative;
        top: -26px;
    }

    div.aboutInfo {
        width: 100%;
        float: left;
        margin-bottom: 22px;
        margin-top: -3%;
    }

    .ap-toplinks {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

        .ap-toplinks.meeting-rooms-apartment {
            /*padding-top: 100px !important;*/
        }

    .pointer-page p {
        font-family: BrownRegular;
        font-size: 20px;
        color: #4a4a4a;
        cursor: pointer;
    }

    .ap-landing h1 {
        font-family: BrownLight;
        font-size: 26px;
        margin-bottom: 31px;
    }

    h1#t-benefits {
        font-size: 26px;
        font-family: BrownLight;
        color: #4A4A4A;
        text-align: left;
        position: relative;
        top: 42px;
        margin-left: 4%;
        line-height: 34px;
    }

    .benefit-desc {
        text-align: left !important;
        position: relative;
        top: 34px;
        padding: 32px;
        padding-top: 0;
        padding-bottom: 0px;
    }

    .ap-benefits-contain {
        margin-bottom: 0 !important;
        height: 100% !important;
        padding-bottom: 34px;
    }

    .tbalet-view {
        margin-top: 23%;
        margin-left: 22%;
    }

    .ap-tablet-text {
        position: relative;
        bottom: 196px;
        margin-left: 8%;
    }

    .ap-tab-text.ap-tab-title {
        font-size: 12.6px;
        color: #ffffff;
        position: relative;
        bottom: 12px;
    }

    .ap-tab-text.ap-tab-content p {
        color: #ffffff;
        font-family: BrownRegular;
        font-size: 27px;
        text-align: center;
        width: 100%;
        position: relative;
        right: 3%;
        bottom: 82px;
    }

    .ap-tab-text.ap-tab-link a {
        font-size: 12.6px;
        color: #ffffff;
    }

    li.active.arrow-lefttab a {
        background-image: url(../../img/leftarrow-ap.png);
        background-position: center;
        background-repeat: no-repeat;
        color: transparent;
        margin-right: 44px;
    }

    li.active.arrow-righttab a {
        background-image: url(../../img/rightarrow-ap.png);
        background-position: center;
        background-repeat: no-repeat;
        color: transparent;
        margin-left: 42px;
    }

    li.arrow-lefttab a {
        background-image: url(../../img/leftarrow-ap.png);
        background-position: center;
        background-repeat: no-repeat;
        color: transparent !important;
        border: none;
        background-color: transparent !important;
    }

    li.arrow-righttab a {
        background-image: url(../../img/rightarrow-ap.png);
        background-position: center;
        background-repeat: no-repeat;
        color: transparent !important;
        border: none;
        background-color: transparent !important;
    }

    li.active.arrow-lefttab a:hover {
        color: transparent !important;
    }

    li.active.arrow-righttab a:hover {
        color: transparent !important;
    }

    ul.nav.nav-tabs.ap-arrow-tabs {
        position: relative;
        bottom: 156px;
        right: 28%;
    }

    div.ap-tab-text {
        position: absolute;
        margin-left: 0px;
        z-index: 1;
        bottom: -188px;
        left: 51%;
        width: 32%;
    }
}

/*Standard Tablet Large Smart device*/
@media (max-width: 768px) and (min-width: 650px) {
    .aboutPics.ap-pics {
        display: inherit !important;
    }

    div.ap-main-pic.mainPicture {
        display: inherit !important;
    }

    div.subPicture.mainPicture {
        display: inherit !important;
    }

    .subPicture.lazy.right-img.ap-main-pic {
        display: inherit !important;
    }

    .subPicture.lazy.right-img {
        margin-left: 237px;
        height: 330px;
    }

    ul.nav.nav-tabs.ap-tabs.col-sm-3.visible-sm {
        position: relative;
        top: -26px;
    }

    div.aboutInfo {
        width: 100%;
        float: left;
        margin-bottom: 22px;
        margin-top: -3%;
    }

    .aboutInfo.ap-landing.ap-stories-text {
        position: relative;
        bottom: 24%;
    }

    .ap-toplinks {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .pointer-page p {
        font-family: BrownRegular;
        font-size: 20px;
        color: #4a4a4a;
        cursor: pointer;
    }

    .ap-landing h1 {
        font-family: BrownLight;
        font-size: 26px;
        margin-bottom: 31px;
    }

    h1#t-benefits {
        font-size: 26px;
        font-family: BrownLight;
        color: #4A4A4A;
        text-align: left;
        position: relative;
        top: 42px;
        margin-left: 4%;
        line-height: 34px;
    }

    .benefit-desc {
        text-align: left !important;
        position: relative;
        top: 34px;
        padding: 32px;
        padding-top: 0;
        padding-bottom: 79px;
    }

    .ap-benefits-contain {
        margin-bottom: 0 !important;
        height: 100% !important;
        padding-bottom: 34px;
    }

    .tbalet-view {
        margin-top: 23%;
        margin-left: 22%;
    }



    .ap-tab-text.ap-tab-content p {
        color: #ffffff;
        font-family: BrownRegular;
        font-size: 27px;
        text-align: center;
        width: 100%;
        position: relative;
    }

    .ap-tab-text.ap-tab-link a {
        font-size: 12.6px;
        color: #ffffff;
        margin-left: 5%;
    }

    li.active.arrow-lefttab a {
        background-image: url(../../img/leftarrow-ap.png);
        background-position: center;
        background-repeat: no-repeat;
        color: transparent;
        margin-right: 44px;
    }

    li.active.arrow-righttab a {
        background-image: url(../../img/rightarrow-ap.png);
        background-position: center;
        background-repeat: no-repeat;
        color: transparent;
        margin-left: 42px;
    }

    li.arrow-lefttab a {
        background-image: url(../../img/leftarrow-ap.png);
        background-position: center;
        background-repeat: no-repeat;
        color: transparent !important;
        border: none;
        background-color: transparent !important;
    }

    li.arrow-righttab a {
        background-image: url(../../img/rightarrow-ap.png);
        background-position: center;
        background-repeat: no-repeat;
        color: transparent !important;
        border: none;
        background-color: transparent !important;
    }

    li.active.arrow-lefttab a:hover {
        color: transparent !important;
    }

    li.active.arrow-righttab a:hover {
        color: transparent !important;
    }

    ul.nav.nav-tabs.ap-arrow-tabs {
        position: relative;
        bottom: 180px;
        right: 28%;
    }

    .ap-location-slider .slick-list .slick-track .slick-slide {
        transform: none;
        height: 600px !important;
        margin-left: 0px;
        width: 331px !important;
    }

    .ap-location-slider .slick-list .slick-track {
        margin-left: -57% !important;
        width: 3207px !important;
    }

    h1#t-location {
        font-size: 26px;
        font-family: BrownLight;
        /* margin-left: 39px !important; */
        position: relative;
        /*top: -15px;
        left: -43%;*/
    }

    .casestudy-slides.slick-slider {
        margin-bottom: -657px;
    }


    .blockLinks.ap-touch-carousel {
        margin-left: -30%;
    }

    .casestudy-slides.ap-location-slider.ap-meetinglandingpage.slick-initialized.slick-slider {
        padding-left: 263px;
    }
}

@media (max-width: 767px) {

    .row.hotelAboutRow.ap-about.ap-locations {
        padding-bottom: 16px !important;
        height: 100%;
        margin-top: 0 !important;
        padding-top: 0;
        padding-left: 22px;
    }

    .mob-title {
        font-family: BrownLight;
        font-size: 26px;
        margin-bottom: 1px;
    }

    div.aboutInfo {
        width: 100%;
        float: left;
        margin-top: 0 !important;
        padding: 0px 0px;
    }


    button.accordion {
        background-color: transparent;
        color: #4A4A4A;
        cursor: pointer;
        padding: 18px;
        font-family: BrownLight;
        width: 100%;
        text-align: left;
        border-top: none;
        border-bottom: solid #979797 0.1px;
        border-left: none;
        border-right: none;
        transition: 0.4s;
        font-size: 20px;
        background-image: url(../../img/plussign.png);
        background-repeat: no-repeat;
        background-position: 93%;
        padding-left: 25px;
    }





        button.accordion.ap-landing-accordion.active, button.accordion:hover {
            background-color: transparent !important;
            background: url(../../img/minussign.png) !important;
            background-repeat: no-repeat !important;
            background-position: 93% !important;
            color: #26759D;
        }

        button.accordion.ap-landing-accordion.active, button.accordion.active {
            background-color: transparent !important;
            background: url(../../img/minussign.png) !important;
            background-repeat: no-repeat !important;
            background-position: 93% !important;
            color: #26759D;
        }

    div.panel {
        padding: 0;
        background-color: white;
        display: none;
        margin-top: 0px;
        margin-bottom: 29px;
        border-top: solid #979797 0.1px;
        border-left: none;
        border-right: none;
    }

        div.panel.panel-review {
            display: block;
        }

    .panel p {
        padding: 18px;
    }

    img.ap-accordion-img {
        width: 100%;
    }

    .ap-control {
        margin-left: 3%;
    }

        .ap-control.carousel-control.left {
            background-image: url(../../img/leftarrow-ap.png);
            background-repeat: no-repeat;
        }

        .ap-control.carousel-control.right {
            background-image: url(../../img/rightarrow-ap.png);
            background-repeat: no-repeat;
        }

    a.carousel-control.ap-control.ap-location-control {
        top: 206px;
    }

    .carousel-inner.benefit-slider.ap-location-benefit {
        top: 88px;
    }

    .carousel-inner {
        position: relative;
        overflow: hidden;
        width: 100%;
        top: 50px;
    }

    div#ap-carousel p {
        font-size: 26px;
        color: #4A4A4A;
        padding: 20%;
        padding-top: 0;
    }

    .img-responsive, .carousel-inner.benefit-slider > .item > img, .carousel-inner > .item > a > img {
        display: block;
        max-width: 13% !important;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .benefit-desc {
        padding: 44px;
        padding-top: 0;
        padding-left: 24px;
        padding-bottom: 0;
    }

    h1#t-benefits {
        font-size: 26px;
        font-family: BrownLight;
        color: #4A4A4A;
        text-align: left;
        position: relative;
        top: 42px;
        margin-left: 5%;
        line-height: 34px;
    }

    .ap-stories {
        height: 500px;
    }

    div#ap-carousel-stories {
        /*height: 500px;*/
        overflow: visible;
    }

        div#ap-carousel-stories .carousel-inner {
            /*height: 701px;*/
            top: 0;
        }

    .ap-control-stories {
        margin-left: 3%;
        margin-top: 82%;
        z-index: 90000;
    }

        .ap-control-stories.carousel-control.left {
            background-image: url(../../img/white-arrowlong-left.png);
            background-repeat: no-repeat;
        }

        .ap-control-stories.carousel-control.right {
            background-image: url(../../img/white-arrowlong-right.png);
            background-repeat: no-repeat;
        }

    .ap-backing .carousel-caption {
        position: relative !important;
        left: 0%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        background: #1E6A94;
        width: 100%;
        /*top: 327px;*/
    }

    .ap-tab-text.ap-tab-title {
        font-size: 12.6px;
        text-shadow: none !important;
    }

    .ap-tab-text.ap-tab-content p {
        font-size: 27px;
        font-family: BrownRegular;
        padding: 18%;
        padding-top: 0;
        padding-bottom: 0;
        text-shadow: none !important;
    }

    .ap-tab-text.ap-tab-link a {
        font-size: 12.6px;
        color: #ffffff;
        text-shadow: none !important;
    }

    .row.hotelAboutRow.ap-about.ap-stories {
        height: 100%;
        padding: 22px;
        margin-bottom: 10px;
    }

    .row.hotelAboutRow.ap-about.ap-landing-info {
        height: 100%;
        margin-top: 0 !important;
        padding: 0 20px;
    }

        .row.hotelAboutRow.ap-about.ap-landing-info.ap-location-stack {
            margin-top: 0 !important;
            padding: 30px 0 80px !important;
        }

    .row.hotelAboutRow.ap-location {
        margin-top: -1%;
    }


    .ap-location-slider.ap-meetinglandingpage .slick-list .slick-track .slick-slide {
        transform: none;
        height: 600px !important;
        width: 331px !important;
        margin-left: 25px !important;
        margin-bottom: -130px;
    }

    .ap-location-slider .slick-list .slick-track .slick-slide {
        transform: none;
        height: 600px !important;
        width: 331px !important;
        margin-left: 25px !important;
    }

    .ap-location-slider .slick-list .slick-track {
        margin-left: -36% !important;
        width: 3207px !important;
    }

    h1#t-location {
        font-size: 26px;
        font-family: BrownLight;
        margin-bottom: 30px;
        margin-top: 20px;
    }
}

@media(max-width: 1025px) and (min-width: 1020px) {
    .casestudy-slides.slick-slider {
        margin-bottom: -656px;
        margin-left: 13px;
    }
}

@media (max-width: 1025px) and (min-width: 900px) {
    .ap-location-slider .slick-list .slick-track {
        margin-left: 21% !important;
    }

    h1#t-location {
        font-size: 26px;
        font-family: BrownLight;
        margin-left: 10px !important;
    }

    .casestudy-slides.slick-slider {
        margin-left: 13px;
    }

    .ap-location-slider .slick-list .slick-track .slick-slide {
        transform: none;
        height: 600px;
        margin-left: 0px;
        width: 355px !important;
    }
}

/*Small Screens*/
@media (max-width: 375px) {
    .ap-control-stories {
        margin-left: 3%;
        margin-top: 83%;
        z-index: 90000;
    }

    .ap-backing .carousel-caption {
        /*position: absolute;*/
        left: 0%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        height: 220px;
        background: #1E6A94;
        width: 100%;
        /*top: 287px;*/
    }

    div#ap-carousel-stories {
        /*height: 500px;*/
        overflow: visible;
        margin-bottom: 20px;
    }

    .ap-control {
        margin-left: 3%;
    }

    .ap-location-slider .slick-list .slick-track .slick-slide {
        transform: none;
        height: 600px !important;
        width: 331px !important;
        margin-left: 3px !important;
    }
}

/*Location Slider append '.ap-location-slider'*/

.locationRowContainer {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 100%;
}

    .locationRowContainer .ap-location-touch {
        background-color: #fff;
        text-align: center;
        width: 1271px;
        margin: 0 auto;
        max-width: 95%;
        margin-right: 98px;
    }

.ap-location-slider .slick-list .slick-track {
    margin-left: 45%;
}

    .ap-location-slider .slick-list .slick-track .slick-slide {
        transform: none;
        height: 600px;
        margin-left: 0px;
        width: 382px !important;
    }

        .ap-location-slider .slick-list .slick-track .slick-slide .case-study {
            filter: none !important;
        }

            .ap-location-slider .slick-list .slick-track .slick-slide .case-study .contentOverlay {
                opacity: 0;
                background: transparent;
            }

.ap-location-touch {
    background-color: #fff;
    text-align: center;
    width: 1200px;
    margin: 0 auto;
    max-width: 95%;
}

    .ap-location-touch.ap-landing-touch {
        background-color: #fff;
        text-align: center;
        width: 100% !important;
        margin: 0 auto;
        max-width: 100% !important;
    }

img.ap-location-icon {
    width: 5%;
    display: inline-block !important;
    margin-right: 10px;
}

.ap-grey-container {
    background: #F4F4F4;
    /*position: absolute;*/
    /*bottom: -188px;*/
    /*height: 56% !important;*/
    /* max-height: 200px; */
    width: 100%;
    text-align: left;
    padding: 21px;
    padding-top: 1px;
}


.meeting-room-slide a:hover {
    text-decoration: none !important;
}

.ap-grey-container h1 {
    font-size: 26px;
    font-family: BrownLight;
    color: #4A4A4A;
    line-height: 26px;
}

.ap-grey-container p {
    font-size: 26px !important;
    font-family: BrownLight;
    color: #9B9B9B;
    margin-top: 0;
    line-height: 30px !important;
}

.ap-grey-container.letter-spacing p {
    letter-spacing: 1px;
}

.ap-transport-text {
    display: inline;
}

    .ap-transport-text p {
        font-size: 14px;
        display: inline;
    }

.ap-location-box {
    vertical-align: top;
}

    .ap-location-box.location-img {
        width: 100%;
        height: 382px;
        background-size: cover;
        background-position: center center;
    }

.ap-location-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 2px;
}

    .ap-location-list li {
        display: inline;
    }

.row.hotelAboutRow.ap-about.ap-locations {
    height: 100%;
    padding: 0 !important;
    padding-top: 0;
}

.ap-transport-text p {
    font-size: 14px !important;
}


.location-heading-wrapper {
    padding: 0 40px 40px;
}

.location-heading {
    max-width: 1205px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 100%;
}

@media (max-width: 991px) and (min-width: 600px) {
    .row.hotelAboutRow.ap-about.ap-locations {
        padding-bottom: 16px !important;
        height: 100%;
        padding-top: 0;
    }

    .row.hotelAboutRow.ap-about.ap-stories {
        padding: 32px 40px !important;
    }

    .row.hotelAboutRow.ap-about.ap-landing-info {
        height: 100%;
        padding: 60px 40px;
        margin-top: -23px;
    }


        .row.hotelAboutRow.ap-about.ap-landing-info.ap-location-stack {
            padding: 0 0 170px !important;
        }



    .locationRowContainer {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        height: 100%;
        /*padding: 0px 0px 0px 47px;*/
    }

    .ap-stories {
        margin-top: 0;
    }

    .benefit-desc {
        text-align: left !important;
        position: relative;
        top: 34px;
        /* padding: 32px; */
        padding-top: 0;
        padding-bottom: 79px;
        width: 100%;
        left: 1% !important;
    }
}

@media (min-width: 768px) {
    .row.hotelAboutRow.ap-about.ap-locations {
        padding-bottom: 16px !important;
        height: 100%;
        padding-top: 0;
    }

    .row.hotelAboutRow.ap-about.ap-landing-info {
        padding: 30px !important;
    }



        .row.hotelAboutRow.ap-about.ap-landing-info.ap-location-stack {
            padding: 30px 0 175px !important;
        }


    .locationRowContainer {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        height: 100%;
        padding: 0px 0px 0px 47px;
    }

    .ap-stories {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .aboutInfo.ap-landing.ap-stories-text {
        position: relative;
        margin-top: -26%;
    }

    .row.hotelAboutRow.ap-about.ap-locations {
        padding-bottom: 16px !important;
        height: 100%;
        padding-top: 0;
    }

    .row.hotelAboutRow.ap-about.ap-landing-info.ap-main-landing-top {
        padding: 60px 40px 110px !important;
    }


    .locationRowContainer {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        height: 100%;
        padding: 0px 0px 0px 47px;
    }

    .ap-stories {
        margin-top: 0;
    }

    .mainPicture.lazy.left-img {
        margin-left: -151px;
    }

    .subPicture.lazy.right-img {
        margin-left: 255px;
    }

    div.subPicture {
        height: 391px !important;
        width: 280px;
        margin-top: -150px;
        margin-left: -150px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
    }

    div.ap-tab-text {
        position: absolute;
        margin-left: 0px;
        z-index: 1;
        bottom: -89px;
        left: 0 !important;
        width: 100%;
    }

    .row.hotelAboutRow.ap-about {
        padding-top: 1%;
        padding-bottom: 116px !important;
    }

        .row.hotelAboutRow.ap-about.apartmentLocation {
            padding-bottom: 0px !important;
        }

    ul.nav.nav-tabs.ap-arrow-tabs {
        position: relative;
        bottom: 184px !important;
        right: 28%;
    }
}

/*@media (min-width: 951px) and (max-width: 998px){
    .aboutInfo.ap-landing.ap-stories-text {
        position: relative;
        margin-top: 1%;
        width: 100%;
    }
    .row.hotelAboutRow.ap-about.ap-locations {
        padding-bottom: 16px !important;
        height: 100%;
        padding-top: 0;
    }

    .row.hotelAboutRow.ap-about.ap-landing-info {
 
        padding: 60px 40px;
    }


    .locationRowContainer {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        height: 100%;
        padding: 0px 0px 0px 47px;
    }

    .ap-stories {
        margin-top: 0;
    }

    .mainPicture.lazy.left-img {
        margin-left: -151px;
    }

    .subPicture.lazy.right-img {
        margin-left: 255px;
    }

    div.subPicture {
        height: 100% !important;
        width: 280px;
        margin-top: -150px;
        margin-left: -150px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
    }

    div.ap-tab-text {
        position: absolute;
        margin-left: 0px;
        z-index: 1;
        bottom: -86% !important;
        left: 0 !important;
        width: 100% !important;
    }

    .row.hotelAboutRow.ap-about {
        padding-top: 1%;
        padding-bottom: 116px !important;
    }

    ul.nav.nav-tabs.ap-arrow-tabs {
        position: relative;
        bottom: 184px !important;
        right: 28%;
    }

    .row.hotelAboutRow.ap-about.ap-stories {
        height: 744px;
    }

    div.aboutPics.ap-pics {
        width: 55%;
        float: left;
        position: absolute;
        right: 0;
        margin-right: 30%;
        margin-top: 9%;
    }

    div.aboutPics.ap-pics.row {
        width: 100%;
        float: left;
        position: absolute;
        right: 0;
        margin-top: 19%;
        margin-right: 0 !important
    }
    ul.nav.nav-tabs.ap-arrow-tabs {
        position: relative;
        bottom: 108px !important;
        right: 1%;
    }

    .ap-tab-text.ap-tab-content p {
        color: #ffffff;
        font-family: BrownRegular;
        font-size: 27px;
        text-align: center;
        width: 100%;
        position: relative;
        right: 3%;
        bottom: 0; 
    }

    div.ap-tab-text.ap-tab-link {
        text-align: center;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .row.hotelAboutRow.ap-about.ap-landing-info.ap-main-landing-top {
        height: 715px;
    }
}*/




@media (max-width: 900px) {
    h1.benefit-title {
        text-align: left;
        padding: 20px;
        padding-bottom: 0;
        padding-top: 0;
        margin-bottom: 0;
        font-size: 26px;
        font-family: BrownLight;
        color: #4A4A4A;
    }
}

.mob-title {
    font-family: BrownLight;
    font-size: 26px;
    margin-top: 40px;
    margin-bottom: 0px;
}

/*Container For Meeting Rooms Landing Slider*/







@media (min-width: 1200px) and (max-width: 1299px) {
    h1#t-location {
        font-size: 26px;
        font-family: BrownLight;
    }

    .benefits-info {
        padding: 0;
    }

    .blockLinks.ap-touch-carousel {
        margin-left: -18%;
    }

    .casestudy-slides.ap-location-slider.ap-meetinglandingpage.slick-initialized.slick-slider {
        padding-left: 263px;
    }

    .ap-location-slider .slick-list .slick-track {
        margin-left: -21% !important;
    }

    .locationRowContainer .ap-location-touch {
        background-color: #fff;
        text-align: center;
        width: 1271px;
        margin: 0 auto;
        max-width: 95%;
        margin-right: 45px;
    }

    .ap-location-slider .slick-list .slick-track .slick-slide {
        transform: none;
        height: 600px;
        margin-left: 0px;
        width: 382px !important;
    }
}



@media (min-width: 768px) and (max-width: 991px) {
    .formheadermn {
        margin-left: 47px;
        margin-right: auto;
        max-width: 991px;
        position: relative;
    }

    .pointer-page p:hover + .pointer-border-s {
        opacity: 1;
        border-bottom: #4D9CC8 solid;
        cursor: pointer;
        width: 58%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -19px;
    }

    .pointer-page p:hover + .pointer-border-ss {
        opacity: 1;
        border-bottom: #4D9CC8 solid;
        cursor: pointer;
        width: 58%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -19px;
    }

    .pointer-page p:hover + .pointer-border-b {
        opacity: 1;
        border-bottom: #4D9CC8 solid;
        cursor: pointer;
        width: 72%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -19px;
    }

    .pointer-page p:hover + .pointer-border-l {
        opacity: 1;
        border-bottom: #4D9CC8 solid;
        cursor: pointer;
        width: 78%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -19px;
    }
}

@media (min-width: 810px) and (max-width: 991px) {
    div.ap-tab-text {
        position: absolute;
        margin-left: 0px;
        z-index: 1;
        bottom: -100px;
        left: 0%;
        width: 100%;
    }

    h1#t-benefits {
        font-size: 26px;
        font-family: BrownLight;
        color: #4A4A4A;
        text-align: left;
        position: relative;
        top: 42px;
        margin-left: 5%;
        line-height: 34px;
    }

    .benefit-desc {
        text-align: left !important;
        position: relative;
        top: 34px;
        /* padding: 32px; */
        padding-top: 0;
        padding-bottom: 79px;
        width: 100%;
        left: 5%;
    }

    .mainPicture.lazy.left-img {
        margin-left: -163px;
    }

    .subPicture.lazy.right-img {
        margin-left: 302px;
    }
}

.subPicture.lazy.right-img.ap-main-pic {
    background: #2E6B95;
}

div.content-one {
    display: none;
}

.expand-one, .expand-one:hover, .expand-one:active, .expand-one:focus {
    color: #fff;
    text-decoration: none;
}



.sitesection {
    background: #4A4A4A;
    padding: 5px 0px;
    text-align: center;
    color: #000000;
    padding: 10px;
    padding: 10px;
    padding-right: 0;
    position: relative;
    z-index: 1;
}

    .sitesection:hover {
        cursor: pointer;
    }

    .sitesection p {
        font-family: BrownLight;
        color: #ffffff;
        font-size: 11.88px;
    }

.right-here-text {
    text-decoration: underline;
}

.room-search-bar.room-search-contact.hidden-xs .book-now-form.bookingContainer.meeting-rooms.search-bar {
    position: relative;
    background: transparent;
    margin-bottom: -22px;
}

@media (max-width: 750px) {
    .sitesection {
        background: #4A4A4A;
        padding-bottom: 1px;
        padding: 2%;
        padding-left: 0;
        text-align: center;
        color: #000000;
        padding-right: 0;
    }
}

.box-container a, .box-container a:hover {
    text-decoration: none;
}

/*Tablet Menu*/
@media (min-width: 650px) and (max-width: 999px) {
    .room-search-bar div.book-now-form {
        position: absolute;
        z-index: 1400;
    }
}

.meeting-room-slider .slide-panel .carousel .slick-next {
    position: absolute;
    bottom: 0;
    background: url(../../img/slider-next-meeting.svg) no-repeat;
}

@media (min-width: 1200px) {
    .meeting-room-slider .slide-panel .carousel .slick-next {
        left: 96%;
        height: 112%;
        background-position: left bottom;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .meeting-room-slider .slide-panel .carousel .slick-next {
        background-position: 68% bottom;
        left: 94%;
        height: 112%;
    }
}

@media (max-width: 991px) {
    .meeting-room-slider .slide-panel .carousel .slick-next {
        left: 93%;
        height: 112%;
        background-position: 34% bottom;
    }
}

.meeting-room-slider .slide-panel .carousel .slick-prev {
    position: absolute;
    bottom: 0;
    left: 92%;
    height: 112%;
    background-position: bottom !important;
    background: url(../../img/slider-prev-meeting.svg) no-repeat;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .meeting-room-slider .slide-panel .carousel .slick-prev {
        left: 88%;
        background-position: bottom;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .meeting-room-slider .slide-panel .carousel .slick-prev {
        left: 83%;
        background-position: bottom;
    }
}

@media (max-width: 767px) {
    .meeting-room-slider .slide-panel .carousel .slick-next {
        display: none !important;
    }

    .meeting-room-slider .slide-panel .carousel .slick-prev {
        display: none !important;
    }
}



.meeting-room-slider.location-container-main {
    /*max-width: initial;*/
}

.meeting-room-slider-x {
    width: 1664px;
    height: 592px;
    max-height: 592px;
    float: left;
    display: inline-block;
    white-space: nowrap;
    overflow-x: scroll;
    cursor: grab;
    cursor: -o-grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    overflow: hidden;
}

.dragscroll {
    overflow-x: auto;
    margin-bottom: -120px;
}

.meeting-room-slider-x .meeting-room-slide {
    margin: 0 15px;
    background-color: #F4F4F4;
    height: 592px;
    width: 382px;
    float: left;
    display: inline-block;
}




/*****/

.meeting-room-slider .meeting-room-slide {
    width: 382px;
}

.location-container-main {
    max-width: 1205px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 100%;
}



.box-container .ap-location-box img {
    width: 100%;
}

.box-container .ap-location-box .ap-location-list img {
    width: 20px;
    margin-right: 20px;
}



section.image.apartment-benefits.ap-benefits-contain.hidden-xs {
    height: 470px;
}

@media (min-width: 768px) and (max-width: 1006px) {
    .box-container {
        width: 100%;
    }
}



@media (max-width: 425px) {
    .box-container {
        width: 100%;
        height: 598px;
    }
}


@media (max-width: 1024px) {
    .box-container {
        display: inline-block !important;
        width: 280px;
    }

    /*.slide-panel {
        white-space: nowrap !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        width: 105%;
    }*/

    .slide-panel .ap-grey-container {
        width: 100%;
    }

    .ap-location-box {
        padding: 0px;
    }
}


@media (min-width: 767px) and (max-width: 1022px) {
    h1#t-location {
        font-size: 26px;
        font-family: BrownLight;
        text-align: left;
        width: 100%;
        /*display: inline-block;*/
    }
}

@media (max-width: 1024px) and (min-width: 900px) {
    .box-container {
        width: 33.33333%;
        margin-bottom: 0%;
    }

    .row.hotelAboutRow.ap-about.ap-landing-info.ap-location-stack {
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .ap-grey-container h1 {
        font-size: 26px;
        font-family: BrownLight;
        color: #4A4A4A;
    }
}

@media (min-width: 1024px) {
    section.image.apartment-benefits.ap-benefits-contain.hidden-xs {
        /*height: 524px !important;*/
    }

    .header-information.ap-meetingrooms-header h3 {
        font-family: BrownLight;
        font-size: 40px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        text-align: center;
        line-height: 50px;
    }

    .header-information.ap-location-banner h3 {
        font-family: BrownLight;
        font-size: 40px;
        line-height: 50px;
    }

    div.aboutPics {
        width: 58%;
        float: left;
        position: absolute;
        right: 0;
    }
}

@media (min-width: 1024px) and (max-width: 1030px) {
    .subPicture.lazy.right-img.ap-main-pic {
        margin-left: calc(100% - 273px) !important;
    }

    .row.hotelAboutRow.ap-about.ap-stories {
        margin-top: 32px !important;
        margin-bottom: -7% !important;
    }

    div.aboutPics {
        width: 58% !important;
        float: left !important;
        position: absolute;
        right: 0;
    }
}

@media (max-width: 767px) {
    .row.hotelAboutRow.ap-about.ap-landing-info.ap-location-stack {
        height: 100%;
    }

    .stories-carousel img {
        width: 100% !important;
    }


    .header-information.ap-meetingrooms-header h3 {
        font-family: BrownLight;
        font-size: 16px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .header-information.ap-location-banner h3 {
        font-family: BrownLight;
        font-size: 30px;
    }

    .header-information.ap-location-banner h3 {
        font-family: BrownLight;
        font-size: 16px;
        position: relative;
        top: 51px;
    }

    .ap-grey-container h1 {
        font-size: 24px;
        font-family: BrownLight;
        color: #4A4A4A;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .ap-grey-container p {
        font-size: 20px !important;
        font-family: BrownLight;
        color: #9B9B9B;
    }

    .ap-grey-container .ap-transport-text p {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .header-information.ap-location-banner p {
        display: inherit !important;
        position: relative;
        top: 122px;
        text-transform: uppercase;
        font-size: 11px;
    }

    .header-monogram.ap-monogram {
        margin-top: -138px;
    }


    .meeting-room-slider-x .meeting-room-slide {
        height: 485px;
        width: 240px;
        white-space: normal;
    }

    .location-heading-wrapper {
        padding: 0 40px 0;
    }
}


@media (max-width: 766px) and (min-width: 650px) {
    .ap-tab-text.ap-tab-content p {
        font-size: 27px;
        font-family: BrownRegular;
        padding: 18%;
        padding-top: 0;
        padding-bottom: 0;
        text-shadow: none !important;
        margin-left: auto;
        margin-right: auto;
        right: 0;
    }

    .ap-tab-text.ap-tab-title {
        font-size: 12.6px;
        text-shadow: none !important;
        margin-left: 0;
        text-align: center;
    }

    .ap-tab-text.ap-tab-link a {
        font-size: 12.6px;
        color: #ffffff;
        text-shadow: none !important;
        margin-left: 0;
    }

    .ap-backing .carousel-caption {
        position: absolute;
        left: 0%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        height: 26%;
        background: #1E6A94;
        width: 100%;
        top: 327px;
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    section.image.apartment-benefits.ap-benefits-contain.ap-ladning-benefits.hidden-xs {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .aboutInfo.ap-landing.ap-stories-text {
        position: relative;
        margin-top: -26%;
    }

    .row.hotelAboutRow.ap-about.ap-stories {
        padding: 32px 40px !important;
        margin-bottom: -35%;
    }

    .content-container.header-spacing.ap-header-spacing {
        margin-top: 0;
    }
}

@media (min-width: 650px) and (max-width: 764px) {
    .ap-backing .carousel-caption {
        position: absolute;
        left: 0%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        height: 234px;
        background: #1E6A94;
        width: 100%;
        top: 327px;
    }

    .location-container-main {
        max-width: 1205px;
        margin-left: 4px;
        margin-right: auto;
        position: relative;
        height: 100%;
    }

    h1#t-location {
        font-size: 26px;
        font-family: BrownLight;
    }

    h1#t-location {
        font-size: 26px;
        font-family: BrownLight;
        /*margin-left: -48px !important;*/
    }
}

@media (max-width: 601px) and (min-width: 500px) {
    .ap-backing .carousel-caption {
        position: absolute;
        left: 0%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        background: #1E6A94;
        width: 100%;
        /*top: 327px;*/
    }

    .ap-control-stories {
        margin-left: 3%;
        margin-top: 60%;
        z-index: 90000;
    }
}

@media (max-width: 740px) and (min-width: 608px) {
    .ap-backing .carousel-caption {
        position: absolute;
        left: 0%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        height: 239px;
        background: #1E6A94;
        width: 100%;
        top: 327px;
    }

    .ap-control-stories {
        margin-left: 3%;
        margin-top: 60%;
        z-index: 90000;
    }
}

@media (max-width: 560px) and (min-width: 500px) {
    .ap-control-stories {
        margin-left: 3%;
        margin-top: 70%;
        z-index: 90000;
    }
}

@media (max-width: 760px) and (min-width: 655px) {
    .ap-control-stories {
        margin-left: 3%;
        margin-top: 70%;
        z-index: 90000;
    }
}

@media (max-width: 767px) {
    .book-now-form.bookingContainer.meeting-rooms.search-bar {
        display: none;
    }
}

.book-now-form.bookingContainer.meeting-rooms.search-bar {
    height: 100px !important;
    margin: 0 auto;
}


    .book-now-form.bookingContainer.meeting-rooms.search-bar .controlContainer {
        left: 0%;
    }

.row.enquire-now-header.ap-first-text p {
    font-family: BrownLight;
}

.row.enquire-now-header.ap-first-text span {
    font-family: BrownLight;
}

.benefit-content p {
    font-family: BrownLight;
}

.benefit-content span {
    font-family: BrownLight;
}



/*@media (min-width: 1000px) and (max-width: 1130px) {
      .ap-grey-container h1 {
        font-size: 26px;
        font-family: BrownLight;
        color: #4A4A4A;
        width: 273px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}*/

.book-now-form.bookingContainer.meeting-rooms.search-bar {
    text-align: left;
}

.apartment-details .box-container:not(:last-of-type) {
    margin-right: 30px;
}

@media (min-width: 992px) {
    .apartment-details .box-container {
        width: 31.333333%;
    }

    .row.hotelAboutRow.ap-about.ap-locations {
        padding-bottom: 100px !important;
    }
}


.slide-panel .carousel .slick-slide {
    margin: 0 15px;
    background-color: #F4F4F4;
    height: 592px;
    width: 382px !important;
}

@media (max-width: 767px) {
    .slide-panel .carousel .slick-slide {
        margin: 0 15px;
        background-color: #F4F4F4;
        height: 460px;
        width: 240px !important;
    }

    .ap-location-box.location-img {
        height: 240px;
    }
}

.slide-panel .carousel .slick-slide a:hover, .slide-panel .carousel .slick-slide a:focus {
    text-decoration: none !important;
}


.slide-panel .carousel .slick-next, .slide-panel .carousel .slick-prev {
    width: 37px;
    height: 13px;
}

.slide-panel .carousel .slick-next {
    background: url('../../img/slider-next.png') no-repeat;
    right: -45px;
}

.slide-panel .carousel .slick-prev {
    background: url('../../img/slider-prev.png') no-repeat;
    left: -45px;
}

.slide-panel {
    clear: both;
}


@media (max-width: 1400px) {

    .slide-panel {
        width: 100%;
        float: left;
    }

        .slide-panel .carousel .slick-slide {
            margin-right: 10px;
            margin-left: 10px;
        }
}






@media (min-width: 768px) {
    .row.hotelAboutRow.ap-about.ap-locations {
        padding: 0 0 100px 0 !important;
        height: auto !important;
        margin: 0;
    }
}

.row.hotelAboutRow.ap-about.ap-landing-info.ap-location-stack.dragscroll {
    padding: 0 0 50px 0 !important;
    height: auto !important;
}

@media (min-width: 768px) and (max-width: 991px) {
    .benefit-desc {
        margin: 0;
        padding: 0 4% 55px 4%;
        margin-top: 15px;
        top: 0;
        left: 0 !important;
    }

    h1#t-benefits {
        top: 0;
        margin-left: 4%;
    }
}

div.row.hotelLinksRow.apartments.desktop.clearfix.ap-toplinks.ap-toplinks-sticky.meeting-rooms-sticky {
    margin: 0;
    padding: 0;
    top: 60px;
}

    div.row.hotelLinksRow.apartments.desktop.clearfix.ap-toplinks.ap-toplinks-sticky.meeting-rooms-sticky .pointer-page {
        height: auto;
    }

@media (min-width:1281px) {
    div.row.hotelLinksRow.apartments.desktop.clearfix.ap-toplinks.ap-toplinks-sticky.meeting-rooms-sticky {
        top: 80px;
    }
}

@media (min-width: 1024px) {
    .benefit-desc {
        top: 15px;
    }
}

@media (min-width:992px) and (max-width: 1023px) {
    .benefit-desc {
        top: 5px;
    }
}

@media (min-width:992px) {
    .overview .ap-benefits-contain {
        min-height: 450px;
    }
}

/*Under Construction popup*/
#construction-popup {
    position: absolute;
    top: 40%;
    right: 0;
    width: 345px;
    height: auto;
    padding: 1% 2%;
    background: #fff;
    text-align: center;
    display: none;
    z-index: 5;
}

    #construction-popup.location {
        display: block;
    }

span.heads-up {
    width: 70px;
    color: #3B3B3B;
    font-family: BrownRegular;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

#construction-popup p {
    color: #3B3B3B;
    text-align: center;
    font-family: BrownLight;
    font-size: 12px;
    line-height: 18px;
}

#construction-popup .close-icon {
    height: 15px;
    padding: 0;
    left: 0;
    top: 8%;
}

@media only screen and (max-width:767px) {
    #construction-popup {
        top: 50px;
        width: 100%;
        text-align: left;
        background-color: #3b3b3b;
        padding: 2%;
    }

        #construction-popup .close-icon {
            right: 0;
            left: unset;
        }

    #construction-icon {
        display: none;
    }

    #construction-popup p {
        text-align: left;
        color: #fff;
    }

    #construction-popup span {
        color: #fff;
    }
}

/*End Under Construction popup*/


.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

header.header-navigation {
    z-index: 9;
}

    header.header-navigation.on {
        z-index: 500;
    }


body.hotel-section, body.hotel-section button, body.hotel-section input, body.hotel-section select, body.hotel-section textarea, body.hotel-section p {
    font-family: BrownLight;
}

div.topRow {
    margin-top: 80px;
    background-color: white;
}

div.hotelAboutRow p {
    font-size: 14px;
    line-height: 24px;
}

label.address-hotel {
    cursor: pointer;
}

/*HOXTOWN SLIDER EVENT*/

div.hotelHoxtownSlideContainer .hotelHoxtownSlider > * {
    z-index: 0;
}



div.hotelHoxtownSlideContainer .hotelHoxtownSlider {
    height: 100% !important;
}

    div.hotelHoxtownSlideContainer .hotelHoxtownSlider .rsOverflow {
        width: 100% !important;
    }



    div.hotelHoxtownSlideContainer .hotelHoxtownSlider .rsContent:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -ms-opacity: 0.5;
        opacity: 0.5;
        background-color: #353535;
    }

.hoxtown-event-container {
    z-index: 4;
    height: auto;
    width: 320px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -105px;
}

    .hoxtown-event-container a {
        color: #fff;
        position: relative;
    }

    .hoxtown-event-container p {
        text-transform: uppercase;
        position: relative;
    }

.hoxtown-links .checkout-hoxtown h1 {
    font-size: 22px;
}


/*END HOXTOWN*/

/*need form neighbourhood page*/
div.hotelTitleContainer {
    text-align: center;
    padding: 20px;
    height: 490px;
    height: calc(100vh - 327px);
}

    div.hotelTitleContainer label {
        display: block;
    }

        div.hotelTitleContainer label.name {
            text-transform: uppercase;
            font-size: 12px;
        }

        div.hotelTitleContainer label.address {
            position: absolute;
            text-transform: uppercase;
            bottom: 40px;
            font-size: 12px;
            left: 0;
            right: 0;
        }

        div.hotelTitleContainer label.name {
            text-transform: uppercase;
            font-size: 12px;
        }
/*END*/

div.hotelPicture:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -ms-opacity: 0.5;
    opacity: 0.5;
    z-index: -3;
}

img.rsImg.slideimg.rsMainSlideImage {
    filter: brightness(0.7);
}

div.hotelAboutRow img.monogram-hotel-logo {
    width: 130px;
    height: 130px;
    position: absolute;
    left: 0;
    bottom: 150px;
}


div.hotel-description {
    height: auto;
    width: 610px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -305px;
    margin-top: -44px;
}

    div.hotel-description label.description {
        font-family: BrownRegular;
        font-size: 30px;
        height: auto;
        color: #fff;
        text-align: center;
    }

div.hotel-address {
    position: absolute;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    top: 15px;
    font-size: 14px;
    color: #4A4A4A;
    font-family: BrownLight;
    z-index: 1;
    text-align: center;
}

/*BOOKING FORM HOTEL*/
div.hotelBookingFormAndMapBlock div.book-now-form {
    position: relative;
    bottom: 0px;
    width: 100%;
    height: 115px;
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    padding: 10px 0px;
    top: auto;
    z-index: auto;
}
/*END*/

/*MAP HOTEL*/
.poi-label {
    display: inline-block;
}

.hotelBookingFormAndMapBlock {
    position: absolute;
    z-index: 10;
    bottom: 0%;
    width: 100%;
}

#map-canvas {
    height: 100%;
}

div.hotelBookingFormAndMapBlock .map {
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
    display: block;
    width: 100%;
    position: relative;
    bottom: 0%;
    height: 154px;
    background-color: white;
    padding: 0px;
    margin: 0px;
}

.map ul.pointsOfInterest {
    position: absolute;
    bottom: 0;
    z-index: 10;
    margin: auto;
    padding: 0px 0px 10px 0;
    display: flex;
    left: 50%;
    margin-left: -360px;
}

    .map ul.pointsOfInterest li {
        color: white;
        width: 215px;
        list-style-type: none;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 30px;
        padding: 5px 8px;
        font-size: 12px;
        font-family: BrownLight;
        letter-spacing: 0.05em;
        height: 30px;
    }

        .map ul.pointsOfInterest li label, .map ul.pointsOfInterest li a:link {
            cursor: pointer;
            color: white;
        }

        .map ul.pointsOfInterest li img {
            float: right;
        }

.neighbourhood-section .map ul.pointsOfInterest {
    position: absolute;
    bottom: 60px;
    z-index: 10;
    margin: auto;
    padding: 0px;
    display: flex;
    left: 0;
    margin-left: 0;
    width: 100%;
}

div.restaurants-info-container .map ul.pointsOfInterest {
    position: absolute;
    bottom: 0;
    z-index: 10;
    margin: auto;
    right: 0;
    display: none;
}

.neighbourhood-section .map ul.pointsOfInterest li {
    color: #4a4a4a;
    width: 33%;
    list-style-type: none;
    margin-top: 10px;
    margin-bottom: 40px;
    margin-right: 0px;
    padding: 5px 8px;
    font-size: 14px;
    text-align: center;
    font-family: BrownRegular;
    font-weight: bold;
    letter-spacing: 0.05em;
    height: 30px;
}

div.restaurants-info-container .map ul.pointsOfInterest li {
    color: #4a4a4a;
    width: 110px;
    list-style-type: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 8px;
    font-size: 12px;
    font-family: BrownLight;
    letter-spacing: 0.05em;
    height: 30px;
}

.neighbourhood-section .map ul.pointsOfInterest li .poi-label {
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
}


.neighbourhood-section .map ul.pointsOfInterest li label, .neighbourhood-section .map ul.pointsOfInterest li a:link, div.restaurants-info-container .map ul.pointsOfInterest li label, div.restaurants-info-container .map ul.pointsOfInterest li a:link {
    cursor: pointer;
    display: block;
    color: #4a4a4a;
}

.neighbourhood-section .map ul.pointsOfInterest li img, div.restaurants-info-container .map ul.pointsOfInterest li img {
    text-align: center;
    display: block;
    background-color: #1e6a94;
    border-radius: 50%;
    width: 26px;
    padding: 5px;
    height: 26px;
    float: none;
    margin: 0 auto;
}
/*END MAP*/

/*HOTEL ABOUT ROW*/
div.aboutRowContainer {
    max-width: 1205px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 100%;
}

div.mainPicture {
    background-size: cover;
    background-repeat: no-repeat;
    height: 451px;
    z-index: 0;
    position: relative;
}

div.subPictureRow {
    position: relative;
    z-index: 1;
}

div.subPicture {
    height: 280px;
    width: 280px;
    margin-top: -150px;
    margin-left: -150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

div.hotelAboutRow {
    height: 700px;
    padding: 60px 40px;
    background-color: #fff;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.hotelAboutRow .mainPicture .content {
    text-align: center;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    color: white;
}

div.neighbourhood-Link {
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

    div.neighbourhood-Link a.neighbourhood-link-hotel h5 {
        color: #333;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1.5px !important;
        width: 185px;
        line-height: 23px;
        text-decoration: none;
    }

a.neighbourhood-link-hotel:hover {
    text-decoration: none;
}

div.LinkGallery {
    position: absolute;
    right: 0;
    margin-left: -115px;
    z-index: 1;
}

    div.LinkGallery a.galleryLink {
        color: #333;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1.0px;
        line-height: 23px;
        text-decoration: none;
        cursor: pointer;
        font-family: BrownRegular;
    }
/*END*/

/*HOTEL LINKS ROW*/
div.hotelLinksRow.hotelHomepage {
    padding-top: 75px;
    height: auto;
    background-color: #EDEDED;
    padding-bottom: 70px;
}

.hotelLinksRow.hotelHomepage .hotel-button {
    height: 140px;
    margin-top: 7px;
    margin-bottom: 10px;
}

div.aboutBox {
    margin-left: 10px;
    margin-right: 10px;
    height: 50vw;
    max-height: 510px;
    display: inline-block;
    max-width: 382px;
    width: 30%;
    background-position: bottom right;
    background-size: cover;
    position: relative;
    -webkit-transition: all 0.5s;
}

.roomContainer {
    height: 100%;
}

div.aboutBox:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -ms-opacity: 0.5;
    opacity: 0.5;
    transition: all 1s;
    -webkit-transition: all 1s;
    background-color: #353535;
}

div.aboutBox:hover {
    cursor: pointer;
}

    div.aboutBox:hover:after {
        -ms-opacity: 0;
        opacity: 0;
        cursor: pointer;
    }

div.aboutBox div.textContainer, div.roomBox div.textContainer {
    display: inline-block;
    margin: 0px;
    padding: 10%;
    position: absolute;
    width: 100%;
    color: white;
    z-index: 1;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

    div.aboutBox div.textContainer div {
        margin-top: auto;
        margin-bottom: auto;
        width: 100%;
    }

div.hotelLinksRow label {
    color: white;
    font-size: 24px;
    margin-left: auto;
    margin-right: auto;
}

div.roomBox h1, div.aboutBox h1 {
    width: 100%;
    color: white;
    letter-spacing: 0px;
}

div.hotelLinksRow .bedroom {
    background-size: cover;
    background-repeat: no-repeat;
}

div.hotelLinksRow .apartment {
    background-size: cover;
    background-repeat: no-repeat;
}

div.hotelLinksRow .food {
    background-size: cover;
    background-repeat: no-repeat;
}

div.hotelTitleContainer label {
    font-family: BrownLight;
    letter-spacing: 1px;
}
/*END*/

@media (min-width: 768px) and (max-height: 700px) {
    .hotelBookingFormAndMapBlock {
        margin-top: -115px !important;
    }


    div.hotel-description {
        margin-top: 30px;
    }
}

div.hotelPicture, div.hotelHoxtownSlideContainer {
    height: calc(100vh - 80px) !important;
    overflow: hidden;
}

@media (min-width: 992px) {

    .hotelBookingFormAndMapBlock {
        position: absolute;
        z-index: 10;
        top: 0%;
        margin-top: -279px;
        width: 100%;
    }

    div.LinkGallery {
        right: 25px;
        bottom: 65px;
    }


    div.aboutInfo {
        max-width: 415px;
        width: 40%;
        float: left;
    }

    div.aboutPics {
        width: 46%;
        float: left;
        position: absolute;
        right: 0;
    }
}
/* tablet */
@media (max-width:991px) {

    .hoxtown-event-container {
        width: 320px;
        top: 50%;
        left: 50%;
        margin-left: -161px;
        margin-top: -25px;
    }


    div.LinkGallery {
        margin-left: -142px;
    }

    .hotelBookingFormAndMapBlock {
        bottom: 50px;
    }

    .hotel-homepage-container {
        margin-top: -50px !important;
        z-index: 4;
    }

    div.hotel-description label.description {
        top: 50%;
        font-size: 24px;
        text-align: center;
        position: absolute;
        width: 350px;
        text-align: center;
        left: 50%;
        margin-left: -178px;
        margin-top: -55px;
    }

    div.topRow {
        margin-top: 0px;
    }

    div.hotelTitleContainer {
        height: 162px;
    }

    div.hotelDetailsContainer div.hotelTitleContainer label.name {
        display: none;
    }

    div.hotelDetailsContainer div.hotelTitleContainer label.address {
        display: none;
    }

    .hotelHoxtownSlider {
        height: 100% !important;
    }

    div.aboutInfo {
        width: 100%;
        float: left;
    }

    div.aboutPics {
        display: none;
    }

    div.mainPicture {
        display: none !important;
    }

    div.subPicture {
        display: none !important;
    }

    div.hotelAboutRow {
        height: auto;
        margin-top: 40px;
    }

    div.hotelLinksRow {
        background-color: white;
    }

        div.hotelLinksRow div.aboutBox h1 {
            font-size: 20px;
            line-height: normal;
        }
}

@media (max-width:450px) {
    div.hotelAboutRow {
        margin-top: 100px;
    }
}

@media (max-width:991px) and (min-width: 768px) {
    div.hotelLinksRow.hotelHomepage {
        height: 400px;
        padding: 45px 0;
    }

    div.hotelLinksRow div.aboutBox {
        height: 312px;
    }

    .hoxtown-info h3 {
        font-size: 18px;
    }

    .bookingContainer .datepicker.picker {
        margin-left: -85px !important;
    }


    div.hotelHoxtownSlideContainer, div.hotelPicture {
        height: 100vh;
        height: calc(100vh - 80px);
    }
}


@media (min-width:768px) {


    #aboutInfoSmall, p.about-info-readmore {
        display: none;
    }

    .hotelBookingFormAndMapBlock {
        position: absolute;
        z-index: 10;
        top: 0%;
        margin-top: -269px;
        width: 100%;
        height: 269px;
    }

    .hotelLinksRow.hotelHomepage.mobile {
        display: none;
    }
}

/* phone */
@media (max-width:767px) {

    .hotelBookingFormAndMapBlock {
        position: absolute;
        z-index: 10;
        top: 0%;
        margin-top: -151px;
        width: 100%;
        height: 154px;
    }


    .hoxtown-links .checkout-hoxtown h1 {
        font-size: 20px;
        padding: 0 25px;
        margin-top: -15px;
    }

    .hotelLinksRow.mobile .hotel-button .rightarrow {
        position: absolute;
        top: 50%;
        z-index: 1;
        margin-top: -7px;
        right: 13px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    p.about-info-readmore {
        line-height: 0 !important;
    }

    #aboutInfoFull.show-info {
        display: block;
    }

    #aboutInfoFull, #aboutInfoSmall.hide-info {
        display: none;
    }

    .hotelBookingFormAndMapBlock #map-canvas {
        height: 144px;
    }

    .hotelPicture {
        background-size: cover !important;
    }



    div.hotel-description label.description {
        margin-left: -158px;
        font-size: 20px;
        margin-top: -40px;
        width: 315px;
    }

    div.topRow {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .hoxtown-event-container p.hoxEvent {
        position: relative;
        font-size: 11px;
    }

    .hoxtown-event-container p {
        font-size: 11px;
    }



    div.hotelAboutRow p {
        height: 100%;
    }

    div.neighbourhood-Link {
        display: none;
    }

    div.hotel-address, .hotelLinksRow.hotelHomepage.desktop {
        display: none;
    }

    footer {
        display: block;
        margin-bottom: 50px;
    }

    header.header-navigation nav {
        height: auto;
    }

    div.hotelLinksRow.hotelHomepage {
        padding-top: 0px;
        padding-bottom: 0px;
    }


    div.aboutInfo {
        width: 100%;
        float: left;
        margin-top: -69px;
        padding: 0px 0px;
    }

        div.aboutInfo h3 {
            font-size: 20px;
        }

    div.hotelAboutRow {
        display: block;
        padding: 62px 25px 20px 25px;
    }

    .hoxtown-event-container {
        margin-top: 25px;
        position: absolute;
    }

    div.LinkGallery {
        display: none;
    }

    .hoxtown-event-container h1 {
        font-size: 16px;
        line-height: 25px;
    }

    .map ul.pointsOfInterest {
        display: inline-block;
        margin-left: calc(50% - 107.5px);
        left: 0;
    }
}

@media (max-width: 767px) and (orientation: portrait) {


    div.hotelHoxtownSlideContainer, div.hotelPicture {
        height: calc(100vh - 32px);
    }
}

@media (max-width: 767px) and (orientation: landscape) {

    div.hotelHoxtownSlideContainer, div.hotelPicture {
        height: 100vh;
    }

    div.hotelBookingFormAndMapBlock {
        display: none;
    }

    .hoxtown-event-container {
        margin-top: -55px;
    }

    div.hotel-description label.description {
        margin-top: 15px;
    }
}



.bookingContainer .room-selector:not(.offer) {
    float: right;
}

.bookingContainer .dropdownpicker {
    position: absolute;
    top: 48px;
    width: 100%;
    left: 0;
    display: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    z-index: 3;
}

.bookingContainer .number-rooms .dropdownpicker, .bookingContainer .room-quota .dropdownpicker {
    top: 28px;
}

.bookingContainer .dropdownpicker ul {
    margin: 0;
    padding: 0;
    /*min-width: 220px;*/
}


.bookingContainer.meeting-rooms .dropdownpicker ul {
    background-color: rgba(255,255,255,0.9);
}

.bookingContainer .dropdownpicker ul li {
    width: 100%;
    background-color: #fff;
    height: 35px;
    border: 1px solid #808080;
    border-bottom-width: 0;
    list-style: none;
}

.bookingContainer.meeting-rooms .dropdownpicker ul li {
    border: none;
    height: auto;
}

    .bookingContainer.meeting-rooms .dropdownpicker ul li ul li {
        margin-left: 0;
        width: 100%;
    }

.bookingContainer .dropdownpicker ul li:last-child {
    border-bottom-width: 1px;
}

.bookingContainer .dropdownpicker ul li a {
    line-height: 35px;
    color: #333;
    display: block;
    height: 35px;
    letter-spacing: 0.05em;
    padding-left: 15px;
}


.lang-fr .bookingContainer .dropdownpicker ul {
    padding: 0;
}

.lang-fr .bookingContainer .dropdownpicker.picker.rooms ul li a {
    font-size: 12px;
    padding-left: 0;
}

.lang-fr .time-of-day .time label span.tod {
    font-size: 12px !important;
}

.dropdownpicker.picker.hotels.meeting-rooms ul li a {
    padding-left: 15px !important;
}

.dropdownpicker.picker.hotels.meeting-rooms ul li ul li a {
    padding-left: 22px !important;
}

/*.bookingContainer .dropdownpicker ul li a:hover {
    background-color: #FFC71E;
    color: #fff !important;
}

.bookingContainer #hotel-selected.holb .dropdownpicker ul li a:hover {
    background-color: #ff674c;
}

.bookingContainer #hotel-selected.hams .dropdownpicker ul li a:hover {
    background-color: #22a173;
}*/

.bookingContainer .dropdownpicker.hotels ul li a:hover {
    background-color: transparent;
}

.bookingContainer.meeting-rooms .dropdownpicker.hotels ul li a:hover {
    background-color: inherit;
    color: #A3A3A3;
}

.bookingContainer .dropdown-selector.on .dropdownpicker {
    left: 0;
    display: block;
}

.bookingContainer a.input.code {
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: none;
    color: #A3A3A3;
    text-align: center;
    font-size: 12px !important;
    line-height: 50px;
    text-transform: none;
    float: none !important; /* border-right-width: 0; */ /* line-height: 16px;    	width: 20%;*/ /* margin-top: 0; */ /* padding-top: 6px; */
}

    .bookingContainer a.input.code:hover, .bookingContainer a.input.code:focus {
        color: #a3a3a3 !important;
    }

.bookingContainer a.date.input {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    position: absolute;
    top: 0px;
    right: 3px;
}


.bookingContainer .input-value {
    /*
    color: #333;
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 48px;
    border-top: solid 1px #D0D0D0;
    border-left: solid 1px #D0D0D0;
    border-bottom: solid 1px #D0D0D0;
    */
    /*line-height: 35px;*/
    width: 100%;
    /*height: 35px;*/
    color: #333;
    display: inline-block;
    background-color: #FFF;
    padding-left: 8%;
    cursor: pointer;
}

    .bookingContainer .input-value::before {
        text-align: left;
        position: absolute;
        left: 10px;
        font-size: 12px;
        color: #808080;
        letter-spacing: 0.05em;
    }

.bookingContainer .room-selector .input-value, .bookingContainer .number-rooms .input-value, .bookingContainer .room-quota .input-value {
    font-size: 11px;
    padding-left: 10px;
    text-align: left;
    width: 100%;
}

.bookingContainer .number-rooms .input-value, .bookingContainer .room-quota .input-value {
    height: 28px;
    line-height: 28px;
}

.bookingContainer .number-rooms .input-value {
    text-align: left;
}

.bookingContainer .input-value.arrive::before {
    /*content: 'Check In?';*/
}

.bookingContainer .input-value.depart::before {
    /*content: 'Check Out?';*/
}

.bookingContainer .room-selector .input-value {
    padding-left: 10px;
    text-align: left;
    width: 100%;
}

    .bookingContainer .number-rooms .input-value::before, .bookingContainer .room-selector .input-value::before, .bookingContainer .room-quota .input-value::before {
        content: '';
    }

.bookingContainer .bookingContent .input-value::before {
    display: none;
}

.bookingContainer .inactive .input-value.checkout-input.depart::before {
    color: #a3a3a3;
    opacity: 0.5;
}

.bookingContainer .room-quota .dropdownpicker ul li a {
    font-size: 11px !important;
    text-align: left;
    padding-left: 10px;
}

.bookingContainer .number-rooms .dropdownpicker ul li a {
    text-align: left;
    padding-left: 10px;
    font-size: 11px !important;
}

.bookingContainer .input {
    /*
    border-top: solid 1px #D0D0D0;
    border-right: solid 1px #D0D0D0;
    border-bottom: solid 1px #D0D0D0;
    float: right;
    */
    background-color: #FFF;
    color: #808080;
    font-size: 16px;
    line-height: 35px;
    text-transform: uppercase;
    display: inline-block;
    z-index: 2;
    position: relative;
    height: 35px;
    padding: 0;
    letter-spacing: 0.05em;
}

.bookingContainer a.input {
    /*font-size: 16px !important;*/
}

.bookingContainer .hotel-input.input:after, .bookingContainer .scrollable.on .input.date:after {
    content: "\25BC";
    color: #999;
}

.bookingContainer .input.date:after {
    content: "\25BC";
    color: #999;
}

.bookingContainer .selector p {
    font-size: 14px;
    margin-bottom: 5px;
}

.bookingContainer .input.white {
    background-color: #fff;
    color: #333;
    border-bottom: 2px solid #333;
}

.bookingContainer .input.hotel-input {
    width: 10%;
    position: absolute;
    top: 0px;
    right: 3px;
}

.bookingContainer .room-quota .input.hotel-input, .bookingContainer .number-rooms .input.hotel-input {
    height: 28px;
    line-height: 28px;
}

.bookingContainer .date.input {
    width: 10%;
}

.bookingContainer .input.rooms {
    width: 20%;
}

.bookingContainer .input.availability {
    width: 96%;
    margin-top: 20px;
    float: none;
    font-size: 14px;
    background-color: #333;
    border: 2px solid #333;
    height: 60px;
    color: #fff;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
/*.bookingContainer .input.availability:hover {color: #FFC60B!important;}*/

.bookingContainer .picker {
    position: absolute;
    top: 32px;
    left: 0;
    display: none;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    z-index: 3;
    font-size: 14px;
}

    .bookingContainer .picker.check-out {
        top: 0;
    }

/*.bookingContainer .selector {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 48%;
}*/

.bookingContainer .selector.number-rooms {
    margin-left: 9%;
}

    .bookingContainer .selector.number-rooms span.input-value {
        width: 60%;
    }

    .bookingContainer .selector.number-rooms a.input {
        width: 40%;
    }

.bookingContainer .selector.code-selector {
    height: 50px;
    width: 100%;
    margin-left: 0%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.more-room-options {
    display: none;
}

.bookingContainer .room-quota-input label {
    height: 30px;
    line-height: 30px;
    margin-left: 8px;
}

.bookingContainer .checkout-date {
    float: right;
}

.bookingContainer .room-quota-inputs .room-quota-input:first-child label {
    height: 50px;
    line-height: 50px;
    margin-left: 8px;
}

.bookingContainer .selector.on .datepicker {
    /*top: 35px;
    display: block;*/
}

.bookingContainer .picker {
    position: absolute;
    top: 18vh;
    left: 50%;
    -ms-transition: top 0.5s ease-in-out;
    -o-transition: top 0.5s ease-in-out;
    transition: top 0.5s ease-in-out;
    -webkit-transition: top 0.5s ease-in-out;
    -moz-transition: top 0.5s ease-in-out;
    z-index: 3;
    font-size: 14px;
}

.bookingContainer .datepicker.picker {
    display: block;
    left: 50%;
    margin-left: -150px;
    visibility: hidden;
}

.bookingContainer .bookingLinks {
    margin-top: 5px;
    margin-bottom: 2px;
}

/*Mobile Slider For Landing Pages*/

.mobile-banner-landing {
    height: 100%;
}


div.bedroomsHeader {
    position: relative;
    height: 100vh;
}

.bedroomsHeader-slider {
    width: 100%;
    height: 100% !important;
    text-align: center;
}

.mobileBedroomsRooms-slider {
    width: 100%;
    height: 370px !important;
    text-align: center;
}

    .mobileBedroomsRooms-slider a {
        color: white;
        text-decoration: none;
    }

div.bedroomsHeader h2 {
    position: absolute;
    top: 40%;
    z-index: 1;
    width: 100%;
    text-align: center;
    color: #ffffff;
}

div.bedroomsHeader h5.beds-location {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 100%;
    text-align: center;
    color: #ffffff;
}

div.bedroomsHeader h5.hotelName {
    display: none;
    position: absolute;
    top: 38%;
    z-index: 50;
    width: 100%;
    text-align: center;
    color: #ffffff;
}

div.bedroomsHeader img.logo {
    display: none;
    position: absolute;
    top: 17%;
    z-index: 50;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    margin-left: -45px;
}

.bedroomsRooms-slider {
    width: 80%;
    /*height: 510px !important;*/
    max-height: 510px;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-color: white;
}

    .bedroomsRooms-slider .aboutBox {
        background-position: center center;
        max-width: none;
        width: 95%;
        height: 100%;
    }

    .bedroomsRooms-slider a:first-child {
        margin-left: 0px;
    }

    .bedroomsRooms-slider a:last-child {
        margin-right: 0px;
    }

    .bedroomsRooms-slider .rsArrow {
        position: absolute;
        display: inline-block;
        width: 19px;
        height: 13px;
        background-size: cover;
        top: calc(50% - 33px);
        height: 67px;
        width: 33px;
    }

    .bedroomsRooms-slider .rsArrowLeft {
        left: -55px;
        background-image: url('../../img/bigArrow.svg');
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .bedroomsRooms-slider .rsArrowRight {
        right: -55px;
        background-image: url('../../img/bigArrow.svg');
        background-repeat: no-repeat;
        background-position: center center;
    }

    .bedroomsRooms-slider .rsArrowLeft.rsArrowDisabled {
        background-image: url('../../img/leftArrowDisabled.png');
    }

    .bedroomsRooms-slider .rsArrowRight.rsArrowDisabled {
        background-image: url('../../img/rightArrowDisabled.png');
    }

.roomDescription {
    text-align: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

    .roomDescription img.cross {
        margin-top: 20px;
        margin-bottom: 60px;
    }

    .roomDescription p {
        text-align: center;
        font-size: 18px;
        color: #353535;
        line-height: 30px;
    }

.roomFeatures {
    width: 100%;
    height: 800px;
    text-align: center;
    padding-top: 70px;
    background-attachment: fixed;
    margin-left: 0px;
    margin-right: 0px;
}

.featureContainerRow svg path {
    fill: #000;
}

.featureContainerRow svg {
    height: 40px;
}

.roomFeatures div.feature {
    background-color: white;
    width: 47%;
    max-width: 485px;
    height: 300px;
    display: inline-block;
    margin: 20px;
    padding-top: 60px;
    position: relative;
}

    .roomFeatures div.feature h3 {
        margin-left: auto;
        margin-right: auto;
        line-height: 27px;
        font-weight: normal;
        padding-bottom: 10px;
    }

    .roomFeatures div.feature hr {
        width: 15px;
        height: 1px;
        margin-left: auto;
        margin-right: auto;
        color: #CAA87B;
        background-color: #CAA87B;
        position: absolute;
        top: 188px;
        left: 0;
        right: 0;
    }

    .roomFeatures div.feature p {
        position: absolute;
        width: 100%;
        font-size: 12px;
        line-height: 15px;
        bottom: 20px;
    }

.roomFeatures div.featureContainerRow {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .roomFeatures div.featureContainerRow div:first-child {
        margin-left: auto;
    }

    .roomFeatures div.featureContainerRow div:last-child {
        margin-right: auto;
    }

.mobileRoomSlide {
    height: 370px;
}

.mobileRoomFeatures-slider {
    height: 190px !important;
    position: relative;
}

div.mobileBedroomsRooms-slider {
    display: none;
}

div.mobileRoomFeatures {
    display: none;
}


.mobileBedroomsRooms-slider .rsArrow {
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 100%;
    background-size: contain;
}

.mobileBedroomsRooms-slider .rsArrowLeft {
    left: 5%;
    background-image: url('../../img/leftArrowSmallWhite.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.mobileBedroomsRooms-slider .rsArrowRight {
    right: 5%;
    background-image: url('../../img/rightArrowSmallWhite.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.mobileBedroomsRooms h5 {
    position: absolute;
    color: white;
    z-index: 1;
    width: 100%;
    text-align: center;
    cursor: pointer;
}


    .mobileBedroomsRooms h5.title {
        top: 20px;
        display: none;
    }

    .mobileBedroomsRooms h5.beds-location {
        top: 40px;
        display: none;
    }

    .mobileBedroomsRooms h5.clickToView {
        bottom: 20px;
        display: none;
    }


.scrollButtonContainer {
    top: 70%;
    position: absolute;
    z-index: 10;
    text-align: center;
    color: white;
}

    .scrollButtonContainer h5 {
        margin-bottom: 10px;
    }

.jumpToConceptRooms {
    float: right;
    margin-right: 10%;
    margin-top: 49px;
    color: #a4a4a4;
    font-family: BrownLight;
    font-size: 12px;
    cursor: pointer;
}

@media (min-width: 768px) {

    .mobileRoomSlide .textContainer {
        height: 100%;
    }
}

@media (min-width: 992px) {
    .roomFeatures div.feature h3 {
        width: 300px;
    }

    .roomFeatures div.feature p {
        padding-left: 25%;
        padding-right: 25%;
    }
}

/* tablet */
@media (max-width:991px) {
    div.bedroomsHeader h5 {
        display: block;
    }


    div.bedroomsHeader img.logo {
        display: block;
    }

    .bedroomsRooms-slider {
        width: 95%;
        position: relative;
    }

    .roomDescription {
        width: 80%;
    }

    .bedroomsRooms-slider .rsArrow {
        bottom: -45px;
        width: 20px;
        height: 16px;
        margin-bottom: 0;
        top: auto;
    }

    .bedroomsRooms-slider .rsArrowLeft {
        margin-left: 15px;
        left: 0px;
    }

    .bedroomsRooms-slider .rsArrowRight {
        margin-right: 15px;
        right: 0px;
    }

    .bedroomsRooms-slider div.aboutBox {
        margin-left: 5px;
        margin-right: 5px;
    }

    section.roomFeatures.image {
        background-position: 50% 0px;
    }

    .featureContainerRow div.feature {
        max-width: none;
        width: 48%;
        margin: 11px;
    }

    .bedroomsHeader .bookingContainer .selector {
        margin-left: 3px;
        margin-right: 3px;
        width: 140px;
    }

    .bedroomsHeader .bookingContainer .checkin-date {
        margin-right: 0px;
    }

    .bedroomsHeader .bookingContainer .checkout-date {
        margin-left: 0px;
    }


    .bedroomsHeader .bookingContainer .ui-datepicker {
        width: 413px !important;
    }

    .bedroomsHeader .bookingContainer .controlContainer .dropdown-selector .dropdownpicker.picker.hotels {
        width: 142px;
    }

    .bedroomsHeader .bookingContainer .controlContainer .dropdown-selector .dropdownpicker.picker.rooms {
        width: 142px;
    }

    .bedroomsHeader .bookingContainer button {
        margin-left: 3px;
        margin-right: 3px;
    }

    .jumpToConceptRooms {
        margin-right: 2%;
    }
}


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

    div.bedroomsHeader {
        height: 90vh;
        overflow: hidden;
    }

    .roomFeatures {
        height: 559px;
    }

        .roomFeatures div.feature {
            min-height: initial;
            padding-top: 20px;
            height: 209px;
        }

            .roomFeatures div.feature p {
                bottom: 10px;
            }

            .roomFeatures div.feature hr {
                display: none;
            }
}



@media (max-width:870px) {
    .manageBookingSubmitContainer label.bestRatesHere {
        display: none;
    }

    div.book-now-form div.manageBookingSubmitContainer button {
        right: 0px;
    }
}


/* phone */
@media (max-width:767px) {
    .mobileRoomFeatures-slider .feature svg, .mobileRoomFeatures-slider .feature img {
        width: 40px;
        height: 40px;
    }


    div.mobileBedroomsRooms div.aboutBox div.textContainer, div.roomBox div.textContainer {
        margin-top: 0;
    }

    div.bedroomsHeader h5 {
        display: none;
    }

    div.bedroomsHeader img.logo {
        display: none;
    }

    div.mobileBedroomsRooms, div.roomDescription, div.mobileRoomFeatures {
        display: block;
        position: relative;
    }

    div.bedroomsHeader {
        display: none;
    }

    .bedroomsRooms-slider {
        display: none;
    }

    .mobileBedroomsRooms h5.title, .mobileBedroomsRooms h5.beds-location {
        display: inline-block;
    }


    .mobileBedroomsRooms h5.clickToView {
        display: inline-block;
        pointer-events: none;
    }

    section.roomFeatures {
        display: none;
    }

    div.mobileBedroomsRooms-slider {
        display: block;
        position: relative;
    }

    div.mobileRoomFeatures {
        display: block;
    }

    .mobileRoomFeatures-slider .rsArrow {
        position: absolute;
        display: inline-block;
        width: 12px;
        height: 100%;
        background-size: contain;
    }

    .mobileRoomFeatures-slider .rsArrowLeft {
        left: 2%;
        background-image: url('../../img/leftArrowSmallWhite.png');
        background-repeat: no-repeat;
        background-position: center center;
    }

    .mobileRoomFeatures-slider .rsArrowRight {
        right: 2%;
        background-image: url('../../img/rightArrowSmallWhite.png');
        background-repeat: no-repeat;
        background-position: center center;
    }

    /*div.aboutBox
    {
        width: auto;
    }*/

    div.roomDescription p {
        font-size: 14px;
        line-height: 20px;
    }

    div.roomDescription {
        margin-top: 30px;
        margin-bottom: 40px;
    }

        div.roomDescription img.cross {
            display: none;
        }

    div.roomFeatures {
        height: 301px;
        background-attachment: inherit;
    }

    .roomFeatures div.feature {
        margin: 0px;
        width: 85%;
        height: 190px;
        min-height: inherit;
        padding-top: 16px;
    }

        .roomFeatures div.feature h3 {
            margin-top: 0px;
            font-size: 22px;
            margin-bottom: 0px;
            padding: 0 30px;
        }

        .roomFeatures div.feature p {
            bottom: 26px;
            height: 26px;
            padding: 0 20px;
        }

        .roomFeatures div.feature hr {
            top: 99px;
        }

    .jumpToConceptRooms {
        display: none;
    }
}

.roomHeader {
    position: relative;
    height: 90vh;
    background-color: #f4f4f4;
}

    .roomHeader h1 {
        position: absolute;
        bottom: 162px;
        z-index: 10;
        color: white;
        width: 100%;
        text-align: center;
    }

.roomHeaderConceptRoom.roomHeader h1 {
    bottom: 85px;
}

.roomHeaderConceptRoom.roomHeader h5.beds-location {
    bottom: 50px;
}

.roomHeader h5.beds-location {
    position: absolute;
    bottom: 129px;
    z-index: 10;
    color: white;
    width: 100%;
    text-align: center;
}

.roomHeader .bookNowContainer {
    position: absolute;
    bottom: 40px;
    z-index: 20;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
}

    .roomHeader .bookNowContainer h5 {
        cursor: pointer;
        text-transform: uppercase;
        color: white;
        display: block;
        margin-bottom: 4px;
        margin-left: auto;
        margin-right: auto;
    }

    .roomHeader .bookNowContainer hr {
        color: #CAA87B;
        width: 176px;
        height: 2px;
        margin: 0px;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
        background-color: #CAA87B;
        border: none;
    }

.bedroomHeader-slider {
    height: 100% !important;
}

.mobileBedroomHeader-slider {
    display: none;
    height: 100% !important;
}

.bedroomHeader-slider .rsSlide img {
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.bedroomHeader-slider .rsActiveSlide img {
    opacity: 1;
}

div.aboutBedroomRow {
    background: white;
}

.aboutBedroom {
    margin-top: 0px;
    margin-bottom: 100px;
    font-family: BrownLight;
}

    .aboutBedroom ul.featureList {
        list-style-type: none;
        padding-left: 0px;
        font-size: 12px;
        line-height: 20px;
    }

        .aboutBedroom ul.featureList li {
            margin-bottom: 10px;
        }

        .aboutBedroom ul.featureList img {
            margin-right: 27px;
        }

    .aboutBedroom p {
        font-size: 14px;
    }

    .aboutBedroom .aboutText h1, .aboutBedroom .aboutText h5.beds-location, .aboutBedroom .aboutText p {
        text-align: center;
    }

    .aboutBedroom .aboutText h1 {
        margin-bottom: 0;
    }

.aboutText h5.beds-location {
    margin-top: 10px;
    margin-bottom: 40px;
}



.roomNavigation {
    background-color: #EDEDED;
    height: 280px;
    text-align: center;
    position: relative;
}

    .roomNavigation h1 {
        color: #353535;
    }

    .roomNavigation div {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 80px;
    }

    .roomNavigation img {
        display: inline-block;
        margin-bottom: 13px;
    }

    .roomNavigation .previousRoom {
        left: 40px;
        cursor: pointer;
    }

        .roomNavigation .previousRoom img {
            display: inline-block;
            margin-bottom: 13px;
            margin-right: 30px;
        }

        .roomNavigation .previousRoom h1 {
            display: inline-block;
        }

    .roomNavigation .nextRoom {
        right: 40px;
        cursor: pointer;
    }

        .roomNavigation .nextRoom img {
            margin-left: 30px;
        }

        .roomNavigation .nextRoom h1 {
            display: inline-block;
        }

    .roomNavigation .backToRooms {
        display: inline-block;
    }

    .roomNavigation h1.goBack {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        height: 80px;
        margin-left: auto;
        margin-right: auto;
        width: 150px;
        cursor: pointer;
    }


.onlyByRequest {
    position: absolute;
    top: 45px;
    right: 11%;
    z-index: 2;
}


.roomHeader .onlyByRequest {
    top: 120px;
}



.bedroom-features-container .feature {
    width: 33%;
    float: left;
    margin: 0 auto;
    position: relative;
    height: 300px;
    padding: 30px;
    text-align: center;
}

    .bedroom-features-container .feature hr {
        width: 15px;
        height: 1px;
        margin-left: auto;
        margin-right: auto;
        color: #CAA87B;
        background-color: #CAA87B;
        position: absolute;
        top: 165px;
        left: 0;
        right: 0;
    }

    .bedroom-features-container .feature h3 {
        position: absolute;
        left: 0;
        width: 100%;
        padding: 0 41px;
        top: 25%;
    }

        .bedroom-features-container .feature h3 p,
        .bedroom-features-container .feature h3 h1,
        .bedroom-features-container .feature h3 h2,
        .bedroom-features-container .feature h3 h3,
        .bedroom-features-container .feature h3 h4,
        .bedroom-features-container .feature h3 h5,
        .bedroom-features-container .feature h3 label,
        .bedroomsFeaturesSlider .feature h3 p,
        .bedroomsFeaturesSlider .feature h3 h1,
        .bedroomsFeaturesSlider .feature h3 h2,
        .bedroomsFeaturesSlider .feature h3 h3,
        .bedroomsFeaturesSlider .feature h3 h4,
        .bedroomsFeaturesSlider .feature h3 h5,
        .bedroomsFeaturesSlider .feature h3 label {
            position: relative !important;
            font-size: 26px;
            margin: 0;
            padding: 0;
            font-family: BrownLight;
        }

    .bedroom-features-container .feature p {
        position: absolute;
        top: 65%;
        left: 0;
        width: 100%;
        padding: 0 30px;
    }

    .bedroom-features-container .feature svg, .bedroom-features-container .feature img {
        height: 50px;
    }


@media (min-width: 1400px) {

    .room-bedrooms-booking {
        width: 84% !important;
        left: 8%;
        left: calc(8% - 11px);
        width: calc(84% + 20px) !important;
    }
}

@media (min-width: 992px) {
    .aboutBedroomRow {
        height: 100vh;
        min-height: 900px;
        max-height: 1000px;
    }

    .aboutBedroom {
        position: absolute;
        left: 50%;
        width: 900px;
        margin-left: -450px;
    }

    .room-bedrooms-booking {
        width: 84% !important;
        left: 8%;
        left: calc(8% - 7px);
        width: calc(84% + 14px) !important;
    }
}

/* tablet */
@media (max-width:991px) {

    .onlyByRequest {
        right: 5%;
        width: 85px;
        top: 5px;
    }

    .roomNavigation h1 {
        font-size: 18px;
    }


    .aboutBedroom .aboutText h1 {
        margin-top: 0;
    }


    .roomNavigation img {
        margin-bottom: 4px !important;
    }

    .aboutBedroom {
        margin-top: 10px;
        padding-bottom: 60px;
    }

    .mobileBedroomHeader-slider {
        display: block;
    }

    .bedroomHeader-slider {
        display: none;
    }

    .bedroomSlider {
        visibility: visible !important;
    }

    .roomHeader .bookNowContainer {
        top: 90%;
    }

    div.aboutBedroomRow {
        margin-bottom: 30px;
    }

    .bookingContainer .selector:not(.offer) {
        margin-left: 3px;
        margin-right: 3px;
        width: 140px;
    }

    .bookingContainer .checkin-date {
        margin-right: 0px;
    }

    .bookingContainer .checkout-date {
        margin-left: 0px;
    }


    .bookingContainer .ui-datepicker {
        width: 413px !important;
    }

    .bookingContainer .controlContainer .dropdown-selector .dropdownpicker.picker.hotels {
        width: 142px;
    }

    .bookingContainer .controlContainer .dropdown-selector .dropdownpicker.picker.rooms {
        width: 142px;
    }

    .bookingContainer button {
        margin-left: 3px;
        margin-right: 3px;
    }

    .bedroom-features-container .features-list {
        position: relative;
        width: 90%;
        margin: 0 auto;
        max-width: 590px;
    }

    .bedroom-features-container .feature {
        width: 50%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .roomHeader {
        height: 78vh;
    }

    .aboutBedroomRow .aboutText {
        padding: 0 50px;
    }
}

@media (min-width: 768px) {

    p#room-key-features {
        display: none;
    }

    .bedroomsFeaturesSlider {
        display: none;
    }



    .bedroom-features-container {
        margin-bottom: 30px;
    }
}


/* phone */
@media (max-width:767px) {
    p#room-key-features {
        font-size: 12px;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .bedroom-features-container {
        display: none;
    }

    .bedroomsFeaturesSlider .feature {
        max-width: 300px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        height: 300px;
        padding: 0 30px;
        text-align: center;
    }


        .bedroomsFeaturesSlider .feature hr {
            width: 15px;
            height: 1px;
            margin-left: auto;
            margin-right: auto;
            color: #CAA87B;
            background-color: #CAA87B;
            position: absolute;
            top: 45%;
            left: 0;
            right: 0;
        }

        .bedroomsFeaturesSlider .feature h3 {
            position: absolute;
            left: 0;
            width: 100%;
            padding: 0 45px;
            top: 15%;
        }

        .bedroomsFeaturesSlider .feature p {
            position: absolute;
            top: 55%;
            left: 0;
            width: 100%;
            padding: 0 30px;
            font-size: 14px;
        }

        .bedroomsFeaturesSlider .feature svg, .bedroomsFeaturesSlider .feature img {
            height: 50px;
        }

    .bedroomsFeaturesSlider {
        min-height: 300px;
        position: relative;
    }

        .bedroomsFeaturesSlider .rsArrow {
            position: absolute;
            display: inline-block;
            top: 0;
            width: 20px;
            height: 100%;
            background-size: contain;
        }

        .bedroomsFeaturesSlider .rsArrowRight {
            right: -20px;
            background-image: url(../../img/rightArrow-grey.png);
            background-repeat: no-repeat;
            background-position: center center;
        }

        .bedroomsFeaturesSlider .rsArrowLeft {
            left: -20px;
            background-image: url(../../img/leftArrow-grey.png);
            background-repeat: no-repeat;
            background-position: center center;
        }


    .onlyByRequest {
        width: 80px;
        height: 80px;
    }

    div.bookingContainer {
        display: none;
    }

    div.roomNavigation .goBack {
        display: none;
    }

    div.aboutBedroomRow {
        display: block;
        padding-left: 40px;
        padding-right: 40px;
    }

    div.aboutBedroom {
        margin-top: 15px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .roomNavigation {
        height: 190px;
    }

        .roomNavigation .previousRoom img, .roomNavigation .nextRoom img {
            position: absolute;
        }


        .roomNavigation .previousRoom, .roomNavigation .nextRoom {
            width: 40%;
        }

        .roomNavigation h1 {
            margin-top: 10px;
            line-height: 25px;
        }

        .roomNavigation img {
            top: 15px;
            margin: 0;
        }

        .roomNavigation .previousRoom, .roomNavigation .previousRoom img {
            left: 5px;
        }

        .roomNavigation .nextRoom, .roomNavigation .nextRoom img {
            right: 5px;
        }

            .roomNavigation .nextRoom h1 {
                margin-right: 30px;
            }

        .roomNavigation .previousRoom h1 {
            margin-left: 30px;
        }


    div.aboutBedroom p {
        font-size: 18px;
        text-align: center;
    }

    div.aboutBedroomRow ul.featureList {
        font-size: 12px;
        margin-bottom: 30px;
    }

    div.roomHeader {
        display: block;
        height: 60vh;
        height: calc(100vh - 220px);
    }

    .roomHeader h1 {
        top: 71%;
        font-size: 24px;
    }

    .roomHeader h5.beds-location {
        top: 82%;
    }

    .roomHeader .bookNowContainer {
        display: none;
    }

    .room-info-description p {
        line-height: 30px;
    }
}

@media (max-height: 850px) and (min-width: 992px) {
    .roomHeader {
        height: 83vh;
    }
}

.meeting-apartment .map ul.pointsOfInterest li {
    background-color: #1E6A94 !important;
}


.apartment-facilities, .apartment-map, .apartment-types {
    text-align: center;
    float: left;
    width: 100%;
}

.apartment-facilities, .apartment-types {
    background-color: #fff;
}

.apartment-map {
    background-color: #f6f6f6;
}

    .apartment-map img {
        width: 100%;
        max-width: 650px;
    }

p.info-title {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #353535;
    font-size: 18px;
}

div#space-info {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

    div#space-info span {
        font-size: 14px;
        color: #4a4a4a;
        font-family: BrownLight;
    }

        div#space-info span:after {
            height: 1px;
            display: inline-block;
            width: 15px;
            background: #4a4a4a;
            border-right: 1px #4a4a4a;
            content: '';
            margin: 4px 5px;
        }

        div#space-info span:last-child:after {
            display: none;
        }


.apartment-space {
    background-color: gray;
    float: left;
    width: 100%;
}

.apartment-map {
    padding: 40px 0;
}

.apartment-types {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    position: relative;
    background-size: cover;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}

/*.apartment-types:after {
    content:'';
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #8dc3be;
    opacity: 0.7;
}*/

.apartment-list-type {
    display: block;
    color: #fff;
    text-align: center;
    z-index: 1;
    position: relative;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-top: solid 1px rgba(255, 255, 255, .5);
    border-bottom: solid 1px rgba(255, 255, 255, .5);
    text-decoration: none !important;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}

.apartment-type-link {
    width: 100%;
    text-align: center;
    padding: 47px 0;
    position: relative;
    z-index: 2;
}

    .apartment-type-link > * {
        line-height: 0;
    }

.apartment-list-type:last-child {
    border-bottom: none;
}

.apartment-list-type h1 {
    text-decoration: none;
    color: #fff;
    padding-bottom: 10px;
}

.apartment-list-type p {
    text-transform: uppercase;
    color: white;
}

.apartment-list-type::after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #000;
    opacity: 0.2;
    z-index: 0;
}


a.apartment-list-type:hover, a.apartment-list-type:active {
    color: white;
    text-decoration: none;
    outline: none;
}

    a.apartment-list-type:hover:after, a.apartment-list-type:active:after, a.apartment-list-type.selected:after {
        opacity: 0.4;
    }

.apartment-types-guide {
    float: left;
    width: 100%;
}

/*.blueprint-list-header span {
    margin-right: 10px;
}



.cheat-sheet-list {
    height: 100%;
    background-color: #353535;
    padding: 30px 0;
}
    .cheat-sheet-list .blueprint-type {
        float: left;
        width: 100% !important;
        cursor: pointer;
    }

    .cheat-sheet-list .blueprint-type:hover {
        background-color: #4a4a4a;
            border-radius: 5px;
    }

    .cheat-sheet-list .blueprint-type p {
        color: #fff;
        text-transform: capitalize;
        line-height: 10px;
        font-size: 12px;
        text-align: center;
        padding-right: 10px;
    }

    .cheat-sheet-list .slick-active {
        background-color: #000;
        border-radius: 5px;
    }

    .cheat-sheet-list .slick-track {
        left: 0 !important;
        padding: 0 10px 0 5px;
        float: left;
        width: 100% !important;
    }

    .cheat-sheet-list .blueprints-nav-header, .cheat-sheet-list .blueprints-nav {
            width: 100%;
            margin: 0;
            float: left;
    }

    .cheat-sheet-list .blueprints-nav-header #title-cheatsheet {
        text-align: left;
        padding-left: 17px;
    }

        .cheat-sheet-list .blueprints-nav-header p {
            color: #8dc3be;
            font-size: 10px;
            text-align: center;
            line-height: 5px;
            padding-right: 19px;
            font-family: BrownRegular;
        }

    .cheat-sheet-list .blueprints-nav .slick-list{
        padding: 0 !important;
    }
    */


.cheat-sheet-blueprints {
    height: 390px;
    overflow: hidden;
}

    .cheat-sheet-blueprints > div {
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: opacity 1s;
        transition: opacity 1s;
    }

        .cheat-sheet-blueprints > div.visible {
            filter: alpha(opacity=1);
            opacity: 1;
        }



.blueprint-container {
    width: 100%;
    height: 100%;
    position: relative;
}






.cheat-sheet-blueprints div.blue-print-img, .cheat-sheet-blueprints .spaceImage {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -208px;
    right: 0;
    -webkit-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
}

.cheat-sheet-blueprints .spaceImage {
    top: 0;
    left: 0;
    bottom: inherit;
    right: 0;
    position: absolute;
    margin-left: inherit;
}

.cheat-sheet-blueprints .plan-text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 395px;
    bottom: 0;
    left: 50%;
    margin: 0 auto;
    right: 0;
    -webkit-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
}

    .cheat-sheet-blueprints .plan-text .cheatsheet-arrows {
        padding: 30px 0 30px 40px;
        position: relative;
        opacity: 0;
        -webkit-transition: opacity 2s ease 0s;
        transition: opacity 2s ease 0s;
    }

    .cheat-sheet-blueprints .plan-text.visible .cheatsheet-arrows {
        display: block;
        z-index: 2;
        opacity: 1;
    }



.cheat-sheet-blueprints .cheatsheet-arrows .meeting-arrow {
    margin-right: 20px;
}

.col-xs-12.cheat-sheet-blueprints.ap-blueprints {
    background: transparent;
    max-height: 900px;
    height: 900px;
    top: 0;
}

/*.cheat-sheet-blueprints div:hover {
    top: -20px;
}*/

.cheat-sheet-list {
    background-color: #1E6A94 !important;
    min-height: 390px;
    padding: 30px 40px;
}

    .cheat-sheet-list.cheat-sheet-list-mobile {
        background-color: #4D9CC8 !important;
        min-height: 0px;
        padding: 12px 24px;
    }

        .cheat-sheet-list.cheat-sheet-list-mobile table tr {
            color: #FFFFFF;
            font-size: 12px;
            font-weight: 300;
            line-height: 13px;
        }

            .cheat-sheet-list.cheat-sheet-list-mobile table tr td:first-child {
                padding-left: 0;
                width: 112px;
            }

    .cheat-sheet-list table {
        width: 100%;
        color: #8DC3BE;
        font-family: Arial;
        text-align: center;
        table-layout: fixed;
    }

        .cheat-sheet-list table .firstColumn {
            text-align: left;
            width: 332px;
        }


            .cheat-sheet-list table .firstColumn .see-more {
                color: transparent;
                font-family: 'BrownLight';
                font-size: 12px;
                text-transform: uppercase;
                text-decoration: none;
                display: inline;
                padding-left: 20px;
            }

        .cheat-sheet-list table .cheatSheetSelected .firstColumn .see-more {
            color: #FFFFFF;
        }

        .cheat-sheet-list table th:first-child {
            padding-left: 30px;
        }

        .cheat-sheet-list table th {
            font-weight: normal;
            font-size: 12px;
            padding-bottom: 15px;
        }


        .cheat-sheet-list table tr {
            font-family: 'BrownLight';
            font-size: 18px;
            cursor: pointer;
        }

        .cheat-sheet-list table td {
            padding: 8px 0px;
        }


        .cheat-sheet-list table tbody tr.cheatSheetSelected {
            background-color: #4D9CC8;
        }

        .cheat-sheet-list table tr td:first-child {
            padding-left: 10px;
        }

        .cheat-sheet-list table tr.cheatSheetSelected td:first-child {
            border-radius: 8px 0 0 8px;
        }

        .cheat-sheet-list table tr td:last-child {
            padding-right: 10px;
        }

        .cheat-sheet-list table tr.cheatSheetSelected td:last-child {
            border-radius: 0 8px 8px 0;
        }

        /*.cheat-sheet-list table tr:hover::after {
    content: '';
    background-color: black;
    height: 30px;
    display: inline-block;
    position: absolute;
    left: 30px;
    right: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    opacity: 0.5;
    margin-top: 5px;
    z-index:-1;
}*/


        .cheat-sheet-list table tr:nth-child(odd) {
            color: #FFFFFF;
        }


        .cheat-sheet-list table tr:nth-child(even) {
            color: #FFFFFF;
        }




.blueprints-slider .slick-slide img {
    width: 50%;
    margin: auto;
    max-width: 300px;
}

.blueprints-slider .slick-slide {
    padding-top: 75px;
}


    .blueprints-slider .slick-slide div.setup-info {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

        .blueprints-slider .slick-slide div.setup-info span {
            color: #fff;
            text-transform: capitalize;
        }

.blueprints-slider button.slick-disabled {
    display: none !important;
}


.blueprints-slider .slick-prev {
    left: 20px;
    z-index: 1;
}

.blueprints-slider .slick-next {
    right: 20px;
}


.ap-overview-container.prints .apartment-map.ap-map {
    position: absolute;
    bottom: 0;
    height: 300px;
}


@media (min-width: 768px) {
    .apartment-facilities {
        height: 265px;
        margin: 15px 0;
    }

    /*.apartment-types-guide {
        height: 390px;
    }*/

    .apartment-list-type {
        height: 160px;
    }
}


@media (max-width: 991px) {


    .col-xs-12.cheat-sheet-blueprints.ap-blueprints {
        max-height: 630px;
        height: 600px;
    }

    .apartment-list-type {
        height: 20%;
    }

    .apartment-facilities {
        padding-top: 20px;
    }

    .apartment-type-link {
        width: 100%;
        text-align: center;
        padding: 30px 0;
        position: relative;
        z-index: 2;
    }

    .cheat-sheet-blueprints {
        height: 302px;
        background-color: #f6f6f6;
        overflow: hidden;
    }

    .ap-small-box {
        padding-top: 38% !important;
    }

    section.image.apartment-benefits.ap-benefits-contain.detail-page-benefits.hidden-xs {
        margin-top: 0 !important;
    }

    .roomHeader {
        height: 78vh;
    }


    .cheat-sheet-blueprints div.blue-print-img, .cheat-sheet-blueprints div.spaceImage {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        /* right: 9px; */
        -webkit-transition: all 2s ease 0s;
        transition: all 2s ease 0s;
        margin-left: auto;
        margin-right: auto;
    }


    .cheat-sheet-blueprints div.blue-print-img {
        background-size: 387px 280px;
        background-position: calc(100% - 50px) 60px;
    }

    .cheat-sheet-blueprints div.plan-text {
        width: calc(100% - 500px);
        height: 100%;
        position: absolute;
        top: 30px;
        bottom: 0;
        left: 30px;
        right: inherit;
        /* right: 9px; */
        -webkit-transition: all 2s ease 0s;
        transition: all 2s ease 0s;
        margin-left: auto;
        margin-right: auto;
    }


    .cheat-sheet-blueprints .plan-text .cheatsheet-arrows {
        padding-left: 0;
    }

    .cheat-sheet-blueprints div p {
        width: 100%;
    }
}


/* tablet */
@media (max-width:991px) {
    .ap-small-box p {
        margin-top: 41px;
        margin-right: 9%;
        position: relative;
        right: 16px;
    }

    .ap-blueprints {
        position: relative;
        width: 100%;
        left: 0;
        margin-top: -30px;
        margin-bottom: 30px;
    }
    /*Removes padding for full width section*/
    .apartment-details div.hotelAboutRow {
        padding: 0;
        background-color: #fff;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .ap-group-text {
        padding: 46px 40px 29px;
    }

    .plan-text p {
        /*position: absolute;*/
        left: 23px;
        top: 75px;
        width: 40%;
    }
}



/* phone */
@media (max-width:767px) {

    .apartment-header .header-information p, .apartment-header .header-information button.go-to-enquire, .apartment-header .header-information .scroll-suggestion {
        display: none;
    }

    .apartment-facilities {
        padding: 10px 20px;
    }

    .cheat-sheet-list table .extraColumn {
        display: none;
    }

    .apartment-types-guide {
        display: none;
    }

    .roomHeader.ap-partial-slider {
        margin-top: 24px;
    }



    .ap-room-accordion button.accordion {
        background-color: #1E6A94;
        color: #FFFFFF;
        cursor: pointer;
        padding: 3px;
        font-family: BrownLight;
        width: 100%;
        text-align: left;
        border-top: none;
        /*border-bottom: solid #979797 0.1px;*/
        border-bottom: solid 0.5px #3c7694;
        border-left: none;
        border-right: none;
        transition: 0.4s;
        background-image: url(../../img/whiteplus.png);
        background-repeat: no-repeat;
        background-position: 93%;
        padding-left: 24px;
        height: 50px;
    }

    button.accordion:hover {
        background-image: url(../../img/whiteplus.png) !important;
        background-repeat: no-repeat;
        background-position: 93%;
        background-color: #1E6A94 !important;
    }



    .ap-room-accordion button.accordion.active {
        background-image: url(../../img/whiteminus.png) !important;
        background-color: #1E6A94 !important;
        background-repeat: no-repeat !important;
        background-position: 93% !important;
    }

    .ap-accordion.ap-room-accordion .panel {
        background: #4D9CC8;
        font-size: 12px;
        color: #ffffff;
        font-family: BrownLight;
        margin-bottom: 0;
    }

        .ap-accordion.ap-room-accordion .panel P {
            font-size: 14px;
            color: #ffffff;
            font-family: BrownLight;
            line-height: 24px;
            padding: 24px;
            padding-top: 0;
            padding-bottom: 0px;
            margin-bottom: 0px;
        }

    .ap-room-accordion button.accordion p {
        font-size: 20px !important;
    }

    .ap-group-text {
        padding: 10px 20px 29px !important;
    }


    .ap-small-box p {
        margin-top: 41px;
        padding-left: 5%;
    }
}




@media (min-width: 768px) {

    .ap-partial-slider {
        margin-top: 24px;
        margin-bottom: 24px;
    }
}


@media (max-width: 1200px) and (min-width: 991px) {

    .apartment-details div.hotelAboutRow {
        padding-top: 1% !important;
    }
}


@media(min-width: 992px) {


    .meeting-apartment div.hotelAboutRow.apartmentLocation {
        height: 900px;
        overflow: hidden;
    }

    .ap-overview-container.prints {
        margin-top: 0;
        position: absolute;
        right: 0;
        height: 300px;
        top: 580px;
    }

    .ap-cheat-sheet {
        margin-top: 3%;
        position: relative;
        left: -3%;
        z-index: 900;
    }

    .cheat-sheet-blueprints.ap-blueprints {
        height: 100%;
        overflow: hidden;
        width: 53%;
        position: absolute;
        right: 0;
        bottom: -3%;
    }


    .body-text {
        width: 30%;
    }

    .cheat-sheet-blueprints div.blue-print-img {
        width: 100%;
        height: 395px !important;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 0;
        left: 37%;
        margin-left: -35%;
        right: 0;
        -webkit-transition: all 2s ease 0s;
        transition: all 2s ease 0s;
    }


    .cheat-sheet-blueprints div.plan-text {
        width: 100%;
        max-width: 70%;
        height: 395px !important;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0 auto;
        right: 0;
        -webkit-transition: all 2s ease 0s;
        transition: all 2s ease 0s;
    }

    .plan-text p {
        padding: 0 23px 23px 40px;
        margin-bottom: 0;
        margin-top: 0;
    }
}

.ap-partial-slider-container {
    clear: both;
    overflow: hidden;
    max-height: 100%;
    height: 100vh;
    position: relative;
    margin-bottom: 24px;
}


.ap-partial-slider {
    background: transparent;
    height: 100% !important;
}

.ap-title {
    font-family: BrownLight;
    font-size: 26px;
}

.ap-small-box {
    padding-top: 3%;
    padding-bottom: 3%;
}

    .ap-small-box p {
        margin-top: 41px;
    }

/*@media (min-width: 900px) and (max-width: 1023px) {
    .cheat-sheet-blueprints div {
        width: 100%;
        height: 395px !important;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0 !important;
        bottom: 0;
        left: 37%;
        margin-left: -35%;
        right: 0;
        -webkit-transition: all 2s ease 0s;
        transition: all 2s ease 0s;
    }
}*/

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




    .cheat-sheet-list {
        background-color: #1E6A94 !important;
        min-height: 390px;
        padding: 30px 40px;
        padding-left: 0;
        padding-right: 0;
    }

        .cheat-sheet-list table tr.cheatSheetSelected td:first-child {
            border-radius: 0;
        }

        .cheat-sheet-list table tr.cheatSheetSelected td:last-child {
            border-radius: 0;
        }

        .cheat-sheet-list table tr td:first-child {
            padding-left: 42px;
        }

    th.firstColumn {
        position: relative;
        left: 5%;
    }

    .ap-address {
        text-align: center;
        position: relative;
        top: -27px;
        font-family: BrownLight;
        text-transform: uppercase;
    }
}

.tab-content-slick .slick-slide {
    transform: scale(1) !important;
}



    .tab-content-slick .slick-slide.slick-current {
        transform: scale(1) !important;
    }

@media (max-width: 1024px) {


    .ap-partial-slider-container {
        clear: both;
        overflow: hidden;
        max-height: 100%;
        height: 400px;
        position: relative;
        margin-bottom: 24px;
    }
}

@media (min-width: 1024px) {




    .cheat-sheet-list {
        background-color: #1E6A94 !important;
        min-height: 390px;
        padding: 30px 40px;
        padding-left: 0;
        padding-right: 0;
    }

        .cheat-sheet-list table tr.cheatSheetSelected td:first-child {
            border-radius: 0;
        }

        .cheat-sheet-list table tr.cheatSheetSelected td:last-child {
            border-radius: 0;
        }

        .cheat-sheet-list table tr td:first-child {
            padding-left: 30px;
        }

    th.firstColumn {
        position: relative;
        /*left: 5%;*/
    }
}


.row.hotelAboutRow.ap-about .aboutRowContainer {
    float: none !important;
}

section.image.apartment-benefits.ap-benefits-contain.hidden-xs {
    height: 100%;
    margin-bottom: 0 !important;
}


/*Break on Mobile to Tablet Fix*/

@media (min-width: 639px) and (max-width: 766px) {


    .ap-group-text {
        padding: 46px 40px 29px !important;
    }

    .ap-benefits-contain {
        margin-bottom: 0 !important;
        height: 470px !important;
        padding-bottom: 34px;
    }

    .row.hotelAboutRow.ap-about.ap-locations {
        padding-bottom: 16px !important;
        height: 100%;
        padding-top: 0;
        padding-left: 22px;
    }

    .mob-title {
        font-family: BrownLight;
        font-size: 26px;
        margin-bottom: 1px;
    }

    div.aboutInfo {
        width: 100%;
        float: left;
        margin-top: 0 !important;
        padding: 0px 0px;
    }

    .ap-accordion {
        margin-bottom: 9%;
    }

    button.accordion {
        background-color: transparent;
        color: #4A4A4A;
        cursor: pointer;
        padding: 18px;
        font-family: BrownLight;
        width: 100%;
        text-align: left;
        border-top: none;
        border-bottom: solid #979797 0.1px;
        border-left: none;
        border-right: none;
        transition: 0.4s;
        font-size: 20px;
        background-image: url(../../img/plussign.png);
        background-repeat: no-repeat;
        background-position: 93%;
        padding-left: 25px;
    }

        button.accordion.active, button.accordion:hover {
            background-color: transparent;
            background-image: url(../../img/plussign.png);
            background-repeat: no-repeat;
            background-position: 93%;
        }



    div.panel {
        padding: 0;
        background-color: white;
        display: none;
        margin-top: 0px;
        margin-bottom: 29px;
        border-top: solid #979797 0.1px;
        border-left: none;
        border-right: none;
        height: 100%;
    }

        div.panel.panel-review {
            display: block;
        }


    .panel p {
        padding: 18px;
    }

    img.ap-accordion-img {
        width: 100%;
    }

    .ap-control {
        margin-top: 25%;
        margin-left: 3%;
    }

        .ap-control.carousel-control.left {
            background-image: url(../../img/leftarrow-ap.png);
            background-repeat: no-repeat;
        }

        .ap-control.carousel-control.right {
            background-image: url(../../img/rightarrow-ap.png);
            background-repeat: no-repeat;
        }

    .carousel-inner {
        position: relative;
        overflow: hidden;
        width: 100%;
        top: 64px;
    }

    div#ap-carousel p {
        font-size: 26px;
        color: #4A4A4A;
        padding: 20%;
        padding-top: 0;
    }

    .img-responsive, .carousel-inner.benefit-slider > .item > img, .carousel-inner > .item > a > img {
        display: block;
        max-width: 13% !important;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .benefit-desc {
        padding: 44px;
        padding-top: 0;
        padding-left: 24px;
        padding-bottom: 0;
    }

    h1#t-benefits {
        font-size: 26px;
        font-family: BrownLight;
        color: #4A4A4A;
        text-align: left;
        position: relative;
        top: 42px;
        margin-left: 5%;
        line-height: 34px;
    }

    .ap-stories {
        height: 500px;
    }

    div#ap-carousel-stories {
        height: 500px;
        overflow: visible;
    }

        div#ap-carousel-stories .carousel-inner {
            height: 701px;
            top: 0;
        }

    .ap-control-stories {
        margin-left: 3%;
        margin-top: 82%;
        z-index: 90000;
    }

        .ap-control-stories.carousel-control.left {
            background-image: url(../../img/white-arrowlong-left.png);
            background-repeat: no-repeat;
        }

        .ap-control-stories.carousel-control.right {
            background-image: url(../../img/white-arrowlong-right.png);
            background-repeat: no-repeat;
        }

    .ap-backing .carousel-caption {
        position: absolute;
        left: 0%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        height: 220px;
        background: #1E6A94;
        width: 100%;
        top: 327px;
    }

    .ap-tab-text.ap-tab-title {
        font-size: 12.6px;
        text-shadow: none !important;
    }

    .ap-tab-text.ap-tab-content p {
        font-size: 27px;
        font-family: BrownRegular;
        padding: 18%;
        padding-top: 0;
        padding-bottom: 0;
        text-shadow: none !important;
    }

    .ap-tab-text.ap-tab-link a {
        font-size: 12.6px;
        color: #ffffff;
        text-shadow: none !important;
    }

    .row.hotelAboutRow.ap-about.ap-stories {
        height: 100%;
        padding: 22px;
        margin-bottom: 10px;
    }

    .row.hotelAboutRow.ap-about.ap-landing-info {
        height: 100%;
        padding: 20px;
    }

    .row.hotelAboutRow.ap-location {
        margin-top: -1%;
    }


    .ap-location-slider.ap-meetinglandingpage .slick-list .slick-track .slick-slide {
        transform: none;
        height: 600px !important;
        width: 331px !important;
        margin-left: 25px !important;
        margin-bottom: -130px;
    }

    .ap-location-slider .slick-list .slick-track .slick-slide {
        transform: none;
        height: 600px !important;
        width: 331px !important;
        margin-left: 25px !important;
    }

    .ap-location-slider .slick-list .slick-track {
        margin-left: -36% !important;
        width: 3207px !important;
    }

    h1#t-location {
        font-size: 26px;
        font-family: BrownLight;
        margin-left: 3px !important;
    }


    section.image.apartment-benefits.ap-benefits-contain.ap-sub-benefits.visible-xs {
        margin-bottom: 5%;
    }
}

.plan-text p:nth-child(3) {
    display: none;
}

button.accordion.ap-landing-accordion {
    background-image: url(../../img/plussign.png) !important;
}

    button.accordion.ap-landing-accordion.active {
        background-image: url(../../img/minussign.png) !important;
    }

@media (min-height: 640px) and (max-height: 690px) {
    .header-monogram, .header-information.ap-location-banner {
        zoom: 90% !important;
    }
}

@media (min-height: 590px) and (max-height: 639px) {
    .header-monogram, .header-information.ap-location-banner {
        zoom: 80% !important;
    }
}

@media (max-height: 589px) {
    .header-monogram, .header-information.ap-location-banner {
        zoom: 70% !important;
    }
}

.mono-meeting {
    position: absolute;
    width: 154px;
    height: 154px;
    top: 50%;
    left: 50%;
    margin-left: -85px;
    margin-top: -237px;
    z-index: 1;
}

    .mono-meeting .header-monogram {
        width: 150px;
        height: 150px;
        background-repeat: no-repeat !important;
        background-size: 209% !important;
        position: absolute;
        z-index: 1;
    }

@media (max-width: 767px) {

    .mono-meeting {
        position: absolute;
        width: 94px;
        height: 94px;
        top: 25%;
        left: calc(50% - 47px);
        margin-left: 0;
        margin-top: 0;
        z-index: 1;
    }

        .mono-meeting .header-monogram {
            width: 89px;
            height: 90px;
            margin-left: 0;
            margin-top: 0;
            -moz-background-position-x: -97px !important;
            -o-background-position-x: -97px !important;
            background-position-x: -97px !important;
            position: relative;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

    .header-information.ap-location-banner {
        top: 215px !important;
    }
}

@media (max-width: 320px) and (max-height: 568px) {
    .mono-meeting {
        position: absolute;
        width: 109px;
        height: 111px;
        top: 25%;
        left: calc(50% - 47px);
        margin-left: 0;
        margin-top: 0;
        z-index: 1;
    }

        .mono-meeting .header-monogram {
            width: 110px;
            height: 111px;
            background-position-x: -119px !important;
        }
}

@media (max-width: 500px) and (max-height:590px ) {
    .header-information.ap-location-banner {
        top: 290px !important;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .header-monogram {
        margin-top: -120px;
    }
}

.header-information.ap-location-banner p {
    font-family: BrownRegular;
    top: 0;
    margin: 0;
}

.header-information.ap-location-banner h3 {
    top: 40px;
    margin: 0;
}

@media (max-width: 425px) {
    .ap-accordion.overview button.accordion:hover {
        background-color: transparent !important;
    }
}

@media (max-height: 768px) {
    .bookingContainer.meeting-rooms .selector.on .datepicker.picker {
        top: 35px;
    }
}
/*-- apartment detail carousel --*/

.apartmentCarousel {
    height: 100%;
}

.apartmentCarousel-mobile {
    display: none;
    height: 100% !important;
}

.apartment-details-header {
    float: left;
    width: 100%;
    background-color: #fff;
    position: relative;
    margin-top: 50px;
}

.roomHeader.apartmentType {
    height: 93vh;
}

.apartments-information .enquire-now-header {
    text-align: center;
    cursor: pointer;
}

    .apartments-information .enquire-now-header hr {
        width: 104px;
        height: 2px;
        margin-left: auto;
        margin-right: auto;
        color: #CAA87B;
        background-color: #CAA87B;
        border-top: none;
        margin-top: 0;
    }

    .apartments-information .enquire-now-header h5 {
        margin-bottom: 4px;
        margin-top: 0px;
        text-transform: uppercase;
    }

.apartments-information .content .work-features li {
    font-size: 12px;
    font-family: BrownLight;
}

.apartment-title {
    display: block;
    width: 300px;
    position: absolute;
    z-index: 3;
    left: 50%;
    text-align: center;
    color: white;
    margin-left: -150px;
    bottom: 40%;
    height: 100px;
}

    .apartment-title h1 {
        bottom: 25px;
        top: auto;
    }

.apartmentType h5.apartment-location {
    position: absolute;
    bottom: -2px;
    z-index: 10;
    color: white;
    width: 100%;
    text-align: center;
}

.apartment-title h5#enquire-now {
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
    bottom: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.apartment-title h4 {
    position: absolute;
    text-align: center;
    color: white;
    left: 50%;
    margin-left: -116px;
    bottom: 190px;
    z-index: 1;
}

.apartment-title hr {
    width: 96px;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    color: #CAA87B;
    background-color: #CAA87B;
    border-top: none;
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    margin-top: 0;
}



.work-features ul li {
    margin: 0;
    background: url('../../img/hoxton/TheHoxton/bullet-point-tick.png') no-repeat left 5px;
    list-style: none;
    padding-left: 31px;
    padding-top: 5px;
    padding-bottom: 5px;
}





.cheatsheet-slider {
    float: left;
    width: 100%;
}

    .cheatsheet-slider img {
        margin: auto;
    }

    .cheatsheet-slider div.setup-info {
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }

        .cheatsheet-slider div.setup-info span {
            color: #fff;
            font-family: BrownLight;
            font-size: 14px;
            visibility: hidden;
        }

            .cheatsheet-slider div.setup-info span.setup-capacity {
                padding-left: 30px;
            }

    .cheatsheet-slider button.slick-disabled {
        display: none !important;
    }

    .cheatsheet-slider .slick-next {
        right: 20px;
    }

    .cheatsheet-slider .slick-prev {
        left: 20px;
        z-index: 1;
    }



.cheatsheet-blueprints {
    background-color: #f6f6f6;
    overflow: hidden;
}

.cheatsheet-details {
    padding: 35px 30px;
    background-color: #353535;
}

    .cheatsheet-details .cheatsheet-info {
        width: 80%;
    }

.cheatsheet-info h4 {
    line-height: 0;
}

.cheatsheet-info h1, .cheatsheet-info h4, .cheatsheet-info p {
    color: #fff;
}

.cheatsheet-nav {
    margin-right: 0px !important;
}

    .cheatsheet-nav p {
        font-size: 20px;
        font-family: BrownLight;
        color: #fff;
        line-height: 5px;
        display: inline-block;
        margin-left: -3%;
    }

        .cheatsheet-nav p.layout-type {
            font-size: 20px;
            padding-left: 9% !important;
        }

    .cheatsheet-nav .nav-option {
        outline: none;
    }

    .cheatsheet-nav .slick-slide {
        float: left;
        width: 100% !important;
        cursor: pointer;
    }

    .cheatsheet-nav .slick-list {
        padding: 0 !important;
    }

    .cheatsheet-nav .slick-active {
        background-color: #79b9b2;
        border-radius: 5px;
    }

.cheatsheetPeopleLabel {
    letter-spacing: 0.7px;
    font-size: 13px;
    margin-right: 30%;
}


.apartments-information {
    margin-top: 25px;
    margin-bottom: 75px;
}


.cheatsheet-slider {
    padding: 0px 0px 0px 0px;
}





.joined-rooms h4 {
    color: white;
}

.joined-rooms h3 {
    color: #fff;
}

    .joined-rooms h3 img {
        margin-left: 20px;
    }


.ap-overview-container .spaceImage {
    background-size: contain;
}

@media (min-width: 992px) {
    .apartments-information .content {
        padding: 0 20%;
    }




    .apartmentCarousel img {
        padding: 0 20px;
    }



    .ap-overview-container {
        padding: 0px;
        margin-top: -150px;
    }

        .ap-overview-container .spaceImage {
            height: 300px;
        }

    /*.cheatsheet-blueprints, .cheatsheet-details {
        height: 379px;
    }*/


    .cheatsheet-slider .cheatsheet-image {
        background-repeat: no-repeat;
        background-size: 95%;
        background-position: center center;
        position: relative;
    }

    .ap-blue-print .slick-slider {
        padding: 0;
        margin: 0;
    }

    .ap-blue-print .cheatsheet-slider .slick-next {
        background-image: url(../../img/rightarrow-ap.png);
        background-repeat: no-repeat;
        position: relative;
        top: -172px !important;
        left: -30%;
        background-position: center;
        width: 100%;
        margin-top: 21px;
    }

    .ap-blue-print .cheatsheet-slider .slick-prev {
        background-image: url(../../img/leftarrow-ap.png);
        background-repeat: no-repeat;
        position: relative;
        left: -46%;
        background-position: center;
        width: 100%;
        top: 420px !important;
        display: inline !important;
    }
}

@media (max-width: 1160px) and (min-width: 992px) {
    .cheatsheet-details {
        padding: 38px 54px !important;
    }

    /*only for apartment description page*/
    .benefit-block.description p {
        padding: 0px 1%;
    }

    .ap-second-text p {
        text-align: center;
        font-size: 18px;
        font-family: BrownLight;
        padding: 0 !important;
    }

    .joined-rooms {
        position: absolute;
        bottom: 0;
    }

    .cheatsheet-nav p.layout-type {
        padding-left: 5px;
    }

    .ap-second-text p {
        text-align: left !important;
        font-size: 18px;
        font-family: BrownLight;
        padding: 0 !important;
    }

    /*.ap-blue-print {
        position: relative;
        bottom: 279px;
        right: -7%;
    }*/

    .ap-overview-container {
        padding: 6%;
        padding-top: 2%;
        padding-bottom: 0;
    }

    .cheatsheetPeopleLabel {
        letter-spacing: 0.7px;
        font-size: 13px;
        margin-right: 30%;
    }
}

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

    .roomHeader.apartmentType {
        height: 88vh;
    }

    .apartments-information .content {
        padding: 0px 5%;
    }

    .cheatsheet-nav p.layout-type {
        padding-left: 40px;
    }

    .cheatsheet-slider .cheatsheet-image {
        height: 266px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        position: relative;
        bottom: 18px;
        left: 0;
        margin-top: 0;
        z-index: 9000;
    }

    .col-sm-6.visible-sm.cheatsheet-blueprints.ap-blue-print {
        position: relative;
        top: -169px;
        left: 40px;
        height: 313px;
    }

    .cheatsheet-slider {
        margin-top: 0 !important;
    }

    .ap-blue-backing.cheatsheet-details {
        background-color: #1E6A94;
        padding: 36px 6px 0 39px !important;
        padding-top: 4%;
        padding-bottom: 0;
    }


    .cheatsheet-nav p {
        font-size: 15px;
        font-family: BrownRegular;
        color: #fff;
        line-height: 5px;
        display: inline-block;
        margin-left: -20px;
    }

    .ap-blue-print .cheatsheet-slider .slick-next {
        background-image: url(../../img/rightarrow-ap.png);
        background-repeat: no-repeat;
        position: relative;
        top: -59px !important;
        left: -30%;
        background-position: center;
        width: 100%;
    }

    .ap-blue-print .cheatsheet-slider .slick-prev {
        background-image: url(../../img/leftarrow-ap.png);
        background-repeat: no-repeat;
        position: relative;
        left: -46%;
        background-position: center;
        width: 100%;
        top: 299px !important;
    }

    .col-xs-12.col-md-7.col-sm-7.visible-sm.ap-overview-container {
        float: right;
        margin-top: -22%;
    }
}

@media (max-width: 991px) {

    .overview-title {
        margin-left: 24%;
    }

    .cheatsheet-slider {
        margin-top: 30px;
    }

    .ap-second-text p {
        text-align: center;
        font-size: 18px;
        font-family: BrownLight;
        padding: 0 !important;
    }
}

@media (min-width: 768px) {
    .joined-rooms {
        position: absolute;
        bottom: 0;
    }

    .cheatsheet-nav p.layout-type {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    .ap-second-text p {
        text-align: left !important;
        font-size: 18px;
        font-family: BrownLight;
        padding: 0 !important;
    }
}




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

    /*.roomHeader.apartmentType {
        height: 80vh;
    }*/

    .apartments-information .content {
        padding: 0px 5%;
    }



    .cheatsheet-nav p.layout-type {
        padding-left: 40px;
    }

    .cheatsheet-slider .cheatsheet-image {
        height: 266px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        position: relative;
        bottom: 18px;
        left: 0;
        margin-top: 0;
        z-index: 9000;
    }

    .col-sm-6.visible-sm.cheatsheet-blueprints.ap-blue-print {
        position: relative;
        top: -169px;
        left: 40px;
        height: 313px;
    }

    .cheatsheet-slider {
        margin-top: 0 !important;
    }





    .cheatsheet-nav p {
        font-size: 15px;
        font-family: BrownRegular;
        color: #fff;
        line-height: 5px;
        display: inline-block;
        margin-left: -20px;
    }

    .apartment-cheatsheet .cheatsheetPeopleLabel {
        margin-right: 35%;
        margin-bottom: 0px;
    }

    .ap-blue-print .cheatsheet-slider .slick-next {
        background-image: url(../../img/rightarrow-ap.png);
        background-repeat: no-repeat;
        position: relative;
        top: -59px !important;
        left: -30%;
        background-position: center;
        width: 100%;
    }

    .ap-blue-print .cheatsheet-slider .slick-prev {
        background-image: url(../../img/leftarrow-ap.png);
        background-repeat: no-repeat;
        position: relative;
        left: -46%;
        background-position: center;
        width: 100%;
        top: 299px !important;
    }

    .col-xs-12.col-md-7.col-sm-7.visible-sm.ap-overview-container {
        float: right;
        margin-top: -22%;
    }
}

/*Mobile*/
@media (max-width: 767px) and (min-width: 600px) {

    .apartments-information {
        margin-top: 10px;
        margin-bottom: 25px;
    }

        .apartments-information .content {
            padding: 0 25px !important;
        }

    .work-features ul {
        padding: 0 0 0 10px !important;
    }

    .work-details {
        text-align: center;
    }

    /*.apartmentCarousel  {
        height: 400px;
}*/

    .apartmentCarousel .slick-list, .apartmentCarousel .slick-track {
        height: 100%;
    }

    .ap-second-text p {
        text-align: left !important;
        font-size: 18px;
        font-family: BrownLight;
        padding: 171px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 36px;
    }

    .ap-blue-backing.cheatsheet-details {
        background-color: #1E6A94;
        padding: 0 !important;
        padding-top: 4%;
        padding-bottom: 0;
    }

    .ap-blue-print .cheatsheet-slider button.slick-disabled {
        display: inline !important;
    }
}

/* tablet */
@media (max-width:991px) and (min-width: 600px) {

    .apartments-information .enquire-now-header {
        display: block;
    }

    .apartment-details-header {
        margin-top: 0px;
        height: 84vh;
    }

    .apartmentCarousel-mobile {
        display: block;
        height: 100% !important;
    }

    .apartmentCarousel {
        display: none !important;
    }



    .apartment-cheatsheet .cheatsheet-slider {
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .apartment-cheatsheet .cheatsheet-slider .cheatsheet-image {
            height: 350px;
        }

    .apartment-cheatsheet .layout-type {
        font-size: 20px;
        font-family: BrownRegular;
        line-height: 20px;
    }

    /*.apartment-cheatsheet .cheatsheetPeopleLabel {
        margin-right: 10px;
        margin-bottom: 0px;
    }*/

    .apartment-title hr, .apartment-title h5#enquire-now {
        display: none;
    }

    .apartment-title h1 {
        bottom: 20px;
    }

    .apartmentType h5.apartment-location {
        bottom: -3px;
    }

    .ap-blue-print .cheatsheet-slider button.slick-disabled {
        display: inline !important;
    }
}



/* phone */
@media (max-width:767px) {

    .apartments-information .enquire-now-header h5 {
        margin-top: 10px;
    }

    .apartment-title h1 {
        bottom: 20px;
    }

    .apartmentType h5.apartment-location {
        bottom: -5px;
    }

    .apartment-details-header {
        height: 405px;
    }

    .col-xs-12.col-sm-6.col-md-4.ap-cheat-table {
        margin-bottom: 6% !important;
    }

    .cheatsheet-details .cheatsheet-info {
        width: 100%;
        padding: 15px 15px 3px !important;
    }

    .cheatsheet-nav p.layout-type {
        padding-left: 12% !important;
    }

    .apartment-cheatsheet .layout-type {
        font-size: 20px;
        font-family: BrownLight;
        line-height: 20px;
    }

    .cheatsheet-nav p {
        font-size: 15px;
        color: #fff;
        line-height: 5px;
        display: inline-block;
        margin-left: -16px;
        font-size: 20px;
        font-family: BrownLight;
    }

    .apartment-cheatsheet .joined-rooms {
        display: inline-block;
        padding-left: 3px;
    }

    .apartment-cheatsheet .cheatsheetPeopleLabel {
        position: absolute;
        left: 63%;
        margin: 0px;
        top: 10px;
    }

    .cheatsheet-nav {
        padding-top: 35px;
    }

    .cheatsheet-slider.slick-initialized.slick-slider {
        margin: 0 !important;
        padding: 0;
    }

    .cheatsheet-slider .cheatsheet-image {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        position: relative;
    }

    .col-xs-12.col-md-7.visible-xs.ap-overview-container p {
        text-align: center;
        margin-top: 26px;
    }

    .ap-blue-print .cheatsheet-slider .slick-prev {
        display: none !important;
    }

    .ap-blue-print .cheatsheet-slider .slick-next {
        display: none !important;
    }

    .ap-second-text p {
        text-align: left !important;
        font-size: 18px !important;
        font-family: BrownLight;
        padding: 20px !important;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 32px !important;
        margin-top: 0;
        padding-bottom: 0 !important;
    }

    .ap-blue-backing.cheatsheet-details {
        background-color: #1E6A94;
        padding: 0 !important;
        padding-top: 4%;
        padding-bottom: 0;
    }

    .cheatsheet-nav p {
        font-size: 20px;
        font-family: BrownLight;
        color: #fff;
        line-height: 5px;
        display: inline-block;
        margin-left: -20px;
    }
}



.benefit-content p {
    color: #4A4A4A;
    font-size: 14px;
    font-family: BrownLight;
    text-transform: uppercase;
    padding-bottom: 40px;
    color: #4A4A4A;
    font-size: 14px;
    font-family: BrownLight;
    text-transform: uppercase;
    letter-spacing: 3px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ap-first-text p {
    text-align: center;
    font-size: 14px;
    font-family: BrownRegular;
}

.ap-second-text p {
    text-align: center !important;
    font-size: 18px;
    font-family: BrownLight;
    padding: 171px;
    padding-top: 0;
    padding-bottom: 0;
}

.apartments-information.ap-sub {
    margin-top: 25px;
    margin-bottom: 13px;
}


.apartment-cheatsheet {
    padding: 0px;
    background-color: #1E6A94;
}

.ap-blue-backing.cheatsheet-details {
    background-color: transparent;
    position: relative;
    clear: both;
    padding: 0px;
    overflow: hidden;
}


.cheatsheet-slider .cheatsheet-image {
    height: 238px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: relative;
}


@media(min-width: 768px) {

    .cheatsheet-slider .cheatsheet-image {
        height: 262px;
    }

    .apartment-cheatsheet {
        padding: 0px 0px 0px 15px;
        background-color: #1E6A94;
        margin-bottom: 100px;
        min-height: 369px;
    }

    .ap-blue-backing.cheatsheet-details {
        background-color: transparent;
        position: relative;
        clear: both;
        padding: 0px;
        overflow: hidden;
    }

    .ap-cheat-table {
        padding-top: 65px;
    }

    .ap-blue-backing.cheatsheet-details {
        background-color: #1E6A94;
        padding: 36px 0 0 39px !important;
        padding-top: 4%;
        padding-bottom: 0;
    }

    .ap-blue-print {
        position: absolute;
        width: calc((100% - 39px) / 2);
        top: 6px;
        margin-top: 20px;
        left: 49px;
    }

    .cheatsheet-blueprints {
        top: 25px;
    }

    .cheatsheet-slider.slick-slider {
        margin-bottom: 0px;
    }

    .cheatsheet-slider .cheatsheet-image {
        height: 262px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        position: relative;
        bottom: 0px !important;
    }

    .ap-cheat-table {
        padding: 0px;
    }
}

@media(min-width: 992px) {

    .cheatsheet-slider .cheatsheet-image {
        height: 262px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        position: relative;
    }


    .apartment-cheatsheet {
        padding: 0px;
        background-color: #1E6A94;
        margin-bottom: 100px;
        min-height: 369px;
    }

    .ap-blue-print {
        position: relative;
        margin-top: 20px;
        width: 100%;
    }

    .ap-blue-backing.cheatsheet-details {
        background-color: #1E6A94;
        padding: 36px 0 0 39px !important;
        padding-top: 4%;
        padding-bottom: 0;
    }

    .ap-blue-print {
        position: absolute;
        width: calc((100% - 39px) / 2);
        top: 6px;
        margin-top: 20px;
        left: 39px;
    }
}


@media(min-width: 1200px) {
    .apartment-cheatsheet {
        padding: 65px 12% 65px 12%;
        background-color: #1E6A94;
        margin-bottom: 150px;
        min-height: 369px;
    }

    .ap-blue-backing.cheatsheet-details {
        background-color: transparent;
        position: relative;
        clear: both;
        padding: 0px !important;
        overflow: hidden;
    }

    .ap-cheat-table {
        padding-top: 0px;
    }

    .ap-blue-print {
        position: absolute;
        margin-top: 20px;
        right: 14%;
        width: calc((100% - 28%) / 3);
        top: 65px;
        left: inherit;
    }

    .ap-cheat-table {
        padding: 0px 3px;
    }

    .cheatsheet-slider .cheatsheet-image {
        height: 376px;
    }
}






.apartment-map.ap-map {
    background: transparent !important;
}

.ap-blue-print .cheatsheet-slider button {
    position: relative;
}

.ap-blue-print .cheatsheet-slider .slick-prev {
    background-image: url(../../img/leftarrow-ap.png);
    background-repeat: no-repeat;
    position: relative;
    left: -46%;
    background-position: center;
    width: 100%;
    top: 448px;
    visibility: hidden;
}

    .ap-blue-print .cheatsheet-slider .slick-prev:before {
        display: none;
    }

    .ap-blue-print .cheatsheet-slider .slick-prev:after {
        background-image: url(../../img/leftarrow-ap.png);
        background-repeat: no-repeat;
        position: relative;
        left: -46%;
        background-position: center;
        width: 100%;
        top: 448px;
    }

.ap-blue-print .cheatsheet-slider .slick-next {
    background-image: url(../../img/rightarrow-ap.png);
    background-repeat: no-repeat;
    position: relative;
    top: -123px;
    left: -30%;
    background-position: center;
    width: 100%;
    visibility: hidden;
}

    .ap-blue-print .cheatsheet-slider .slick-next:before {
        display: none;
    }

    .ap-blue-print .cheatsheet-slider .slick-next:after {
        display: none;
    }

.cheatsheet-nav .nav-option tr:hover, .cheatsheet-nav .nav-option tr.active {
    background: #4D9CC8;
}

.cheatsheet-nav .nav-option thead tr:hover, .cheatsheet-nav .nav-option thead tr.active {
    background: none;
}

.cheatsheet-nav .nav-option tr:hover td.book-now-cheatsheet-div, .cheatsheet-nav .nav-option tr.active td.book-now-cheatsheet-div {
    background: #4587b6;
}

.cheatsheet-info h4 {
    line-height: 0;
    font-size: 14px;
}

.ap-nav-container {
    background: #EDEDED;
    height: 100%;
}

.ap-space {
    padding-top: 59px;
    padding-bottom: 59px;
}

p.text-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

a.ap-previous-btn p {
    font-size: 30px;
    color: #353535;
    font-family: BrownRegular;
    background-image: url(../../img/greyfatleft.png);
    background-repeat: no-repeat;
    background-position: 5% 6px;
}

a.ap-back-btn p {
    font-size: 30px;
    color: #353535;
    font-family: BrownRegular;
}

a.ap-next-btn p {
    font-size: 30px;
    color: #353535;
    font-family: BrownRegular;
    background-image: url(../../img/greyfatright.png);
    background-repeat: no-repeat;
    background-position: 95% 6px;
}

a.ap-previous-btn p:hover {
    text-decoration: none;
}

a.ap-back-btn p:hover {
    text-decoration: none;
}

a.ap-next-btn p:hover {
    text-decoration: none;
}

a.ap-previous-btn:hover {
    text-decoration: none;
}

a.ap-back-btn:hover {
    text-decoration: none;
}

a.ap-next-btn:hover {
    text-decoration: none;
}


@media (max-width: 600px) {
    a.ap-previous-btn p {
        font-size: 14px;
        color: #353535;
        font-family: BrownRegular;
        background-image: url(../../img/greyfatleft.png);
        background-repeat: no-repeat;
        background-size: 10%;
    }

    a.ap-next-btn p {
        font-size: 14px;
        color: #353535;
        font-family: BrownRegular;
        background-image: url(../../img/greyfatright.png);
        background-repeat: no-repeat;
        background-size: 10%;
    }

    .benefit-content p {
        color: #4A4A4A;
        font-size: 14px;
        font-family: BrownLight;
        text-transform: uppercase;
        padding-bottom: 0 !important;
        width: 248px;
        margin-left: auto;
        letter-spacing: 3px;
        margin-right: auto;
    }

    .col-xs-12.col-sm-12.col-md-12.benefit-content {
        text-align: center;
        z-index: 900;
        margin-bottom: -16px;
    }
}

@media (max-width: 992px) {
    a.ap-previous-btn p {
        font-size: 22px;
    }

    a.ap-next-btn p {
        font-size: 22px;
    }

    a.ap-back-btn p {
        font-size: 22px;
    }
}



@media (max-width: 767px) {
    a.ap-previous-btn p {
        font-size: 17px;
    }

    a.ap-next-btn p {
        font-size: 17px;
    }

    a.ap-back-btn p {
        font-size: 17px;
    }
}

/*@media (min-width: 601px) and (max-width: 768px) {
    a.ap-previous-btn p {
        font-size: 30px;
        color: #353535;
        font-family: BrownRegular;
        background-image: url(/img/greyfatleft.png);
        background-repeat: no-repeat;
        background-position: 12px 6px;
        margin-right: -68px;
    }

    a.ap-next-btn p {
        font-size: 30px;
        color: #353535;
        font-family: BrownRegular;
        background-image: url(/img/greyfatright.png);
        background-repeat: no-repeat;
        background-position: 87%;
        margin-left: -40px;
    }
}*/

/*@media (min-width: 800px) and (max-width: 1024px) {
    a.ap-previous-btn p {
        font-size: 30px;
        color: #353535;
        font-family: BrownRegular;
        background-image: url(/img/greyfatleft.png);
        background-repeat: no-repeat;
        background-position: 12px 6px;
        margin-right: -68px;
    }

    a.ap-next-btn p {
        font-size: 30px;
        color: #353535;
        font-family: BrownRegular;
        background-image: url(/img/greyfatright.png);
        background-repeat: no-repeat;
        background-position: 87%;
        margin-left: -40px;
    }
}*/

/*@media (min-width: 1025px) and (max-width: 1440px) {
    a.ap-previous-btn p {
        font-size: 30px;
        color: #353535;
        font-family: BrownRegular;
        background-image: url(/img/greyfatleft.png);
        background-repeat: no-repeat;
        background-position: 12px 6px;
        margin-right: -68px;
    }

    a.ap-next-btn p {
        font-size: 30px;
        color: #353535;
        font-family: BrownRegular;
        background-image: url(/img/greyfatright.png);
        background-repeat: no-repeat;
        background-position: 87%;
        margin-left: -40px;
    }
}*/

@media (min-width: 2560px) {
    a.ap-previous-btn p {
        font-size: 30px;
        color: #353535;
        font-family: BrownRegular;
        background-image: url(../../img/greyfatleft.png);
        background-repeat: no-repeat;
        background-position: 12px 6px;
        margin-right: -68px;
    }

    a.ap-next-btn p {
        font-size: 30px;
        color: #353535;
        font-family: BrownRegular;
        background-image: url(../../img/greyfatright.png);
        background-repeat: no-repeat;
        background-position: 87%;
        margin-left: -40px;
    }
}

.ap-benefit-slider .slick-list .slick-track .slick-slide .case-study .ap-grey-container {
    background: transparent;
}

.ap-benefit-slider .slick-list .slick-track .slick-slide .case-study {
    background: transparent;
    height: 166px !important;
}

.case-studies .casestudy-slides.ap-benefit-sliders {
    height: 165px;
    margin: 0 !important;
}

    .case-studies .casestudy-slides.ap-benefit-sliders .case-study {
        height: 100% !important;
        display: flex;
        background-position-y: center;
    }

.casestudy-slides.ap-location-slider.ap-benefit-sliders.ap-benefit-slider-icons.slick-initialized.slick-slider {
    height: 100% !important;
}

img.ap-benefits-icon {
    width: 47%;
    display: inline !important;
}

.ap-location-slider.ap-benefit-slider-icons .slick-list .slick-track .slick-slide {
    height: 100% !important;
    width: 112px !important;
    margin-right: 19px !important;
    position: relative;
    left: 13%;
}

.ap-benefit-container p {
    font-size: 12px;
    width: 100%;
    text-align: center;
    color: #353535;
    line-height: 10px;
}

.ap-benefit-container a {
    font-size: 12px;
    width: 100%;
    text-align: center;
    color: #353535;
}

.cheatsheet-slider .slick-prev,
.cheatsheet-slider .slick-next {
    width: 40px !important;
}

    .cheatsheet-slider .slick-prev:after,
    .cheatsheet-slider .slick-next:after {
        left: 0 !important;
    }

.cheatsheet-slider .slick-prev {
    left: 0 !important;
}

.cheatsheet-slider .slick-next {
    left: 50px !important;
}

.ap-mobile-benefits-slider {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
}

.ap-mobile-benefit-row {
    display: block;
    margin-top: 20px;
}

    .ap-mobile-benefit-row .ap-benefit-container {
        margin-left: 5px;
        margin-right: 5px;
        width: 145px;
        display: inline-block;
    }

        .ap-mobile-benefit-row .ap-benefit-container p span {
            white-space: normal;
        }

.ap-slider-text {
    white-space: normal;
    height: 96px;
    vertical-align: bottom;
    display: block;
    position: relative;
}

    .ap-slider-text span {
        position: absolute;
        bottom: none;
        top: 15px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        right: -1px;
    }

.col-xs-12.col-md-3.hidden-sm.hidden-xs.cheatsheet-blueprints.ap-blue-print {
    margin-bottom: -100px;
}

/*Book Now Button on Hover*/

table.nav-option {
    width: 100%;
    border: none;
}

.book-now-cheatsheet span {
    color: white;
}

td.cheatsheet-name {
    padding: 0px 22px 0px 15px;
}

td.cheatsheet-capacity {
    text-align: center;
}

td.book-now-cheatsheet-div {
    padding: 0px 8px 0px 8px;
    text-align: center;
}

@media (min-width:1160px) and (max-width:1260px) {
    td.book-now-cheatsheet-div {
        padding: 0px 8px 0px 8px;
        font-size: 12px;
    }
}

a.book-now-cheatsheet {
    cursor: pointer;
    text-decoration: none !important;
}

@media (max-height: 850px) and (min-width: 992px) {
    .roomHeader.apartmentType {
        height: 91vh;
    }
}

.hero video {
    z-index: 1;
    position: relative;
    margin-top: 0 !important;
}

.hotel.neighbourhood .hero video {
    position: absolute;
    top: 0px;
}

div.neighbourhood {
    position: relative;
    height: 100vh;
}

.video-overlay {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 0.5;
}

/*old codes*/

div.neighbourhood img.logo {
    margin-top: 100px;
    margin-bottom: 50px;
}

div.neighbourhood .hero .content label {
    color: white;
    font-family: BrownLight;
    font-size: 18px;
    line-height: 25px;
    max-width: 490px;
    display: inline-block;
}

div.historyRow {
    height: 730px;
    background-color: white;
}

    div.historyRow .historyInfo {
        height: 100%;
    }

    div.historyRow .historyPicture {
        height: 100%;
        background-size: cover;
        background-color: white;
    }

    div.historyRow .descriptionContainer {
        height: 50%;
        top: 25%;
    }

.historyRow.neighbourhoodHistory .historyInfo .name {
    display: none;
}


div.historyRow .descriptionSubtext {
    width: 100%;
    max-width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    font-family: BrownLight;
}

div.historyRow p {
    max-width: 490px;
    display: inline-block;
    font-family: BrownLight;
    font-size: 14px;
}

.holdingLocationImages-slider {
    height: 770px !important;
}

.slider-overlay {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 11;
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 0.5;
}


.locationImagesRow {
    position: relative;
    height: 770px;
    background-color: white;
}


    .locationImagesRow .container {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 11;
        text-align: center;
    }

        .locationImagesRow .container .content {
            z-index: 2;
            padding-top: 90px;
            text-align: center;
            vertical-align: middle;
            position: relative;
            display: flex;
            align-content: center;
            flex-direction: column;
            color: white;
            padding-top: 200px;
        }


            .locationImagesRow .container .content h3 {
                font-family: BrownLight;
                display: block;
                width: 50%;
                margin-left: auto;
                margin-right: auto;
                letter-spacing: 1.04px;
                line-height: 34px;
                color: #fff;
            }

            .locationImagesRow .container .content img {
                display: block;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 40px;
            }

            .locationImagesRow .container .content label {
                font-family: BrownLight;
                font-size: 18px;
                line-height: 24px;
                display: block;
                max-width: 382px;
                margin-left: auto;
                margin-right: auto;
                width: 50%;
            }


.hotel .hero .container {
    height: auto;
    z-index: 3;
    width: 100%;
    color: white;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-40%);
    margin: 0;
    padding: 0;
}

.hoxtownRow .whatsHappening {
    background-color: #242424;
}

.hoxtownRow .checkout-hoxtown {
    height: 390px;
    display: flex;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}

.hoxtownRow .whatsHappening a {
    color: #8DC3BE;
}

.hoxtownRow .localAreaGuideImage {
    opacity: 0.6;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.hotelLinksRow.neighbourhoodLinksRow {
    height: auto;
    padding-bottom: 75px;
}


/* tablet */
@media (max-width:992px) {
    div.neighbourhood {
        height: calc(100vh - 90px);
    }

        div.neighbourhood div.hotelTitleContainer label.name {
            display: block;
        }

        div.neighbourhood div.hotelTitleContainer label.address {
            display: block;
        }

    .hotel .hero .container {
        margin-top: -90px;
    }

    div.neighbourhood div.hotelTitleContainer label.description {
        font-size: 30px;
        font-family: BrownRegular;
        line-height: 41px;
    }
}


/* phone */
@media (max-width:767px) {
    .hotel .hero .container {
        margin-top: 0px;
    }

    div.neighbourhood .hero .content h1 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .monogram-hotel-logo {
        top: -100px !important;
    }

    div.neighbourhood h1#neighbourhoodTitle {
        margin-top: 40px;
    }

    div.neighbourhood h3#comingSoon {
        margin: 0 0 5px 0;
    }

    div.neighbourhood .hero .content label {
        font-size: 14px;
    }
}

@media (max-width:767px) and (orientation: landscape) {
    .hotel .hero .container {
        margin-top: -40px;
    }
}


@media (max-width:767px) {
    .historyRow.neighbourhoodHistory .historyInfo .name {
        display: inline-block;
    }

    div.neighbourhoodLinksRow {
        display: none;
    }


    div.neighbourhood .hero {
        padding-bottom: 0px;
    }

    .hotel section.hero {
        height: 100%;
    }

    .hotel .hero .container {
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hotel .hero video {
        visibility: hidden;
    }

    div.hotel.neighbourhood {
        height: 470px;
    }

    div.neighbourhood .holdingHeader div.container div.content h1 {
        display: block;
    }

    div.historyRow {
        display: block;
        height: 475px;
    }

    div.locationImagesRow {
        display: block;
        height: 486px;
    }

    div.historyRow .descriptionContainer .descriptionSubtext {
        display: none;
    }

    div.historyRow .descriptionContainer .description {
        font-size: 30px;
        line-height: 41px;
        text-align: center;
    }

    .hero .image .holdingHeader {
        padding-bottom: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        margin-top: 0px;
    }

    div.hotelTitleContainer label.address {
        bottom: 30px;
    }

    div.holdingLocationImages-slider {
        height: 486px !important;
    }

    .locationImagesRow .container .content {
        padding-top: 17%;
    }

        .locationImagesRow .container .content h3 {
            width: 80%;
            font-size: 24px;
            font-weight: normal;
            line-height: 25px;
        }

        .locationImagesRow .container .content label {
            width: 80%;
        }

    div.historyRow .descriptionContainer {
        top: 20%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hoxtownRow.hoxtownImageRow {
        display: none;
    }

    .hoxtownRow .checkout-hoxtown {
        height: 190px;
    }

        .hoxtownRow .checkout-hoxtown .content {
            text-align: center;
            margin-top: auto;
            margin-bottom: auto;
            margin-left: auto;
            margin-right: auto;
        }

        .hoxtownRow .checkout-hoxtown p {
            display: none;
        }
}

@media (min-width: 768px) {

    .historyRow.neighbourhoodHistory .descriptionContainer {
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        transform: translate(-50%, -50%);
        margin: 0px;
        padding: 0px;
    }
}


@media only screen and (max-width: 1024px) {
    /*.hotel .image .container
    {
        padding-bottom: 50%;
        height: 0;
    }*/
    .scrolling {
        width: 98%;
        display: inline-block;
        vertical-align: middle;
    }
}


@media only screen and (max-width: 1024) {
    .hotel .hero {
        background-image: url('../../media/3280/exterior714f.jpg?center=0.27843137254901962,0.5&mode=crop&width=1024&rnd=130810861190000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 767px) {
    .hotel .hero {
        background-image: url('../../media/3280/exterior714f.jpg?center=0.27843137254901962,0.5&mode=crop&width=1024&rnd=130810861190000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 480px) {
    .hotel .hero {
        background-image: url('../../media/3280/exterior3891.jpg?center=0.27843137254901962,0.5&mode=crop&width=768&rnd=130810861190000000');
        background-attachment: initial;
    }
}

.hotel .sleep {
    background: transparent url('../../media/2875/amsterdam-bedroom6449.jpg?anchor=center&mode=crop&width=1868&rnd=130693314060000000') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

@media only screen and (max-width: 1024px) {
    .hotel .sleep {
        background-image: url('../../media/2875/amsterdam-bedroom7487.jpg?anchor=center&mode=crop&width=1100&rnd=130693314060000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 767px) {
    .hotel .sleep {
        background-image: url('../../media/2875/amsterdam-bedroom13f3.jpg?anchor=center&mode=crop&width=800&rnd=130693314060000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 480px) {
    .hotel .sleep {
        background-image: url('../../media/2875/amsterdam-bedroom4793.jpg?anchor=center&mode=crop&width=480&rnd=130693314060000000');
        background-attachment: initial;
    }
}


.hotel .eat {
    background: transparent url('../../media/3272/hoxton_ams_2_264327d5.jpg?anchor=center&mode=crop&width=1868&rnd=130810856000000000') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

@media only screen and (max-width: 1024px) {
    .hotel .eat {
        background-image: url('../../media/3272/hoxton_ams_2_2643f41c.jpg?anchor=center&mode=crop&width=1100&rnd=130810856000000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 767px) {
    .hotel .eat {
        background-image: url('../../media/3272/hoxton_ams_2_264317a0.jpg?anchor=center&mode=crop&width=800&rnd=130810856000000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 480px) {
    .hotel .eat {
        background-image: url('../../media/3272/hoxton_ams_2_2643344d.jpg?anchor=center&mode=crop&width=480&rnd=130810856000000000');
        background-attachment: initial;
    }
}

.hotel .work {
    background: transparent url('../../media/3313/hoxton_ams_4_29871587.jpg?anchor=center&mode=crop&width=1868&rnd=130812421770000000') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

@media only screen and (max-width: 1024px) {
    .hotel .work {
        background-image: url('../../media/3313/hoxton_ams_4_298788d7.jpg?anchor=center&mode=crop&width=1100&rnd=130812421770000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 767px) {
    .hotel .work {
        background-image: url('../../media/3313/hoxton_ams_4_29875714.jpg?anchor=center&mode=crop&width=800&rnd=130812421770000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 480px) {
    .hotel .work {
        background-image: url('../../media/3313/hoxton_ams_4_298732f7.jpg?anchor=center&mode=crop&width=480&rnd=130812421770000000');
        background-attachment: initial;
    }
}

.fixedImage.book-now-6205 {
    background: transparent url('../../media/2876/amsterdam-bedroom36449.jpg?anchor=center&mode=crop&width=1868&rnd=130693314060000000') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

@media only screen and (max-width: 1024px) {
    .fixedImage.book-now-6205 {
        background-image: url('../../media/2876/amsterdam-bedroom37487.jpg?anchor=center&mode=crop&width=1100&rnd=130693314060000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 767px) {
    .fixedImage.book-now-6205 {
        background-image: url('../../media/2876/amsterdam-bedroom313f3.jpg?anchor=center&mode=crop&width=800&rnd=130693314060000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 480px) {
    .fixedImage.book-now-6205 {
        background-image: url('../../media/2876/amsterdam-bedroom34793.jpg?anchor=center&mode=crop&width=480&rnd=130693314060000000');
        background-attachment: initial;
    }
}

.fixedImage.book-now-6206 {
    background: transparent url('../../media/3287/hoxton_ams_1_2320f021.jpg?anchor=center&mode=crop&width=1868&rnd=130812421680000000') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

@media only screen and (max-width: 1024px) {
    .fixedImage.book-now-6206 {
        background-image: url('../../media/3287/hoxton_ams_1_23205294.jpg?anchor=center&mode=crop&width=1100&rnd=130812421680000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 767px) {
    .fixedImage.book-now-6206 {
        background-image: url('../../media/3287/hoxton_ams_1_2320fb68.jpg?anchor=center&mode=crop&width=800&rnd=130812421680000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 480px) {
    .fixedImage.book-now-6206 {
        background-image: url('../../media/3287/hoxton_ams_1_23206c03.jpg?anchor=center&mode=crop&width=480&rnd=130812421680000000');
        background-attachment: initial;
    }
}


.fixedImage.book-now-6207 {
    background: transparent url('../../media/3315/hoxton_ams_5_32227504.jpg?anchor=center&mode=crop&width=1868&rnd=130812421780000000') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

@media only screen and (max-width: 1024px) {
    .fixedImage.book-now-6207 {
        background-image: url('../../media/3315/hoxton_ams_5_322206f1.jpg?anchor=center&mode=crop&width=1100&rnd=130812421780000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 767px) {
    .fixedImage.book-now-6207 {
        background-image: url('../../media/3315/hoxton_ams_5_32229941.jpg?anchor=center&mode=crop&width=800&rnd=130812421780000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 480px) {
    .fixedImage.book-now-6207 {
        background-image: url('../../media/3315/hoxton_ams_5_3222d253.jpg?anchor=center&mode=crop&width=480&rnd=130812421780000000');
        background-attachment: initial;
    }
}


.fixedImage.book-now-6235 {
    background: transparent url('../../media/3275/hoxton_ams_3_2767035e.jpg?anchor=center&mode=crop&width=1868&rnd=130810856030000000') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

@media only screen and (max-width: 1024px) {
    .fixedImage.book-now-6235 {
        background-image: url('../../media/3275/hoxton_ams_3_2767283d.jpg?anchor=center&mode=crop&width=1100&rnd=130810856030000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 767px) {
    .fixedImage.image.book-now-6235 {
        background-image: url('../../media/3275/hoxton_ams_3_2767ade8.jpg?anchor=center&mode=crop&width=800&rnd=130810856030000000');
        background-attachment: initial;
    }
}

@media only screen and (max-width: 480px) {
    .fixedImage.image.book-now-6235 {
        background-image: url('../../media/3275/hoxton_ams_3_27678838.jpg?anchor=center&mode=crop&width=480&rnd=130810856030000000');
        background-attachment: initial;
    }
}

.aboutVideo {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: black;
    z-index: 0;
}

    .aboutVideo section {
        height: 100%;
    }

.video-popup.fullscreen.aboutVideoPopup .videoContainer {
    top: auto;
}

.aboutVideo .hero video {
    min-width: 100%;
    min-height: 100%;
}

.aboutSection {
    height: 60vh;
    background-color: transparent;
    position: relative;
    padding: 1px;
    z-index: 1;
}

    .aboutSection.first {
        margin-top: 20vh;
    }

    .aboutSection.penultimate {
        margin-bottom: 20vh;
    }

    .aboutSection.last {
        height: 100vh;
    }

#about-logo svg, #about-logo img {
    height: 150px;
    display: block;
    width: 100%;
    margin-bottom: 17px;
    padding-right: 5px;
}

    #about-logo svg path, #about-logo svg .st0 {
        fill: #fff !important;
    }


.aboutSection h3#aboutMainTitle {
    text-align: center;
    text-transform: uppercase;
    font-family: BrownRegular;
}

.aboutSection h3 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    color: white;
    font-family: BrownLight;
    line-height: 34px;
    letter-spacing: 1.04px;
}

.aboutSection .open-video.inlinePlayButton img {
    margin-top: 10px;
    width: 47px;
    margin-right: 0;
}

.aboutSection img.cross {
    margin-top: 30px;
    margin-bottom: 20px;
}

.aboutSection p {
    font-size: 18px;
    line-height: 25px;
    margin: 0 auto;
    padding: 9px 0;
    max-width: 730px;
}

.aboutVideo video {
    /*-webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
}

.aboutVideo .video-overlay {
    background-color: rgba(0, 0, 0, 0.65);
}

.aboutSection .contentContainer {
    text-align: center;
    padding-left: 25%;
    padding-right: 25%;
    color: white;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}


.aboutSection p a {
    text-decoration: underline;
    color: #fff;
}

    .aboutSection p a:hover {
        text-decoration: none;
    }

/* tablet */
@media (max-width:991px) {
    .aboutSection .contentContainer {
        padding-left: 15%;
        padding-right: 15%;
    }
}


/* phone */
@media (max-width:767px) {
    .aboutVideo section {
        background-image: url('../../img/hoxton/about-bg.png');
        background-size: cover;
        /*background-attachment: fixed;*/
        background-repeat: no-repeat;
        background-position-x: 50%;
    }

    section.aboutSection.last {
        background-attachment: initial;
    }

    .aboutVideo video {
        display: none;
    }

    .aboutSection h3 {
        font-size: 18px;
    }

    .aboutSection p {
        font-size: 14px;
    }

    .aboutSection .contentContainer {
        /*margin-top: -151px;*/
        padding-left: 5%;
        padding-right: 5%;
    }
}

.offerPage {
    height: 100vh;
    background-image: url('../../img/hoxtown/top-banner.png');
    background-size: cover;
}


    .offerPage .offerPanel.calendarContainer.loading table.ui-datepicker-calendar::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.8);
        z-index: 3;
    }


    .offerPage .offerPanel.calendarContainer .busyContainer {
        display: none;
    }


    .offerPage .offerPanel.calendarContainer.loading .busyContainer {
        display: block;
    }

    .offerPage:not(.onlyOffersPage) .offerPanel {
        height: 100%;
        display: flex;
        align-content: center;
        flex-direction: column;
        padding: 50px;
        text-align: center;
        position: relative;
    }

    .offerPage:not(.onlyOffersPage) .offer-container {
        width: 100%;
        top: 25vh;
        max-width: 450px;
    }



    .offerPage.onlyOffersPage .offerPanel {
        text-align: center;
    }



    .offerPage.onlyOffersPage .offer-container {
        width: 100%;
        top: 25vh;
        max-width: 900px;
    }

    .offerPage .calendarFooter {
        color: white;
        margin: 0;
        padding: 0px;
        float: left;
        width: 100%;
        text-transform: uppercase;
        letter-spacing: 1px;
        cursor: pointer;
        height: 50px;
        margin-bottom: 20px;
    }


    .offerPage.onlyOffersPage .calendarFooter {
        margin-bottom: 20px;
    }

    .offerPage .datepicker .ui-datepicker {
        margin: 0;
        position: relative;
        height: auto;
    }

    .offerPage .offerDetailsContainer {
        height: 100%;
        margin-top: auto;
        margin-bottom: auto;
        position: relative;
    }

        .offerPage .offerDetailsContainer h2, .offerPage .offerDetailsContainer h3, .offerPage .offerDetailsContainer h4, .offerPage .offerDetailsContainer h5, .offerPage .offerDetailsContainer h1, .offerPage .offerDetailsContainer p {
            color: white;
        }

        .offerPage .offerDetailsContainer p {
            color: white;
            margin-bottom: 20px;
            font-size: 14px;
            letter-spacing: 0.04px;
            line-height: 19px;
            padding-left: 5%;
            padding-right: 5%;
        }

        .offerPage .offerDetailsContainer .header-offer span {
            color: white;
            font-size: 14px;
            font-family: BrownLight;
        }

            .offerPage .offerDetailsContainer .header-offer span a {
                color: white;
                font-size: 14px;
                font-family: BrownRegular;
            }


    .offerPage .chooseDatesText {
        padding: 18px 0;
    }

        .offerPage .chooseDatesText span {
            font-family: BrownRegular;
            font-size: 18px;
            color: white;
            text-align: left;
        }


    .offerPage:not(.onlyOffersPage) .couponContainer {
        background-color: white;
        opacity: 0.7;
        -ms-opacity: 0.7;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        padding: 0;
        line-height: 52px;
    }

        .offerPage:not(.onlyOffersPage) .couponContainer .codeLabel {
            color: #808080;
            font-family: BrownLight;
            font-size: 12px;
            line-height: 52px;
            position: absolute;
            left: 4%;
        }

    .offerPage.onlyOffersPage .couponContainer {
        background-color: white;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }

        .offerPage.onlyOffersPage .couponContainer .codeLabel {
            color: #9B9B9B;
            font-family: BrownLight;
            font-size: 14px;
            line-height: 50px;
            position: absolute;
            left: 4%;
        }

    .offerPage .ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
        color: #D8D8D8 !important;
    }

.onlyOffersPage .offer-container span.input-value {
    color: #353535;
    font-family: "BrownLight", sans-serif;
}

.onlyOffersPage .offer-container .room-selector span.input-value {
    font-size: 14px;
}


.offerPage:not(.onlyOffersPage) .couponContainer .codeInput {
    color: #353535;
    font-size: 26px;
    line-height: 52px;
    outline: none;
    height: 52px;
    width: 100%;
    border: none;
    padding-left: 15%;
    font-family: BrownLight;
}

.offerPage.onlyOffersPage .couponContainer .codeInput {
    color: #353535;
    font-size: 16px;
    line-height: 50px;
    outline: none;
    height: 50px;
    width: 100%;
    border: none;
    padding-left: 17%;
    font-family: BrownLight;
}


.offerPage:not(.onlyOffersPage) .offer.available .ui-state-default {
    border-radius: 20px;
    border: 1px solid #CAA87B;
}

.offerPage.onlyOffersPage .offer.available .ui-state-default {
    border-radius: 20px;
    border: 1px solid #DDD7D1;
}

.offerPage .offer.available.selected .ui-state-default {
    border: none;
}

.offerPage .couponContainer .codeButton {
    float: right;
    margin-top: 8px;
    margin-right: 11px;
    color: #353535;
    cursor: pointer;
}

.offerPage .offers-form {
    text-align: left;
}

.offerPage {
    height: 100vh;
    background-image: url('../../img/hoxtown/top-banner.png');
    background-size: cover;
}


.offerPage .offerPanel.calendarContainer.loading table.ui-datepicker-calendar::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 3;
}


.offerPage .offerPanel.calendarContainer .busyContainer {
    display: none;
}


.offerPage .offerPanel.calendarContainer.loading .busyContainer {
    display: block;
}


.offerPage:not(.onlyOffersPage) .offerPanel {
    height: 100%;
    display: flex;
    align-content: center;
    flex-direction: column;
    padding: 50px;
    text-align: center;
    position: relative;
}

.offerPage .offer-container {
    width: 100%;
    top: 25vh;
    max-width: 450px;
}

.offerPage .calendarFooter {
    color: white;
    margin: 0;
    padding: 0px;
    float: left;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    height: 50px;
}


.offerPage .datepicker .ui-datepicker {
    margin: 0;
    position: relative;
    height: auto;
}

.offerPage .offerDetailsContainer {
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
}

    .offerPage .offerDetailsContainer h2, .offerPage .offerDetailsContainer h3, .offerPage .offerDetailsContainer h4, .offerPage .offerDetailsContainer h5, .offerPage .offerDetailsContainer h1, .offerPage .offerDetailsContainer p {
        color: white;
    }

    .offerPage .offerDetailsContainer p {
        color: white;
        margin-bottom: 20px;
        font-size: 14px;
        letter-spacing: 0.04px;
        line-height: 19px;
        padding-left: 5%;
        padding-right: 5%;
    }

    .offerPage .offerDetailsContainer .header-offer span {
        color: white;
        font-size: 14px;
        font-family: BrownLight;
    }

        .offerPage .offerDetailsContainer .header-offer span a {
            color: white;
            font-size: 14px;
            font-family: BrownRegular;
        }


.offerPage .chooseDatesText {
    padding: 18px 0;
}

    .offerPage .chooseDatesText span {
        font-family: BrownRegular;
        font-size: 18px;
        color: white;
        text-align: left;
    }

.offerPage:not(.onlyOffersPage) .couponContainer {
    background-color: white;
    opacity: 0.7;
    -ms-opacity: 0.7;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding: 0;
    line-height: 52px;
}

.offerPage.onlyOffersPage .couponContainer {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.offerPage:not(.onlyOffersPage) .couponContainer .codeLabel {
    color: #808080;
    font-family: BrownLight;
    font-size: 12px;
    line-height: 52px;
    position: absolute;
    left: 4%;
}

.offerPage.onlyOffersPage .couponContainer .codeLabel {
    color: #9B9B9B;
    font-family: BrownLight;
    font-size: 14px;
    line-height: 50px;
    position: absolute;
    left: 4%;
}

.offerPage .ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
    color: #D8D8D8 !important;
}

.offerPage:not(.onlyOffersPage) .couponContainer .codeInput {
    color: #353535;
    font-size: 26px;
    line-height: 52px;
    outline: none;
    height: 52px;
    width: 100%;
    border: none;
    padding-left: 15%;
    font-family: BrownLight;
}


.offersPage .offer-container span.input-value {
    color: #353535;
    font-family: "BrownLight", sans-serif;
}

.offersPage .offer-container .room-selector span.input-value {
    font-size: 14px;
}

/*.offerPage .offer.available .ui-state-default {
    color: #!important;
}*/


.offerPage.onlyOffersPage .couponContainer .codeInput {
    color: #353535;
    font-size: 16px;
    line-height: 50px;
    outline: none;
    height: 50px;
    width: 100%;
    border: none;
    padding-left: 17%;
    font-family: BrownLight;
}

.offerPage.onlyOffersPage .offer.available .ui-state-default {
    border-radius: 20px;
    border: 1px solid #DDD7D1;
}

.offerPage:not(.onlyOffersPage) .offer.available .ui-state-default {
    border-radius: 20px;
    border: 1px solid #CAA87B;
}

.offerPage .offer.available.selected .ui-state-default {
    border: none;
}

.offerPage .couponContainer .codeButton {
    float: right;
    margin-top: 8px;
    margin-right: 11px;
    color: #353535;
    cursor: pointer;
}


.offerPage .offers-form {
    text-align: left;
}

.offerPage:not(.onlyOffersPage) .bookingContainer .selector {
    margin: 0;
    margin-top: 10px;
    width: 50%;
}

.offerPage.onlyOffersPage .bookingContainer .selector {
    margin: 0;
    /*margin-top: 10px;*/
    /*width: 50%;*/
}



.offerPage .bookingContainer .hotel-selector {
    padding-left: 0;
    padding-right: 5px;
}

.offerPage .bookingContainer .room-selector {
    padding-right: 0;
    padding-left: 5px;
}

.offerPage:not(.onlyOffersPage) .bookingContainer .input-value {
    background-color: rgba(255, 255, 255, 0.7);
    text-align: left;
    padding-left: 4%;
}



.offerPage.onlyOffersPage .bookingContainer .input-value {
    background-color: rgba(255, 255, 255, 1);
    text-align: left;
    text-overflow: ellipsis;
    display: block;
    white-space: inherit;
    /* padding-left: 7px; */
    /* width: auto; */
    /* padding-right: 0; */
    overflow: hidden;
    height: 50px;
    /*text-align: center;*/
}

@media (max-width: 767px) {
    .offerPage:not(.onlyOffersPage) .bookingContainer .input-value {
        padding-left: 28%;
    }

    .offerPage.onlyOffersPage .bookingContainer .room-selector .input-value {
        text-align: center;
        padding-left: 0;
    }
}


.offerPage .bookingContainer .picker {
    top: 50px;
}

.offerPage:not(.onlyOffersPage) .bookingContainer .hotel-selector .picker {
    padding-right: 5px;
}

.offerPage:not(.onlyOffersPage) .bookingContainer .room-selector .picker {
    padding-left: 5px;
}


.offerPage.onlyOffersPage .bookingContainer .picker.dropdownpicker ul li a {
    color: #353535;
    font-family: "BrownLight", sans-serif;
    /*text-overflow: ellipsis;*/
    white-space: normal;
    overflow: hidden;
    display: block;
    height: auto;
}

.dropdownpicker.picker.hotels.offerspicker ul li a {
    padding-left: 0;
}

.offerPage .calendarFooter button {
    background: none;
    display: none;
    border: none;
    width: 100%;
    height: 50px;
    margin: 0;
    background-color: #1e6a94;
    position: relative;
}

    .offerPage .calendarFooter button h5 {
        line-height: 0;
        margin: 0;
        text-transform: uppercase;
        font-family: BrownLight;
        font-size: 13.74px;
        letter-spacing: 0.88px;
    }

.offerPage .offerHeader h2 {
    margin-bottom: 5px;
}

.offerPage .offerinfoContainer {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    max-width: 452px;
}

    .offerPage .offerinfoContainer .offerinfo > * {
        margin: 5px 0px;
    }

    .offerPage .offerinfoContainer .offerinfo strong {
        font-size: 16px;
    }

    .offerPage .offerinfoContainer .offerinfo {
        width: 100%;
        width: calc(100% + 17px);
        overflow: auto;
        height: 100%;
        padding-right: 15px;
    }

.offerPage .tsandcs-info h3 {
    text-align: center;
}

.offerPage .tsandcs-info p, .offerPage .tsandcs-info span {
    font-size: 18px;
    line-height: 1.5em;
    text-align: center;
}

.offerPage:not(.onlyOffersPage) .offers-tsandcspopupcontainer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #191919;
    background: rgba(25,25,25,.5);
    display: none;
    z-index: 777;
    top: 0;
    left: 0;
}


.offerPage.onlyOffersPage .offers-tsandcspopupcontainer {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: #191919;
    background: rgba(25,25,25,.5);*/
    display: none;
    z-index: 777;
    top: 0;
    left: 0;
}

.offerPage .offers-tsandcspopupcontainer.on {
    display: block;
}

.offerPage .offers-tsandcspopup {
    position: fixed;
    background-color: #333333;
    width: 700px;
    min-height: 407px;
    left: 50%;
    top: 50%;
    margin-top: -203px;
    margin-left: -350px;
}

.room-selector .dropdownpicker ul li a:hover {
    background-color: #1E6A94;
    color: #fff !important;
    text-decoration: none;
}

@media (max-width:405px) {
    .onlyOffersPage .bookingContainer .dropdownpicker ul li a.one-adult-one-child {
        padding-left: 0px;
    }
}

.offerPage .offers-tsandcspopup .close-tsandcspopup {
    height: 48px;
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 0;
}

.offerPage .offer-open-tsandcs {
    color: white;
    font-family: BrownRegular;
    font-size: 16px;
}

strong {
    font-family: BrownRegular;
    font-weight: normal;
    color: #353535 !important;
}

    strong.strong-white.subject-click {
        cursor: pointer;
    }

.strong-white {
    color: #ffffff !important;
}

.offerPage strong:hover {
    text-decoration: underline;
}

strong a {
    font-family: BrownRegular;
    font-weight: normal;
    color: #353535 !important;
}

    strong a:hover {
        text-decoration: underline;
    }

.offerPage div.couponContainer {
    transition: all .5s linear;
}

    .offerPage div.couponContainer.code-hidden {
        visibility: hidden;
        height: 0;
        margin: 0;
        opacity: 0;
    }

a#show-code {
    color: white;
    text-decoration: none;
    float: left;
    margin-top: 5px;
    margin-left: 3px;
}

.offerHeader img {
    width: 300px;
}

.offer .selected.departure::before {
    font-size: 8px;
    top: 49px;
    left: 9px;
}

.offer .ui-datepicker-calendar tr td:last-child.selected.departure::before {
    left: 9px;
}

.offerPage.onlyOffersPage .calendarPlaceholder {
    visibility: hidden;
    opacity: 0;
    transition: all 2s ease;
}

.offerPage.onlyOffersPage.show-calendar .calendarPlaceholder {
    visibility: visible;
    opacity: 1;
}

@media (min-width: 992px) {



    .offerPage:not(.onlyOffersPage) .offer-container {
        position: absolute;
        right: 30px;
    }




    .offerPage.onlyOffersPage.show-calendar .offer-container {
        /*right: 30px;*/
        text-align: center;
    }

    .offerPage .calendarPlaceholder {
        margin-left: 0;
        position: absolute;
        top: 30vh;
        left: -6px;
    }


    .offerPage .day-use {
        width: 50%;
    }


    .offerPage .chooseDatesText img {
        float: right;
        margin-top: 7px;
    }
}
/* tablet */
@media (max-width:991px) {
    .offerPage .offer-container, .offerPage .datepicker .ui-datepicker {
        margin: auto;
    }

    .offerPage {
        height: auto;
    }

        .offerPage .offerPanel.calendarContainer {
            padding-top: 0px;
        }

        .offerPage .chooseDatesText img {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }
}

@media (min-width: 768px) {
    .offerPage .offerinfoContainer {
        height: 170px;
    }
    .colrightvictorian
    {
        display:none;
    }
}

@media (max-width: 767px) {

    .offerPage:not(.onlyOffersPage) .offerPanel {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 90px;
    }

    .offerPage .offerinfoContainer {
        min-height: 170px;
    }

    .offerPage .offerHeader h2 {
        margin-bottom: 10px;
        font-size: 45px;
    }

    .offerPage .offers-tsandcspopup {
        top: 100px;
        margin-top: 0;
        width: 100%;
        margin-left: 0;
        left: 0;
        z-index: 7777;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .offerPage .offers-tsandcspopup {
        top: 80px;
    }
}


@media (max-width: 1280px) {
    body:not(.selectDatesPage):not(.offersPage) .dropdown-selector.room-selector.offer.selector {
        width: 50%;
    }

    .offerPage:not(.onlyOffersPage) .bookingContainer .hotel-selector {
        width: 50% !important;
    }
}

.offersPage .offer-top-panel {
    /*min-height: 450px;*/
    padding-top: 80px;
    text-align: center;
    background-color: #808080;
    color: #fff;
}

    .offersPage .offer-top-panel .offer-top-panel-content {
        padding-bottom: 40px;
    }

    .offersPage .offer-top-panel .offer-main-title {
        padding-top: 30px;
    }

        .offersPage .offer-top-panel .offer-main-title h2 {
            font-size: 40px;
        }

@media (max-width:767px) {
    .offersPage .offer-top-panel .offer-main-title h2 {
        font-size: 26px;
        line-height: 34px;
    }
}

.offersPage .offer-top-panel .offer-body-text {
    padding-left: 30%;
    padding-right: 30%;
}

@media (max-width:991px) {
    .offersPage .offer-top-panel .offer-body-text {
        padding-left: 20%;
        padding-right: 20%;
    }
}

.offersPage .offer-top-panel .offer-main-title {
    padding-left: 10%;
    padding-right: 10%;
}

.offersPage .offer-top-panel .offer-open-tsandcs {
    color: white;
    font-family: BrownLight;
    font-size: 14px;
    margin-top: 10px;
}

.offersPage .offer-top-panel .offer-tsandcs {
    padding-bottom: 30px;
}

.offersPage .offer-container .hotel-selector.offer, .offersPage .offer-container .room-selector.offer, .offersPage .offer-container .couponContainer {
    padding: 0;
}

@media (min-width:768px) {
    .offersPage .offer-container .hotel-selector.offer, .offersPage .offer-container .room-selector.offer, .offersPage .offer-container .couponContainer {
        border-right: 1px solid #DDD7D1;
        border-top: 1px solid #DDD7D1;
        border-bottom: 1px solid #DDD7D1;
    }

    .offersPage .offer-container .couponContainer {
        border-left: 1px solid #DDD7D1;
    }
}

@media (max-width:768px) {
    .offersPage .offer-container .couponContainer {
        border: 1px solid #DDD7D1;
    }

    .offersPage .offer-container .hotel-selector.offer, .offersPage .offer-container .room-selector.offer {
        border-left: 1px solid #DDD7D1;
        border-bottom: 1px solid #DDD7D1;
    }

    .offersPage .offer-container .room-selector.offer {
        border-right: 1px solid #DDD7D1;
    }
}

.offersPage .offerDetailsContainer div.offerPanel.bookingContainer {
    display: flex;
    position: relative;
    max-width: 900px;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
}

.offersPage .bookingWidgetOffers .page-content {
    display: block;
}

.offersPage .offerDetailsContainer div.offerPanel.bookingContainer {
    padding: 0 5%;
}

@media (max-width:767px) {
    .offersPage .offerDetailsContainer div.offerPanel.bookingContainer {
        transform: translateY(-150%);
        padding: 2%;
        display: block;
        padding-left: 4%;
        padding-right: 4%;
    }
}

.offersPage .offerPanel.calendarContainer div.calendarPlaceholder {
    visibility: hidden;
    opacity: 1;
    display: block;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    top: 0;
}

.offersPage .bookingContainer.offer .dropdownpicker ul li {
    border-top: 1px solid #DDD7D1;
    border-right: 1px solid #DDD7D1;
    border-left: 1px solid #DDD7D1;
    border-bottom: 0;
}
    /*1 adult 1 child needs to expand in height*/
    .offersPage .bookingContainer.offer .dropdownpicker ul li:last-of-type {
        border-bottom: 1px solid #DDD7D1;
        height: auto;
    }

@media (max-width: 767px) {
    .offersPage .offer-top-panel .offer-body-text {
        padding-left: 10%;
        padding-right: 10%;
    }

    .offersPage .offer-search-bar {
        max-width: 500px;
        margin: 0 auto;
    }

    .offersPage .offerPanel.calendarContainer {
        margin-top: 85px;
        padding: 2%;
        padding-left: 4%;
        padding-right: 4%;
    }

        .offersPage .offerPanel.calendarContainer .ui-datepicker-title {
            position: absolute;
            width: 100%;
        }
}
/*win page*/
.offersPage .offerPanel.calendarContainer.winPage {
    min-height: 400px;
}

.offersPage .offer-top-panel-content a {
    color: #FFFFFF !important;
}

.offersPage .offer-top-panel-content strong {
    color: #FFFFFF !important;
}

.selectDatesOfferPage {
    height: 100vh;
    background-image: url('../../img/hoxtown/top-banner.png');
    background-size: cover;
}


    .selectDatesOfferPage .offerPanel.calendarContainer.loading table.ui-datepicker-calendar::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.8);
        z-index: 3;
    }


    .selectDatesOfferPage .offerPanel.calendarContainer .busyContainer {
        display: none;
    }


    .selectDatesOfferPage .offerPanel.calendarContainer.loading .busyContainer {
        display: block;
    }

    .selectDatesOfferPage:not(.onlyselectDatesPage) .offerPanel {
        height: 100%;
        display: flex;
        align-content: center;
        flex-direction: column;
        padding: 50px;
        text-align: center;
        position: relative;
    }

    .selectDatesOfferPage:not(.onlyselectDatesPage) .offer-container {
        width: 100%;
        top: 25vh;
        max-width: 450px;
    }



    .selectDatesOfferPage.onlyselectDatesPage .offerPanel {
        text-align: center;
    }



    .selectDatesOfferPage.onlyselectDatesPage .offer-container {
        width: 100%;
        top: 25vh;
        max-width: 900px;
    }

    .selectDatesOfferPage .calendarFooter {
        color: white;
        margin: 0;
        padding: 0px;
        float: left;
        width: 100%;
        text-transform: uppercase;
        letter-spacing: 1px;
        cursor: pointer;
        height: 50px;
        margin-bottom: 20px;
    }


    .selectDatesOfferPage.onlyselectDatesPage .calendarFooter {
        margin-bottom: 20px;
    }

    .selectDatesOfferPage .datepicker .ui-datepicker {
        margin: 0;
        position: relative;
        height: auto;
    }

    .selectDatesOfferPage .offerDetailsContainer {
        height: 100%;
        margin-top: auto;
        margin-bottom: auto;
        position: relative;
    }

        .selectDatesOfferPage .offerDetailsContainer h2, .selectDatesOfferPage .offerDetailsContainer h3, .selectDatesOfferPage .offerDetailsContainer h4, .selectDatesOfferPage .offerDetailsContainer h5, .selectDatesOfferPage .offerDetailsContainer h1, .selectDatesOfferPage .offerDetailsContainer p {
            color: white;
        }

        .selectDatesOfferPage .offerDetailsContainer p {
            color: white;
            margin-bottom: 20px;
            font-size: 14px;
            letter-spacing: 0.04px;
            line-height: 19px;
            padding-left: 5%;
            padding-right: 5%;
        }

        .selectDatesOfferPage .offerDetailsContainer .header-offer span {
            color: white;
            font-size: 14px;
            font-family: BrownLight;
        }

            .selectDatesOfferPage .offerDetailsContainer .header-offer span a {
                color: white;
                font-size: 14px;
                font-family: BrownRegular;
            }


    .selectDatesOfferPage .chooseDatesText {
        padding: 18px 0;
    }

        .selectDatesOfferPage .chooseDatesText span {
            font-family: BrownRegular;
            font-size: 18px;
            color: white;
            text-align: left;
        }


    .selectDatesOfferPage:not(.onlyselectDatesPage) .couponContainer {
        background-color: white;
        opacity: 0.7;
        -ms-opacity: 0.7;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        padding: 0;
        line-height: 52px;
    }

        .selectDatesOfferPage:not(.onlyselectDatesPage) .couponContainer .codeLabel {
            color: #808080;
            font-family: BrownLight;
            font-size: 12px;
            line-height: 52px;
            position: absolute;
            left: 4%;
        }

    .selectDatesOfferPage.onlyselectDatesPage .couponContainer {
        background-color: white;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }

        .selectDatesOfferPage.onlyselectDatesPage .couponContainer .codeLabel {
            color: #9B9B9B;
            font-family: BrownLight;
            font-size: 14px;
            line-height: 50px;
            position: absolute;
            left: 4%;
        }

    .selectDatesOfferPage .ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
        color: #D8D8D8 !important;
    }

.onlyselectDatesPage .offer-container span.input-value {
    color: #353535;
    font-family: "BrownLight", sans-serif;
}

.onlyselectDatesPage .offer-container .room-selector span.input-value {
    font-size: 14px;
}


.selectDatesOfferPage:not(.onlyselectDatesPage) .couponContainer .codeInput {
    color: #353535;
    font-size: 26px;
    line-height: 52px;
    outline: none;
    height: 52px;
    width: 100%;
    border: none;
    padding-left: 15%;
    font-family: BrownLight;
}

.selectDatesOfferPage.onlyselectDatesPage .couponContainer .codeInput {
    color: #353535;
    font-size: 16px;
    line-height: 50px;
    outline: none;
    height: 50px;
    width: 100%;
    border: none;
    padding-left: 17%;
    font-family: BrownLight;
}


.selectDatesOfferPage:not(.onlyselectDatesPage) .offer.available .ui-state-default {
    border-radius: 20px;
    border: 1px solid #CAA87B;
}

.selectDatesOfferPage.onlyselectDatesPage .offer.available .ui-state-default {
    border-radius: 20px;
    border: 1px solid #DDD7D1;
}

.selectDatesOfferPage .offer.available.selected .ui-state-default {
    border: none;
}

.selectDatesOfferPage .couponContainer .codeButton {
    float: right;
    margin-top: 8px;
    margin-right: 11px;
    color: #353535;
    cursor: pointer;
}

.selectDatesOfferPage .offers-form {
    text-align: left;
}

.selectDatesOfferPage {
    height: 100vh;
    background-image: url('../../img/hoxtown/top-banner.png');
    background-size: cover;
}


.selectDatesOfferPage .offerPanel.calendarContainer.loading table.ui-datepicker-calendar::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 3;
}


.selectDatesOfferPage .offerPanel.calendarContainer .busyContainer {
    display: none;
}


.selectDatesOfferPage .offerPanel.calendarContainer.loading .busyContainer {
    display: block;
}


.selectDatesOfferPage:not(.onlyselectDatesPage).offerPanel {
    height: 100%;
    display: flex;
    align-content: center;
    flex-direction: column;
    padding: 50px;
    text-align: center;
    position: relative;
}

.selectDatesOfferPage .offer-container {
    width: 100%;
    top: 25vh;
    max-width: 450px;
}

.selectDatesOfferPage .calendarFooter {
    color: white;
    margin: 0;
    padding: 0px;
    float: left;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    height: 50px;
}


.selectDatesOfferPage .datepicker .ui-datepicker {
    margin: 0;
    position: relative;
    height: auto;
}

.selectDatesOfferPage .offerDetailsContainer {
    transform: translateY(-2.5%);
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
}

    .selectDatesOfferPage .offerDetailsContainer h2, .selectDatesOfferPage .offerDetailsContainer h3, .selectDatesOfferPage .offerDetailsContainer h4, .selectDatesOfferPage .offerDetailsContainer h5, .selectDatesOfferPage .offerDetailsContainer h1, .selectDatesOfferPage .offerDetailsContainer p {
        color: white;
    }

    .selectDatesOfferPage .offerDetailsContainer p {
        color: white;
        margin-bottom: 20px;
        font-size: 14px;
        letter-spacing: 0.04px;
        line-height: 19px;
        padding-left: 5%;
        padding-right: 5%;
    }

    .selectDatesOfferPage .offerDetailsContainer .header-offer span {
        color: white;
        font-size: 14px;
        font-family: BrownLight;
    }

        .selectDatesOfferPage .offerDetailsContainer .header-offer span a {
            color: white;
            font-size: 14px;
            font-family: BrownRegular;
        }


.selectDatesOfferPage .chooseDatesText {
    padding: 18px 0;
}

    .selectDatesOfferPage .chooseDatesText span {
        font-family: BrownRegular;
        font-size: 18px;
        color: white;
        text-align: left;
    }

.selectDatesOfferPage:not(.onlyselectDatesPage) .couponContainer {
    background-color: white;
    opacity: 0.7;
    -ms-opacity: 0.7;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding: 0;
    line-height: 52px;
}

.selectDatesOfferPage.onlyselectDatesPage .couponContainer {
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.selectDatesOfferPage:not(.onlyselectDatesPage) .couponContainer .codeLabel {
    color: #808080;
    font-family: BrownLight;
    font-size: 12px;
    line-height: 52px;
    position: absolute;
    left: 4%;
}

.selectDatesOfferPage.onlyselectDatesPage .couponContainer .codeLabel {
    color: #9B9B9B;
    font-family: BrownLight;
    font-size: 14px;
    line-height: 50px;
    position: absolute;
    left: 4%;
}

.selectDatesOfferPage .ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
    color: #D8D8D8 !important;
}

.selectDatesOfferPage:not(.onlyselectDatesPage) .couponContainer .codeInput {
    color: #353535;
    font-size: 26px;
    line-height: 52px;
    outline: none;
    height: 52px;
    width: 100%;
    border: none;
    padding-left: 15%;
    font-family: BrownLight;
}


.selectDatesPage .offer-container span.input-value {
    color: #353535;
    font-family: "BrownLight", sans-serif;
}

.selectDatesPage .offer-container .room-selector span.input-value {
    font-size: 14px;
}

/*.selectDatesOfferPage .offer.available .ui-state-default {
    color: #!important;
}*/


.selectDatesOfferPage.onlyselectDatesPage .couponContainer .codeInput {
    color: #353535;
    font-size: 16px;
    line-height: 50px;
    outline: none;
    height: 50px;
    width: 100%;
    border: none;
    padding-left: 40%;
    font-family: BrownLight;
}

.selectDatesOfferPage.onlyselectDatesPage .offer.available .ui-state-default {
    border-radius: 20px;
    border: 1px solid #DDD7D1;
}

.selectDatesOfferPage:not(.onlyselectDatesPage) .offer.available .ui-state-default {
    border-radius: 20px;
    border: 1px solid #CAA87B;
}

.selectDatesOfferPage .offer.available.selected .ui-state-default {
    border: none;
}

.selectDatesOfferPage .couponContainer .codeButton {
    float: right;
    margin-top: 8px;
    margin-right: 11px;
    color: #353535;
    cursor: pointer;
}


.selectDatesOfferPage .offers-form {
    text-align: left;
}

.selectDatesOfferPage:not(.onlyselectDatesPage) .bookingContainer .selector {
    margin: 0;
    margin-top: 10px;
    width: 50%;
}

.selectDatesOfferPage.onlyselectDatesPage .bookingContainer .selector {
    margin: 0;
    /*margin-top: 10px;*/
    /*width: 50%;*/
}



.selectDatesOfferPage .bookingContainer .hotel-selector {
    padding-left: 0;
    padding-right: 5px;
}

.selectDatesOfferPage .bookingContainer .room-selector {
    padding-right: 0;
    padding-left: 5px;
}

.selectDatesOfferPage:not(.onlyselectDatesPage) .bookingContainer .input-value {
    background-color: rgba(255, 255, 255, 0.7);
    text-align: left;
    padding-left: 4%;
}




.selectDatesOfferPage.onlyselectDatesPage .bookingContainer .input-value {
    background-color: rgba(255, 255, 255, 1);
    text-align: left;
    text-overflow: ellipsis;
    display: block;
    white-space: inherit;
    /* padding-left: 7px; */
    /* width: auto; */
    /* padding-right: 0; */
    overflow: hidden;
    height: 50px;
    /*text-align: center;*/
}

@media (max-width: 767px) {
    .selectDatesOfferPage:not(.onlyselectDatesPage) .bookingContainer .input-value {
        padding-left: 28%;
    }

    .selectDatesOfferPage.onlyselectDatesPage .bookingContainer .room-selector .input-value {
        text-align: center;
        padding-left: 0;
    }
}

.selectDatesOfferPage .bookingContainer .picker {
    top: 50px;
}

.selectDatesOfferPage:not(.onlyselectDatesPage) .bookingContainer .hotel-selector .picker {
    padding-right: 5px;
}

.selectDatesOfferPage:not(.onlyselectDatesPage) .bookingContainer .room-selector .picker {
    padding-left: 5px;
}


.selectDatesOfferPage.onlyselectDatesPage .bookingContainer .picker.dropdownpicker ul li a {
    color: #353535;
    font-family: "BrownLight", sans-serif;
    /*text-overflow: ellipsis;*/
    white-space: normal;
    overflow: hidden;
    display: block;
    height: auto;
}

.dropdownpicker.picker.hotels.offerspicker ul li a {
    padding-left: 0;
}

.selectDatesOfferPage .calendarFooter button {
    background: none;
    display: block;
    border: none;
    width: 100%;
    height: 50px;
    margin: 0;
    background-color: #1e6a94;
    position: relative;
}

    .selectDatesOfferPage .calendarFooter button h5 {
        line-height: 0;
        margin: 0;
        text-transform: uppercase;
        font-family: BrownLight;
        font-size: 13.74px;
        letter-spacing: 0.88px;
    }

.selectDatesOfferPage .offerHeader h2 {
    margin-bottom: 5px;
}

.selectDatesOfferPage .offerinfoContainer {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    max-width: 452px;
}

    .selectDatesOfferPage .offerinfoContainer .offerinfo > * {
        margin: 5px 0px;
    }

    .selectDatesOfferPage .offerinfoContainer .offerinfo strong {
        font-size: 16px;
    }

    .selectDatesOfferPage .offerinfoContainer .offerinfo {
        width: 100%;
        width: calc(100% + 17px);
        overflow: auto;
        height: 100%;
        padding-right: 15px;
    }

.selectDatesOfferPage .tsandcs-info h3 {
    text-align: center;
}

.selectDatesOfferPage .tsandcs-info p, .selectDatesOfferPage .tsandcs-info span {
    font-size: 18px;
    line-height: 1.5em;
    text-align: center;
}

.selectDatesOfferPage:not(.onlyselectDatesPage) .offers-tsandcspopupcontainer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #191919;
    background: rgba(25,25,25,.5);
    display: none;
    z-index: 777;
    top: 0;
    left: 0;
}


.selectDatesOfferPage.onlyselectDatesPage .offers-tsandcspopupcontainer {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: #191919;
    background: rgba(25,25,25,.5);*/
    display: none;
    z-index: 777;
    top: 0;
    left: 0;
}

.selectDatesOfferPage .offers-tsandcspopupcontainer.on {
    display: block;
}

.selectDatesOfferPage .offers-tsandcspopup {
    position: fixed;
    background-color: #333333;
    width: 700px;
    min-height: 407px;
    left: 50%;
    top: 50%;
    margin-top: -203px;
    margin-left: -350px;
}

.room-selector .dropdownpicker ul li a:hover {
    background-color: #1E6A94;
    color: #fff !important;
    text-decoration: none;
}

@media (max-width:405px) {
    .onlyselectDatesPage .bookingContainer .dropdownpicker ul li a.one-adult-one-child {
        padding-left: 0px;
    }
}

.selectDatesOfferPage .offers-tsandcspopup .close-tsandcspopup {
    height: 48px;
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 0;
}

.selectDatesOfferPage .offer-open-tsandcs {
    color: white;
    font-family: BrownRegular;
    font-size: 16px;
}

strong {
    font-family: BrownRegular;
    font-weight: normal;
    color: #353535 !important;
}

    strong.strong-white.subject-click {
        cursor: pointer;
    }

.strong-white {
    color: #ffffff !important;
}

.selectDatesOfferPage strong:hover {
    text-decoration: underline;
}

strong a {
    font-family: BrownRegular;
    font-weight: normal;
    color: #353535 !important;
}

    strong a:hover {
        text-decoration: underline;
    }

.selectDatesOfferPage div.couponContainer {
    transition: all .5s linear;
}

    .selectDatesOfferPage div.couponContainer.code-hidden {
        visibility: hidden;
        height: 0;
        margin: 0;
        opacity: 0;
    }

a#show-code {
    color: white;
    text-decoration: none;
    float: left;
    margin-top: 5px;
    margin-left: 3px;
}

.offerHeader img {
    width: 300px;
}

.offer .selected.departure::before {
    font-size: 8px;
    top: 49px;
    left: 9px;
}

.offer .ui-datepicker-calendar tr td:last-child.selected.departure::before {
    left: 9px;
}

.selectDatesOfferPage.onlyselectDatesPage .calendarPlaceholder {
    visibility: hidden;
    opacity: 0;
    transition: all 2s ease;
}

.selectDatesOfferPage.onlyselectDatesPage.show-calendar .calendarPlaceholder {
    visibility: visible;
    opacity: 1;
}

@media (min-width: 992px) {



    .selectDatesOfferPage:not(.onlyselectDatesPage) .offer-container {
        position: absolute;
        right: 30px;
    }




    .selectDatesOfferPage.onlyselectDatesPage.show-calendar .offer-container {
        /*right: 30px;*/
        text-align: center;
    }

    .selectDatesOfferPage .calendarPlaceholder {
        margin-left: 0;
        position: absolute;
        top: 30vh;
        left: -6px;
    }


    .selectDatesOfferPage .day-use {
        width: 50%;
    }


    .selectDatesOfferPage .chooseDatesText img {
        float: right;
        margin-top: 7px;
    }
}
/* tablet */
@media (max-width:991px) {

    .selectDatesOfferPage .offerDetailsContainer {
        transform: translateY(-4%);
    }

    .selectDatesOfferPage .offer-container, .selectDatesOfferPage .datepicker .ui-datepicker {
        margin: auto;
    }

    .selectDatesOfferPage {
        height: auto;
    }

        .selectDatesOfferPage .offerPanel.calendarContainer {
            padding-top: 0px;
        }

        .selectDatesOfferPage .chooseDatesText img {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }
}

@media (min-width: 768px) {
    .selectDatesOfferPage .offerinfoContainer {
        height: 170px;
    }
}

@media (max-width: 767px) {

    .selectDatesOfferPage:not(.onlyselectDatesPage) .offerPanel {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 90px;
    }

    .selectDatesOfferPage .offerinfoContainer {
        min-height: 170px;
    }

    .selectDatesOfferPage .offerHeader h2 {
        margin-bottom: 10px;
        font-size: 45px;
    }

    .selectDatesOfferPage .offers-tsandcspopup {
        top: 100px;
        margin-top: 0;
        width: 100%;
        margin-left: 0;
        left: 0;
        z-index: 7777;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .selectDatesOfferPage .offers-tsandcspopup {
        top: 80px;
    }
}


@media (max-width: 1280px) {
    body:not(.selectDatesPage):not(.offersPage) .dropdown-selector.room-selector.offer.selector {
        width: 50%;
    }

    .selectDatesOfferPage:not(.onlyselectDatesPage) .bookingContainer .hotel-selector {
        width: 50% !important;
    }
}

.selectDatesPage .offer-top-panel {
    /*min-height: 450px;*/
    padding-top: 80px;
    text-align: center;
    background-color: #808080;
    color: #fff;
}

    .selectDatesPage .offer-top-panel .offer-top-panel-content {
        padding-bottom: 40px;
    }

    .selectDatesPage .offer-top-panel .offer-main-title {
        padding-top: 30px;
    }

        .selectDatesPage .offer-top-panel .offer-main-title h2 {
            font-size: 40px;
        }

@media (max-width:767px) {
    .selectDatesPage .offer-top-panel .offer-main-title h2 {
        font-size: 26px;
        line-height: 34px;
    }
}

.selectDatesPage .offer-top-panel .offer-body-text {
    padding-left: 30%;
    padding-right: 30%;
}

@media (max-width:991px) {
    .selectDatesPage .offer-top-panel .offer-body-text {
        padding-left: 20%;
        padding-right: 20%;
    }
}

.selectDatesPage .offer-top-panel .offer-main-title {
    padding-left: 10%;
    padding-right: 10%;
}

.selectDatesPage .offer-top-panel .offer-open-tsandcs {
    color: white;
    font-family: BrownLight;
    font-size: 14px;
    margin-top: 10px;
}

.selectDatesPage .offer-top-panel .offer-tsandcs {
    padding-bottom: 30px;
}

.selectDatesPage .offer-container .hotel-selector.offer, .selectDatesPage .offer-container .room-selector.offer, .selectDatesPage .offer-container .couponContainer {
    padding: 0;
}

@media (min-width:768px) {
    .selectDatesPage .offer-container .hotel-selector.offer, .selectDatesPage .offer-container .room-selector.offer, .selectDatesPage .offer-container .couponContainer {
        border-right: 1px solid #DDD7D1;
        border-top: 1px solid #DDD7D1;
        border-bottom: 1px solid #DDD7D1;
    }

    .selectDatesPage .offer-container .hotel-selector.offer {
        border-left: 1px solid #DDD7D1;
    }
}

@media (max-width:768px) {
    .selectDatesPage .offer-container .couponContainer {
        border: 1px solid #DDD7D1;
        border-top: 0;
    }

    .selectDatesPage .offer-container .hotel-selector.offer, .selectDatesPage .offer-container .room-selector.offer {
        border-left: 1px solid #DDD7D1;
        border-bottom: 1px solid #DDD7D1;
    }

    .selectDatesPage .offer-container .room-selector.offer {
        border-right: 1px solid #DDD7D1;
    }
}

.selectDatesPage .offerDetailsContainer div.offerPanel.bookingContainer {
    display: flex;
    position: relative;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.selectDatesPage .bookingWidgetSelectDates .page-content {
    display: block;
}

.selectDatesPage .offerDetailsContainer div.offerPanel.bookingContainer {
    padding: 0 5%;
}

@media (max-width:767px) {
    .selectDatesPage .offerDetailsContainer div.offerPanel.bookingContainer {
        padding: 2%;
        display: block;
        padding-left: 4%;
        padding-right: 4%;
    }
}

.selectDatesPage .offerPanel.calendarContainer div.calendarPlaceholder {
    visibility: hidden;
    opacity: 1;
    display: block;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    top: 0;
}

.selectDatesPage .bookingContainer.offer .dropdownpicker ul li {
    border-top: 1px solid #DDD7D1;
    border-right: 1px solid #DDD7D1;
    border-left: 1px solid #DDD7D1;
    border-bottom: 0;
}
    /*1 adult 1 child needs to expand in height*/
    .selectDatesPage .bookingContainer.offer .dropdownpicker ul li:last-of-type {
        border-bottom: 1px solid #DDD7D1;
        height: auto;
    }

.selectDatesPage .offerPanel.dayUseContainer {
    display: flex;
    position: relative;
    max-width: 900px;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    padding: 0 5%;
    padding-top: 30px;
}

    .selectDatesPage .offerPanel.dayUseContainer .day-use {
        padding: 0px;
    }

    .selectDatesPage .offerPanel.dayUseContainer .dayUseLink input[type="checkbox"] ~ label {
        margin-left: 1px;
        color: #fff;
    }

@media (max-width: 767px) {
    .selectDatesPage .offer-top-panel .offer-body-text {
        padding-left: 10%;
        padding-right: 10%;
    }

    .selectDatesPage .offer-search-bar {
        max-width: 500px;
        margin: 0 auto;
    }

    .selectDatesPage .offerPanel.calendarContainer {
        margin-top: 35px;
        padding: 2%;
        padding-left: 4%;
        padding-right: 4%;
    }

        .selectDatesPage .offerPanel.calendarContainer .ui-datepicker-title {
            position: absolute;
            width: 100%;
        }

    .selectDatesPage .offerPanel.dayUseContainer {
        width: 100%;
        padding-top: 25px;
        padding-left: 1%;
        max-width: 900px;
        padding-left: 4%;
        padding-right: 4%;
        margin: auto;
        display: inline-block;
    }

        .selectDatesPage .offerPanel.dayUseContainer .day-use {
            padding: 0px;
            padding-top: 5px;
            max-width: 500px;
            margin: 0 auto;
        }

    .selectDatesOfferPage .offerDetailsContainer {
        transform: translateY(-6%);
    }

    .selectDatesOfferPage.onlyselectDatesPage .couponContainer .codeInput {
        padding-left: 32%;
    }
}

.selectDatesPage .offer-top-panel-content a {
    color: #FFFFFF !important;
}

.selectDatesPage .offer-top-panel-content strong {
    color: #FFFFFF !important;
}


.privacy-policy .page-content {
    background-color: #f9ebd7;
    padding-bottom: 150px;
}

.privacy-policy-content {
    padding-top: 100px;
    text-align: center;
    padding-bottom: 75px;
}

    .privacy-policy-content h3 {
        color: #4A4A4A;
        font-family: BrownRegular;
        font-size: 40px;
        margin-bottom: 80px;
    }

    .privacy-policy-content img.title-image {
        width: 128px;
        margin-bottom: 0px;
        margin-top: 65px;
    }

    .privacy-policy-content .privacy-accordion-area, .privacy-policy .row.privacy-policy-footer {
        padding: 0 20%;
    }

        .privacy-policy .row.privacy-policy-footer .container {
            width: 100%;
        }

.privacy-policy #privacy-accordion {
    padding-bottom: 50px;
    font-family: BrownLight;
    color: #4A4A4A;
}

.privacy-policy .privacy-accordion-header {
    border: none !important;
    outline: none;
}

.privacy-policy .privacy-accordion-content {
    background-color: #f9ebd7 !important;
}

.privacy-policy .privacy-accordion-header span {
    display: block;
    float: left;
}

.privacy-policy h3.privacy-accordion-header {
    font-size: 24px;
    clear: left;
    height: auto;
    padding-top: 15px;
    width: 100%;
    font-family: BrownLight;
}

@media (max-width:575px) {
    .privacy-policy h3.privacy-accordion-header {
        font-size: 22px;
    }
}

.privacy-policy .privacy-accordion-header .column1 {
    width: 10%;
    vertical-align: middle;
    text-align: left;
    padding-top: 10px;
}

.privacy-policy .privacy-accordion-header .column2 {
    width: 80%;
    text-align: left;
    padding-left: 10%;
    vertical-align: middle;
    padding-top: 10px;
    margin-bottom: 40px;
}

.privacy-policy .privacy-accordion-header .column3 {
    width: 10%;
    text-align: right;
    font-size: 38px;
    vertical-align: middle;
    line-height: 25px;
    padding-top: 10px;
}

.privacy-policy .privacy-accordion-content span, .privacy-policy .privacy-accordion-content div {
    display: block;
    float: left;
}

.privacy-policy .privacy-accordion-content .column1 {
    width: 10%;
}

.privacy-policy .privacy-accordion-content .column2 {
    width: 80%;
    text-align: left;
    padding-left: 10%;
}

.privacy-policy .privacy-accordion-content .column3 {
    width: 10%;
    text-align: right;
}

@media (max-width:575px) {
    .privacy-policy .privacy-accordion-content .column2 {
        width: 100%;
        padding-left: 5px;
        word-break: break-word;
    }
}

.privacy-policy .footer-area {
    padding-top: 40px;
    border-top: 1px solid #979797;
    text-align: left;
}

    .privacy-policy .footer-area p {
        font-family: BrownLight;
        color: #4A4A4A;
        font-size: 14px;
        line-height: 20px;
    }


.privacy-policy .privacy-accordion-content .column2 p {
    line-height: 20px;
}

    .privacy-policy .privacy-accordion-content .column2 p strong.privacyPolicyBoldSubheading {
        padding-bottom: 10px;
        display: inline-block;
        font-weight: 300;
        font-size: 16px;
        font-family: 'BrownLight';
    }

.privacy-policy .privacy-accordion-content .column2 li {
    padding-bottom: 10px;
    padding-left: 10px;
}

.privacy-policy .privacy-accordion-content .column2 ol {
    padding-left: 5%;
}

.privacy-policy .privacy-accordion-content .column2 ul {
    padding-left: 5%;
}

@media (max-width:575px) {
    .privacy-policy .privacy-accordion-content .column2 ul {
        padding-left: 10%;
    }
}

/*small screens*/
@media (max-width:767px) {
    .privacy-policy-content .privacy-accordion-area, .privacy-policy .row.privacy-policy-footer {
        padding: 0 10%;
    }

    .privacy-policy .privacy-accordion-header .column3 {
        font-size: 25px;
    }

        .privacy-policy .privacy-accordion-header .column3 img {
            width: 15px;
        }
}

.privacy-policy .accordion-toggle {
    cursor: pointer;
}

.privacy-policy .accordion-content {
    display: none;
    width: 100%;
}

.privacy-policy .accordion-content-container {
}

/*styles for screen width less than the max width of table

*/

.privacy-policy .privacy-policy-table {
    border-collapse: collapse;
    width: 100% !important;
    /*position: absolute;*/
    overflow-y: auto;
    display: block;
}

    .privacy-policy .privacy-policy-table td, .privacy-policy .privacy-policy-table th {
        border: 1px solid #4a4a4a;
    }

        .privacy-policy .privacy-policy-table td, .privacy-policy .privacy-policy-table th,
        .privacy-policy .privacy-policy-table td p, .privacy-policy .privacy-policy-table th p {
            font-weight: normal;
            font-family: BrownLight;
        }

    .privacy-policy .privacy-policy-table td {
        padding: 5px;
    }

    .privacy-policy-table td.table-heading, .privacy-policy .privacy-policy-table th {
        text-align: center;
        padding: 15px;
    }

    .privacy-policy .privacy-policy-table td, .privacy-policy .privacy-policy-table th {
        width: 33%;
        word-wrap: break-word;
    }

        .privacy-policy .privacy-policy-table td a, .privacy-policy .privacy-policy-table th a {
            word-break: break-all;
        }

        .privacy-policy-table td.empty-first, .privacy-policy .privacy-policy-table th.empty-first {
            border: none;
            width: 0;
            min-width: 0;
            padding: 0;
        }

.privacy-policy-table td.cookie-table-subheading, .privacy-policy-table td.cookie-table-subheading p {
    font-weight: bold;
}

@media (max-width:1199px) {
    .privacy-policy div.table-responsive {
        position: absolute;
        left: 0px;
        width: 100vw !important;
    }

    .privacy-policy-table td, .privacy-policy .privacy-policy-table th {
        max-width: 400px;
        min-width: 220px;
    }

        .privacy-policy-table td.empty-first, .privacy-policy .privacy-policy-table th.empty-first {
            width: 40px !important;
            max-width: 40px !important;
            min-width: 40px !important;
            border: none;
        }
}

/*Dog Translate Panel - transforms for Header, BookNow button, Footer, & page-content */
header.header-navigation.home-nav.hoxHounds {
    transform: translateY(120px);
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

    header.header-navigation.home-nav.hoxHounds img#thehoxton-white {
        width: 205px;
    }

.hoxHounds button.hamburger-menu-button > [class*='bar'] {
    background-color: #000;
}

button.mobile-book-now.desktoptab-booking.hoxHounds {
    transform: translateY(120px);
}

    button.mobile-book-now.desktoptab-booking.hoxHounds label {
        color: #000;
    }

footer.hoxHounds {
    transform: translateY(120px);
}

.dog-translate {
    width: 100%;
    height: 120px;
    background-color: #444868;
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
    position: fixed;
}

    .dog-translate p {
        font-size: 20px;
        color: #B7CEEC;
        line-height: 30px;
        font-family: BrownRegular;
    }

    .dog-translate span {
        background-color: #B7CEEC;
        padding: 2px 15px 5px;
        border-radius: 20px;
        color: #434867;
    }

        .dog-translate span#yep:hover, .dog-translate span#yep:active {
            text-decoration: underline;
            cursor: pointer;
        }


.hox-hounds .page-content {
    transform: translateY(120px);
}

.hox-hounds .page-content {
    display: block;
}

.hox-hounds h1.human, .hox-hounds div.primary-container.human {
    display: none;
}

.hox-hounds section.human {
    display: none;
}
/*endof Dog Translate Panel stuff*/

.hox-hounds .page-content {
    background-color: #ffffff;
}

/*Top section*/
.hox-hounds .top div.row {
    height: auto;
    text-align: center;
    padding: 0;
    padding-top: 180px;
    /*max-height: 900px;*/
    background-color: #FDF7E4;
}

.hox-hounds .top h1 {
    color: #434867;
    font-size: 60px;
    font-family: BrownLight;
    padding: 0;
    padding-bottom: 40px;
    margin-top: 0;
}

.hox-hounds .top p {
    color: #434867;
    font-size: 35px;
    line-height: 55px;
    text-align: center;
    /*max-width: 1205px;*/
    margin: auto;
    font-family: FarnhamDisplayLightItalic;
}

.hox-hounds .top img {
    margin: auto;
    left: 0;
    right: 0;
    width: 90%;
    margin-top: 70px;
    display: flex;
    position: relative;
    /*transform: translateY(50%);*/
}
/*new image carousel*/
.hox-hounds .spaces-slides.reversed .image-slide .main-image {
    width: 100%;
}

.hox-hounds .primary-container {
    max-width: 1073px;
}

.hox-hounds .image-slider.slick-initialized .main-image, .hox-hounds .image-slider.slick-initialized .image-slide {
    max-width: 1073px !important;
}

.hox-hounds .spaces-slides.reversed .image-slider-wrapper .slick-dots {
    max-width: 100%;
}

.hox-hounds .spaces-slides.reversed .image-slider .slick-next {
    left: unset;
}

.hox-hounds div.slider-background {
    background: linear-gradient(to bottom, #FDF7E4 50%, white 0%);
}

.hox-hounds .spaces-slides .image-slide .main-image:after {
    background: none;
}
/*Fine Print section*/
.hox-hounds .fine-print div.row {
    background-color: #ffffff;
    text-align: center;
    margin-bottom: 125px;
}

.hox-hounds .fine-print {
    padding-top: 125px;
}

    .hox-hounds .fine-print h2 {
        color: #BD7F32;
        font-family: BrownLight;
        font-size: 36px;
        font-weight: normal;
        line-height: 50px;
        margin: 0;
        /*margin-top: 450px;*/
        margin-bottom: 100px;
    }

    .hox-hounds .fine-print div.fine-print-items {
        height: auto;
        /*padding: 0 15%;*/
        width: 1075px;
        margin: 0 auto;
    }

    .hox-hounds .fine-print .fine-print-items div.item {
        height: 542px;
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 0 6%;
        max-width: 537.5px;
    }

    .hox-hounds .fine-print .fine-print-items span {
        font-size: 26px;
        color: #434867;
        font-family: BrownLight;
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
    }

    .hox-hounds .fine-print .fine-print-items img {
        margin: auto;
        margin-bottom: 35px;
        margin-top: 85px;
        height: 240px;
    }

    .hox-hounds .fine-print .fine-print-items .position0 img {
        height: 170px;
    }

    .hox-hounds .fine-print .fine-print-items .position1 img {
        height: 160px;
    }

    .hox-hounds .fine-print .fine-print-items .position2 img, .hox-hounds .fine-print .fine-print-items .position3 img {
        height: 230px;
    }

    .hox-hounds .fine-print .fine-print-items p {
        max-width: 450px;
        color: #434867;
        margin: auto;
        font-size: 14px;
        margin-top: 40px;
        margin-bottom: 50px;
        font-family: FarnhamDisplayRegular;
    }

        .hox-hounds .fine-print .fine-print-items p a {
            color: #434867;
            text-decoration: underline;
        }

.hox-hounds .fine-print-items div.divider-line {
    display: none;
    height: 1px;
    width: 100%;
    background-color: #BD7F32;
    padding-bottom: 1px;
}

.hox-hounds .fine-print-items .position4 .divider-line, .hox-hounds .fine-print-items .position5 .divider-line {
    display: none;
}

.hox-hounds .fine-print-items div.position1, .hox-hounds .fine-print-items div.position3, .hox-hounds .fine-print-items div.position5 {
    border-left: 1px solid #BD7F32;
}

.hox-hounds .fine-print-items div.item {
    border-bottom: 1px solid #BD7F32;
}

    .hox-hounds .fine-print-items div.item.position4, .hox-hounds .fine-print-items div.item.position5 {
        border-bottom: none;
    }

.hox-hounds .fine-print .fine-print-items div.item.position5 {
    height: 595px;
}

.hox-hounds .fine-print-items div.position3 {
    z-index: 1;
}

.hox-hounds .fine-print-items div.position1 {
    z-index: 2;
}

    .hox-hounds .fine-print-items div.position1 p {
        /*padding-bottom: 138px;*/
        line-height: 24px;
    }

/*Perks */
.hox-hounds .perks div.row {
    background-color: #BACEED;
    height: auto;
    text-align: center;
    padding: 0;
    padding-bottom: 125px;
}

.hox-hounds .perks h2 {
    color: #434867;
    font-family: BrownLight;
    font-size: 60px;
    font-weight: normal;
    line-height: 50px;
    margin-top: 140px;
    margin-bottom: 85px;
    line-height: 70px;
}

.hox-hounds .perks .inner {
    max-width: 485px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hox-hounds .perks p {
    color: #434867;
    font-family: FarnhamDisplayRegular;
    font-size: 20px;
    letter-spacing: 0.29px;
    line-height: 28px;
    text-align: center;
    max-width: 365px;
    margin: 0 auto;
}

/*new Perks styles*/
.hox-hounds .perks .col {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

    .hox-hounds .perks .col.left {
        align-items: flex-end;
        padding-right: 60px;
    }

    .hox-hounds .perks .col.right {
        align-items: flex-start;
        padding-left: 60px;
    }

    .hox-hounds .perks .col.left img {
        width: 405px;
        height: 424px;
        display: block;
    }

    .hox-hounds .perks .col.right img {
        width: 442px;
        height: 630px;
    }

        .hox-hounds .perks .col.right img.mobile-left {
            display: none;
        }

.hox-hounds .perks img.desktop-left {
    display: none;
}

.hox-hounds .perks img.mobile-left {
    display: block;
}

.hox-hounds .perks .col a.book-now-button {
    text-decoration: none;
    margin: 40px auto 85px;
    padding: 5px 13px;
}

    .hox-hounds .perks .col a.book-now-button:hover, .hox-hounds .perks .col a.book-now-button:active {
        text-decoration: underline;
        cursor: pointer;
    }

.hox-hounds .perks a.book-now-button span {
    font-size: 12px;
    color: #434867;
    height: 25px;
}

    .hox-hounds .perks a.book-now-button span::after {
        content: url('../../img/slider-next.png');
        padding-left: 10px;
        vertical-align: middle;
    }

@media only screen and (min-width:992px) and (max-width:1150px) {
    /*fine print adjustments for smaller desktop*/
    .hox-hounds .fine-print .fine-print-items span {
        max-width: 400px;
    }

    .hox-hounds .fine-print .fine-print-items p {
        max-width: 400px;
    }
}


@media only screen and (min-width:992px) and (max-width:1199px) {
    .hox-hounds .perks .col.left img {
        /*width: 220px;
        height: 230px;*/
        display: block;
    }

    .hox-hounds .perks .col.right img {
        /*width: 270px;
        height: 385px;*/
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .hox-hounds .fine-print {
        padding-top: 30px;
    }
}

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

    .hox-hounds .primary-container {
        padding-bottom: 54px !important;
    }

        .hox-hounds .primary-container .spaces-slides {
            margin-bottom: 0;
        }
}

@media only screen and (max-width:991px) {
    .hox-hounds .top div.row {
        /*padding: 0 10%;
        max-height: 777px;*/
    }

    .hox-hounds .top h1 {
        font-size: 60px;
        margin-top: 0px;
    }

    .hox-hounds .top p {
        font-size: 30px;
        line-height: 48px;
        text-align: center;
        /*max-width: 610px;*/
        margin: auto;
    }

    .hox-hounds .top img {
        width: 620px;
        height: 310px;
    }

    .hox-hounds .primary-container {
        padding: 0;
    }

        .hox-hounds .primary-container .spaces-slides {
            margin: 0;
        }

    .hox-hounds .primary-container {
        max-width: 620px;
    }

    .hox-hounds .image-slider.slick-initialized .main-image, .hox-hounds .image-slider.slick-initialized .image-slide {
        max-width: 620px !important;
    }

    .hox-hounds .fine-print h2 {
        margin-top: 0px;
        font-size: 36px;
        margin-bottom: 100px;
    }

    .hox-hounds .fine-print div.fine-print-items {
        padding: 0 5%;
    }

    .hox-hounds .fine-print div.fine-print-items {
        width: 700px;
    }

    .hox-hounds .fine-print .fine-print-items div.item {
        max-width: 350px;
    }

    .hox-hounds .fine-print .fine-print-items span {
        font-size: 26px;
        margin: 0 auto;
        max-width: 269px;
    }

    .hox-hounds .fine-print .fine-print-items p {
        font-size: 14px;
        max-width: 269px;
    }

    .hox-hounds .fine-print .fine-print-items .position2 img, .hox-hounds .fine-print .fine-print-items .position3 img {
        height: 160px;
        margin-top: 65px;
    }

    .hox-hounds .fine-print-items div.positionLast {
        max-height: 80px;
    }

    .hox-hounds .fine-print-items div.position1 p {
        padding-bottom: 0px;
        margin-bottom: 65px;
    }

    .hox-hounds .fine-print-items div.position3 img {
        margin-top: 135px;
    }

    .hox-hounds .fine-print-items div span {
        margin-bottom: 35px;
    }

    .hox-hounds .fine-print-items div.divider-line {
        min-height: unset;
        width: 319px;
        height: 1px !important;
        margin: 0 auto;
    }

    .hox-hounds .fine-print div.row {
        height: auto;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .hox-hounds .perks h2 {
        font-size: 36px;
        margin-top: 80px;
        margin-bottom: 60px;
    }

    .hox-hounds .perks p {
        font-size: 14px;
        line-height: 24px;
        max-width: 282px;
    }

    .hox-hounds .perks .col.right img {
        width: 270px;
        height: 385px;
    }

    .hox-hounds .perks .col.left img {
        width: 220px;
        height: 230px;
        display: block;
        margin: 0 auto;
    }

    .hox-hounds .perks .col.right img.mobile-left {
        display: none;
    }

    .hox-hounds .perks .col a.book-now-button {
        text-decoration: none;
        margin: 35px auto 50px;
    }
}


@media only screen and (max-width:767px) {
    /*translate message*/
    header.header-navigation.home-nav.hoxHounds {
        transform: translateY(90px);
    }

    button.mobile-book-now.desktoptab-booking.hoxHounds {
        transform: translateY(90px);
    }

        button.mobile-book-now.desktoptab-booking.hoxHounds .bookRoom {
            line-height: 16px;
        }

    footer.hoxHounds {
        transform: translateY(90px);
    }

    .hox-hounds .page-content {
        transform: translateY(90px);
    }

    .dog-translate {
        height: 90px;
    }

        .dog-translate p {
            font-size: 18px;
            line-height: 30px;
            max-width: 285px;
            text-align: center;
            font-family: BrownLight;
        }
    /*top*/
    .hox-hounds .top div.row {
        /*max-height: 665px;*/
        padding-top: 0;
    }

    .hox-hounds .top h1 {
        font-size: 60px;
        line-height: 70px;
        margin: 0 auto;
        padding: 90px 0 50px;
        max-width: 200px;
    }

    .hox-hounds .top p {
        font-size: 20px;
        line-height: 30px;
        margin: auto;
        margin-bottom: 40px;
    }

    .hox-hounds .top img {
        max-width: 100%;
        height: auto;
        margin-top: 40px;
    }

    .hox-hounds .primary-container {
        /*padding:0 50px;*/
    }

        .hox-hounds .primary-container .spaces-slides {
            margin: 0;
        }

    .hox-hounds .primary-container {
        max-width: 270px;
    }

    .hox-hounds .image-slider.slick-initialized .main-image, .hox-hounds .image-slider.slick-initialized .image-slide {
        width: 100% !important;
        max-width: 270px !important;
    }

    .hox-hounds .spaces-slides .image-slide .main-image, .hox-hounds .spaces-slides.reversed .image-slide .main-image, .hox-hounds .spaces-slides .map-image {
        height: 270px;
    }
    /*fine print*/
    .hox-hounds .fine-print div.row {
        height: auto;
        margin-bottom: 0;
        padding-bottom: 0;
        width: 100%;
    }

    .hox-hounds .fine-print {
        padding-top: 50px;
    }

        .hox-hounds .fine-print div.fine-print-items {
            display: flex;
            flex-direction: column;
            width: 100%;
        }

        .hox-hounds .fine-print .fine-print-items div.item {
            padding: 0;
            max-height: 595px;
            height: auto;
            width: 90%;
            margin: 0 auto;
        }

        .hox-hounds .fine-print h2 {
            font-size: 32px;
            margin-bottom: 0px;
            margin-top: 0;
        }

        .hox-hounds .fine-print .fine-print-items span {
            font-size: 25px;
        }

        .hox-hounds .fine-print .fine-print-items p {
            font-size: 14px;
            max-width: 90%;
            margin-bottom: 65px;
        }

        .hox-hounds .fine-print .fine-print-items img {
            margin-bottom: 35px;
            margin-top: 65px;
        }

        .hox-hounds .fine-print .fine-print-items .position2 img, .hox-hounds .fine-print .fine-print-items .position3 img {
            height: 170px;
            margin-top: 65px;
        }

    .hox-hounds .fine-print-items div.divider-line {
        width: 270px;
        padding-top: 0 !important;
        height: 1px !important;
    }

    .hox-hounds .fine-print-items div.position1, .hox-hounds .fine-print-items div.position3, .hox-hounds .fine-print-items div.position5 {
        border-left: none;
    }

    .hox-hounds .fine-print-items div.item.position4 {
        border-bottom: 1px solid #BD7F32;
    }
    /*perks*/
    .hox-hounds .perks h2 {
        font-size: 35px;
        max-width: 251px;
        margin: 60px auto 30px;
        line-height: 50px;
    }

    .hox-hounds .perks .col.left {
        align-items: center;
        margin: 0 auto;
        padding: 0;
    }

    .hox-hounds .perks .col.right {
        align-items: center;
        padding-left: 0;
    }

    .hox-hounds .perks p {
        font-size: 14px;
        line-height: 24px;
    }

    .hox-hounds .perks .col.left img.desktop-left {
        display: none;
    }

    .hox-hounds .perks .col.right img.mobile-left {
        display: block;
        width: 220px;
        height: 230px;
        margin-top: 40px;
    }

    .hox-hounds .perks .col.right img {
        width: 270px;
        height: 385px;
    }

    .hox-hounds .perks .col.left img {
        width: 220px;
        height: 230px;
    }

    .hox-hounds .perks div {
        margin-bottom: 0;
    }

    .hox-hounds .fine-print h2 {
        margin-top: 0;
    }
}

.content-container.content-container-informationPanel {
    overflow: hidden;
}

.pagePanelContainer {
    min-height: 100vh;
    overflow: hidden;
    position: relative;
}

.panelContainer {
    width: 100%;
    float: left;
    position: absolute;
    /*left: 0;
    transition:left 1s linear;*/
    display: none;
    margin-bottom: 500px;
    height: 100vh;
}

    .panelContainer.fixedToScreenHeight {
        height: 100vh;
    }

    .panelContainer.current {
        display: block;
    }

    .panelContainer .panelColumn {
        position: absolute;
        top: 80px;
        bottom: 0px;
        width: 50%;
        display: flex;
        flex-direction: column;
    }

    .panelContainer .leftPanel {
        left: 0px;
    }

    .panelContainer .rightPanel {
        right: 0px;
    }

    .panelContainer .panel {
        background-color: #363636;
        border-left: solid 1px white;
        border-bottom: solid 1px white;
        border-left: solid 1px rgba(255, 255, 255, 0.3);
        border-bottom: solid 1px rgba(255, 255, 255, 0.3);
        width: 100%;
        flex: 1;
        cursor: pointer;
        height: 100%;
        position: relative;
    }

.contactPanel .panelContainer .panel, .pagePanelContainer .panelContainer .panel {
    margin: 0;
}

.panelContainer .panel:last-child {
    border-bottom: none;
}

.panelContainer .panel:not(.root):not(.title):hover {
    background: #262626;
}

.panelContainer .panel.root {
    border: none;
}

.panelContainer .panel h3 {
    margin-left: auto;
    color: #fff;
    letter-spacing: 1.04px;
    margin-right: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    padding: 0px;
    width: 100%;
    text-align: center;
    z-index: 1;
    font-size: 20px;
}

.pagePanelContainer .terms-heading {
    font-size: 20px;
}

.pagePanelContainer img.backArrow {
    margin-top: -5px;
    margin-right: 23px;
}

.panelContainer .panel.title {
    cursor: default;
}

.panelContainer .panel.question {
    padding: 0px 15px;
}

.panelContainer.faq .panel.question {
    background-color: #4d4d4d;
}

    .panelContainer.faq .panel.question:hover {
        background-color: #404040;
    }

.panelContainer .answer {
    display: none;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    transition: max-height 1s;
    padding: 20px 50px;
    background-color: white;
}

.panelContainer.faq .panel.question h3 {
    color: white;
}

.panelContainer .singlePanelConent {
    padding: 30px;
}

.rightPanel.panelColumn.contactUsForm {
    background-color: #363636;
    border-left: solid 1px white;
    padding: 3%;
    overflow-y: auto;
}


.contactUsForm .contourForm .umbraco-forms-field label, .contactUsHotelPanel .contourForm .umbraco-forms-field label {
    color: white;
}

.rightPanel.panelColumn.contactUsForm .contactUsDetails {
    color: white;
    text-align: center;
    flex-shrink: 0;
}

.rightPanel.panelColumn.contactUsForm .contourMessageOnSubmit, .contactUsHotelPanel .contourMessageOnSubmit {
    color: white;
    text-align: center;
}

.rightPanel.panelColumn.contactUsForm div.contourForm {
    flex-shrink: 0;
    margin-bottom: 10px;
}

.rightPanel.panelColumn.contactUsForm .contactUsDetails p {
    font-size: 16px;
    line-height: 25px;
    padding: 0;
    margin-bottom: 5px;
    margin-top: 0px;
}

.rightPanel.panelColumn.contactUsForm p.address {
    margin-bottom: 26px;
    margin-top: 5px;
}

.rightPanel.panelColumn.contactUsForm .contactUsDetails span.value {
    font-weight: bold;
}

.rightPanel.panelColumn.contactUsForm .contactUsDetails .contactSection {
    margin-bottom: 32px;
    padding: 0px 15%;
}

.informationPanel .hotel-name.swipe {
    background-color: #363636;
    min-height: 70px;
}

.informationPanel .hotel-button .hotel-explore {
    background-color: #9B9B9B;
    min-height: 70px;
    display: inline-block;
}


.panel-device-menu h3 {
    font-size: 18px;
}

.panel-device-menu .hotel-button {
    height: auto;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.panel-device-menu .header {
    color: white;
    background-color: #363636;
    text-align: center;
    height: 175px;
    display: flex;
    border-bottom: 1px solid white;
}

    .panel-device-menu .header h3 {
        color: #919394;
        font-size: 26px;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }

.panel-content {
    padding: 20px 10px;
}

    .panel-content h3 {
        text-align: center;
    }

.page-content .panel-device-menu {
    display: none;
}

.panel-content {
    margin-top: 80px;
}


    .panel-content .addressMap {
        display: none;
        width: 100%;
        height: 100px;
        margin-bottom: 20px;
        padding-right: 20px;
    }

        .panel-content .addressMap .map {
            width: 98px;
            height: 100%;
            float: left;
            background-color: grey;
        }

        .panel-content .addressMap .address {
            display: inline-block;
            overflow: hidden;
            padding-left: 10px;
            margin-bottom: 20px;
            max-width: 170px;
            width: calc(100% - 98px);
        }

            .panel-content .addressMap .address .hotelName {
                font-family: BrownRegular;
            }

            .panel-content .addressMap .address p {
                margin-top: 0px;
                margin-bottom: 0px;
            }

    .panel-content.contactUsHotelPanel .contourForm .contourField,
    .panel-content.contactUsHotelPanel .contourForm .contourFieldSet {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

.contactUsHotelPanel h3 {
    display: none;
}

.contactUsHotelPanel {
    background-color: #353535;
    color: white;
    border-top: solid 1px white;
}

    .contactUsHotelPanel input {
        color: black;
    }

    .contactUsHotelPanel .contactSection p {
        margin: 0px;
        padding: 0px;
    }

    .contactUsHotelPanel .contactSection span.value {
        font-family: BrownRegular;
    }

    .contactUsHotelPanel .addressMap {
        display: inline-block;
    }

    .contactUsHotelPanel .contactSection {
        margin-bottom: 34px;
    }

    .contactUsHotelPanel .formRow {
        display: block;
        margin-bottom: 10px;
    }

    .contactUsHotelPanel .contourFieldSet {
        margin-bottom: 0px;
        padding: 0px;
    }

    .contactUsHotelPanel .contourField {
        margin-bottom: 20px;
    }

    .contactUsHotelPanel .contourForm textarea {
        color: black;
    }

    .contactUsHotelPanel .contourForm input[type=submit] {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .contactUsHotelPanel .field-validation-error {
        margin-top: 8px;
        display: inline-block;
        margin-left: 5px;
    }

.pagePanelContainer.contactPanel {
    position: inherit;
}

@media (max-width: 991px) and (min-width: 768px) {
    .panel-device-menu .hotel-button {
        height: 210px;
    }

    .contacts-container {
        margin-bottom: 495px;
    }

    .hotel-button .hotel-name h3 {
        line-height: 155px;
    }
}

/* tablet */
@media (max-width:991px) {

    .informationPanel .hotel-button .hotel-explore.swipeContent .hotel-content p {
        line-height: 210px;
        margin: 0;
    }

    .contacts-container {
        padding-bottom: 0;
        /*margin-top: 90px;*/
    }

        .contacts-container .page-content .panel-device-menu {
            overflow: hidden;
        }

    .panel-content {
        margin-top: 0px;
    }

    .page-content .panel-device-menu {
        display: block;
    }

    .page-content .pagePanelContainer {
        display: none;
    }


    .content-container.header-spacing.content-container-informationPanel.contacts-container {
        margin-bottom: 0;
    }


    .page-content .pagePanelContainer.show {
        display: block;
        overflow: visible;
    }

        .page-content .pagePanelContainer.show .panelContainer.current {
            position: relative;
            height: auto;
            margin-bottom: 0;
        }

            .page-content .pagePanelContainer.show .panelContainer.current .rightPanel.panelColumn.contactUsForm {
                width: 100%;
                overflow: visible;
                position: relative;
                display: inline-block;
                top: 0;
            }

            .page-content .pagePanelContainer.show .panelContainer.current .leftPanel.panelColumn {
                width: 100%;
                height: 300px;
                overflow: visible;
                position: relative;
                display: inline-block;
                top: 0;
            }

    .panel.back-panel {
        display: none;
    }


    .ind-faqs .hotel-action.hotel-explore {
        display: none;
    }
}


/* phone */
@media (max-width:767px) {

    .informationPanel .hotel-button .hotel-explore.swipeContent .hotel-content p {
        line-height: 110px;
    }

    .panel-device-menu .hotel-button {
        height: 110px;
    }

    .contacts-container {
        margin-bottom: 442px;
    }

    .panel-device-menu .header {
        margin-top: 0px;
    }

    .hotel-button .hotel-name h3 {
        line-height: 105px !important;
    }
}

div.OT_wrapper {
    height: 245px;
    width: 170px;
}

    div.OT_wrapper .OT_header h1.OT_title {
        line-height: 1;
    }

    div.OT_wrapper .OT_header h2.OT_subtitle {
        line-height: 2;
    }

    div.OT_wrapper ul.OT_list li {
        width: 100%;
        height: 95%;
    }

    div.OT_wrapper .OT_searchTimeField, div.OT_wrapper .OT_searchDateField, div.OT_wrapper .OT_searchPartyField {
        width: 120px;
    }

.restaurants-popup-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(25, 25, 25); /* Fall-back for browsers that don't support rgba */
    background: rgba(25, 25, 25, .5);
    display: none;
    z-index: 4;
}

    .restaurants-popup-container.on {
        display: block;
    }

    .restaurants-popup-container .restaurant-popup {
        position: absolute;
        top: 50%;
        left: 50%;
        color: white;
        background: #333333;
        font-size: 14px;
        padding: 15px 20px;
        padding-bottom: 25px;
        margin-top: -250px;
        margin-left: -181px;
    }


        .restaurants-popup-container .restaurant-popup .close-restaurant-popup {
            position: absolute;
            right: 0;
            top: 0;
        }

        .restaurants-popup-container .restaurant-popup h2.restaurantTitle {
            font-size: 25px;
            line-height: 1;
            text-align: center;
        }

        .restaurants-popup-container .restaurant-popup #OT_form {
            margin: auto;
            margin-top: 35px;
        }

.restaurant-content {
    height: 100%;
    float: left;
    width: 100%;
}

.restaurantContainer {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
}

.restaurant-header {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    position: relative;
    background-size: cover;
    display: flex;
}

    .restaurant-header .header-information {
        z-index: 4;
    }

    .restaurant-header .header-information {
        position: initial;
    }

        .restaurant-header .header-information h3 {
            padding: 0px 50px;
        }

.restaurant.section .contentOverlay.darkOverlay {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

div.restaurant-header .scroll-suggestion {
    bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    left: calc(50% - 100px);
    width: 200px;
}

.restaurant-header .header-information > h5 {
    margin-bottom: 80px;
}

.restaurant-header .header-information div.body-text p {
    font-size: 26px;
    line-height: 40px;
}

.restaurantSlider {
    height: 100% !important;
}

    .restaurantSlider > * {
        z-index: 0;
    }

    .restaurantSlider .rsOverflow, .restaurantSlider .rsImg {
        /*height: 100% !important;*/
        width: 100% !important;
        margin: 0 !important;
    }

.restaurantContainer .restaurant-information {
    position: absolute;
    z-index: 3;
    top: 20%;
    float: left;
    margin: auto;
    left: 50%;
    margin-left: -250px;
    color: white;
    text-align: center;
    max-width: 500px;
}

.restaurant.section .contentOverlay.darkOverlay {
    z-index: 3;
}

.restaurantContainer .restaurant-information .restaurant-contactdetails p {
    text-align: left;
    font-size: 16px;
    color: #fff;
}

.restaurantContainer .restaurant-information .restaurant-contactdetails .contact-title {
    font-size: 14px;
    text-transform: uppercase;
}

div.menu-ddl {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 196px;
    margin: 5px;
    font-family: BrownRegular;
    text-transform: uppercase;
    color: #4A4A4A;
    background-color: #fff;
    background: rgba(255,255,255, 0.7);
}

    div.menu-ddl:hover {
        background: rgba(255,255,255, 0.9);
    }

    div.menu-ddl span {
        text-align: center;
        width: 100%;
        display: inline-block;
        cursor: pointer;
        height: 100%;
        line-height: 50px;
        font-family: BrownRegular;
        font-size: 14px;
    }


    div.menu-ddl .menu-links {
        display: none;
        position: absolute;
        width: 100%;
    }

    div.menu-ddl.on .menu-links {
        display: block;
    }

    div.menu-ddl .menu-links ul.menu-link-type {
        margin: 0;
        padding: 0;
    }

        div.menu-ddl .menu-links ul.menu-link-type li {
            width: 100%;
            background-color: #fff;
            height: 40px;
            border: 1px solid #808080;
            border-bottom-width: 0;
            list-style: none;
        }

            div.menu-ddl .menu-links ul.menu-link-type li a {
                line-height: 40px;
                font-family: BrownRegular;
                color: #333;
                display: block;
                height: 40px;
                letter-spacing: 0.05em;
            }

            div.menu-ddl .menu-links ul.menu-link-type li:hover {
                background-color: #f4f4f4;
            }

a.book-restaurant, a.restaurant-opentable, a.open-table-link {
    height: 50px;
    margin-top: 5px;
    border-style: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: BrownRegular;
    width: 196px;
    margin: 5px;
    background-color: #353535;
    color: white;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    margin-top: 20px;
}


.restaurant.section {
    height: 100vh;
    overflow-y: hidden;
}

.footer.section {
    height: 500px !important;
}


    .footer.section footer {
        position: static;
    }

/*@media (min-width: 768px) {
    .page-content {
        margin-top: 80px;
    }
}*/


@media (max-width: 767px) {

    .footer.section {
        height: 600px !important;
    }

    .header-info-container {
        display: none;
    }

    .restaurantContainer .restaurant-information {
        width: 280px;
        margin-left: -142px;
    }

        .restaurantContainer .restaurant-information h2 {
            font-size: 25px;
        }



        .restaurantContainer .restaurant-information div.menu-ddl,
        .restaurantContainer .restaurant-information a.book-restaurant, a.restaurant-opentable, a.open-table-link {
            width: 100%;
        }

        .restaurantContainer .restaurant-information .restaurant-contactdetails {
            padding: 0 10px;
        }

            .restaurantContainer .restaurant-information .restaurant-contactdetails p {
                font-size: 14px;
                text-align: center;
            }
}


@media (max-width: 991px) {
    div.restaurant-header .scroll-suggestion {
        bottom: 20%;
    }

    .restaurant-content .footer.section {
        height: 600px !important;
    }
}



@media (max-width: 767px) {
    .restaurantContainer .restaurant-information {
        top: 0;
    }
}



h3 {
    font-weight: 100;
    line-height: 1.4;
}

.life-at-the-hox .life-section {
    height: 100%;
    min-height: 100vh;
    background-color: transparent;
    position: relative;
    padding: 1px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .life-at-the-hox .life-section p {
        font-size: 18px;
    }

    .life-at-the-hox .life-section h3 {
        margin: 50px 0;
    }

    .life-at-the-hox .life-section .contentContainer {
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto;
        text-align: center;
        padding-left: 33%;
        padding-right: 33%;
        color: white;
    }

@media (max-width: 1350px) {
    .life-at-the-hox .life-section .contentContainer {
        padding-left: 25%;
        padding-right: 25%;
    }
}

@media (max-width: 1100px) {
    .life-at-the-hox .life-section .contentContainer {
        padding-left: 20%;
        padding-right: 20%;
    }
}

@media (max-width: 767px) {
    .life-at-the-hox .life-section .contentContainer {
        padding-left: 10%;
        padding-right: 10%;
    }
}

/* Equal Height Columns */
.life-at-the-hox div.life-row {
    height: 700px;
    padding-top: 88px;
    background-color: white;
}

.life-at-the-hox div.subPictureRow {
    left: 50%;
    bottom: 17vh;
}

.life-at-the-hox .relative {
    position: relative;
}

.life-at-the-hox .centered-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -70px;
    margin-top: -70px;
    width: 140px;
    height: 140px;
    z-index: 1;
}

.life-at-the-hox .grey-sidebar {
    background: #353535;
    color: #fff;
    padding: 5%;
    text-align: center;
}

@media (max-width: 1300px) {
    .life-at-the-hox .grey-sidebar {
        width: 50%;
    }

    .life-at-the-hox .video-container {
        width: 50%;
    }
}

@media (max-width: 1100px) {
    .life-at-the-hox .grey-sidebar {
        width: 100%;
        padding: 5% 10%;
    }

    .life-at-the-hox .video-container {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .life-at-the-hox .video-container, .life-at-the-hox .background-video {
        max-height: 400px;
    }
}

@media (max-width:500px) {
    .life-at-the-hox .video-container, .life-at-the-hox .background-video {
        max-height: 300px;
    }
}

.life-at-the-hox .on-top {
    position: relative;
    z-index: 1;
}

.open-video.inlinePlayButton {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    background: 0;
    border: 0;
}

    .open-video.inlinePlayButton h5 {
        display: inline;
        text-transform: capitalize;
    }

    .open-video.inlinePlayButton:hover {
        color: #fff;
    }

    .open-video.inlinePlayButton img {
        margin-top: 0px;
        margin-right: 12px;
    }

.life-at-the-hox #scroll-test-container {
    position: relative;
    background: #222;
}

.life-at-the-hox #scroll-test {
    min-height: 200vh;
    width: 100%;
    background-size: auto 100vh;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

@media (max-width: 768px) {
    .life-at-the-hox #scroll-test {
        min-height: 100vh;
    }
}

.life-at-the-hox .scroll-delay {
    position: absolute;
    bottom: 0;
    text-align: center;
    background-size: 0px;
}

    .life-at-the-hox .scroll-delay .col-sm-3 {
        padding: 2%;
    }

.life-at-the-hox #scroll-test-container .contentContainer {
    padding-left: 5%;
    padding-right: 5%;
}

@media (max-width:768px) {
    .life-at-the-hox #scroll-test-container .contentContainer {
        padding-left: 3%;
        padding-right: 3%;
    }
}

.sub-life-links {
    list-style-type: none;
    margin: 0;
    text-align: center;
}

header.lifeAtTheHox.white-nav .sub-links.sub-life-links li h5, header.white-nav .sub-job-links li h5 {
    color: black;
}

header.lifeAtTheHox.white-nav .sub-links.sub-life-links, header.white-nav .sub-job-links {
    background-color: white;
}

.life-at-the-hox .overlay {
    background: rgba(0,0,0,0.3);
}

.life-at-the-hox .stop-scroll {
    background-attachment: fixed;
}

header.lifeAtTheHox ul.sub-life-links {
    display: block;
    border-bottom: solid 1px #b4b4b4;
    height: 50px;
}

.sub-job-links {
    margin: 0;
    display: none !important;
}

    .sub-job-links li h5 {
        margin-bottom: 13px;
    }

header.lifeAtTheHox .sub-links.sub-life-links, .sub-job-links {
    left: 0px;
    visibility: visible;
    opacity: 1;
    position: relative;
    text-align: center;
}

    header.lifeAtTheHox .sub-links.sub-life-links li, .sub-job-links li {
        display: inline-block;
    }

        header.lifeAtTheHox .sub-links.sub-life-links li a, .sub-job-links li a {
            text-decoration: none;
        }

        header.lifeAtTheHox .sub-links.sub-life-links li h5, .sub-job-links li h5 {
            font-size: 14px;
            color: white;
            letter-spacing: 0.7px;
            text-transform: uppercase;
            margin-left: 30px;
            margin-right: 30px;
            margin-top: 13px;
        }

@media (max-width: 1200px) {
    header.lifeAtTheHox .sub-links.sub-life-links li h5, .sub-job-links li h5 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .life-at-the-hox div.subPictureRow {
        bottom: 25vh;
    }
}

@media (max-width: 991px) {

    header.lifeAtTheHox .sub-links.sub-life-links, .sub-job-links {
        margin-top: 50px;
    }

        header.lifeAtTheHox .sub-links.sub-life-links li h5, .sub-job-links li h5 {
            margin-left: 8px;
            margin-right: 8px;
        }
}

@media (max-width: 900px) {

    header.lifeAtTheHox .sub-links.sub-life-links li h5, .sub-job-links li h5 {
        font-size: 11px;
    }
}

@media (max-width: 767px) {

    header.lifeAtTheHox .sub-links.sub-life-links, .sub-job-links {
        margin-top: 60px;
        height: auto;
    }

    header.nav-up.lifeAtTheHox .sub-links.sub-life-links, .sub-job-links {
        display: none;
    }

        header.lifeAtTheHox .sub-links.sub-life-links li, .sub-job-links li {
            display: block;
        }

            header.lifeAtTheHox .sub-links.sub-life-links li h5, .sub-job-links li h5 {
                font-size: 14px;
                margin: 10px;
            }

    .content-container.life-at-the-hox .first-life-section {
        margin-top: 0px;
    }

    header.lifeAtTheHox .sub-links.sub-life-links li h5, .sub-job-links li h5 {
        color: black;
    }

    header.lifeAtTheHox .sub-links.sub-life-links, .sub-job-links {
        background-color: white;
    }
}



/*@media (max-width: 1100px) {
    ul.sub-links li span, ul.sub-links li a {
        padding: 25px 10px;
    }
}*/

.life-at-the-hox .slick-slide {
    webkit-transition: opacity 1.5s ease 2.5s !important;
    -moz-transition: opacity 1.5s ease 2.5s !important;
    -o-transition: opacity 1.5s ease 2.5s !important;
    -ms-transition: opacity 1.5s ease 2.5s !important;
    transition: opacity 1.5s ease 2.5s !important;
}


.life-at-the-hox .small-title {
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    opacity: 1;
    webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.life-at-the-hox .ourVacancies {
    cursor: pointer;
}

.life-at-the-hox .cta-next, .life-at-the-hox .cta-prev {
    cursor: pointer;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    font-size: 14px;
}

.life-at-the-hox .cta-prev {
    position: absolute;
    right: -22vw;
    bottom: 70px;
    width: 70%;
}

.life-at-the-hox .life-row .cta-prev {
    position: relative;
    right: 0;
    bottom: 0;
}

.life-at-the-hox .reverse-slide .cta-prev {
    right: 37vw;
}

.life-at-the-hox .cta-prev img, .life-at-the-hox .cta-next img {
    display: inline !important;
}

.life-at-the-hox .heading-text {
    position: relative;
    opacity: 1;
    webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.life-at-the-hox .main-text {
    position: relative;
    opacity: 1;
    webkit-transition: all 1s ease 0.75s;
    -moz-transition: all 1s ease 0.75s;
    -o-transition: all 1s ease 0.75s;
    -ms-transition: all 1s ease 0.75s;
    transition: all 1s ease 0.75s;
}

.life-at-the-hox .mainPicture, .life-at-the-hox .subPicture {
    position: relative;
    right: 0;
    webkit-transition: all 1s ease 1.5s;
    -moz-transition: all 1s ease 1.5s;
    -o-transition: all 1s ease 1.5s;
    -ms-transition: all 1s ease 1.5s;
    transition: all 1s ease 1.5s;
}

.life-at-the-hox .small-title.life-transition {
    opacity: 0;
}

.life-at-the-hox .small-title.life-transition-back {
    opacity: 0;
}

.life-at-the-hox .heading-text.life-transition {
    opacity: 0;
}

.life-at-the-hox .heading-text.life-transition-back {
    opacity: 0;
}

.life-at-the-hox .main-text.life-transition {
    opacity: 0;
}

.life-at-the-hox .main-text.life-transition-back {
    opacity: 0;
}

.life-at-the-hox .mainPicture.life-transition {
    right: 41.6666666%;
}

.life-at-the-hox .mainPicture.life-transition-back {
    right: 41.6666666%;
}

.life-at-the-hox .subPicture.life-transition {
    right: 0;
    left: 0;
}

.life-at-the-hox .subPicture.life-transition-back {
    left: 0;
    right: 0;
}

.life-at-the-hox .reverse-slide .mainPicture.life-transition {
    right: -41.6666666%;
}

.life-at-the-hox .reverse-slide .mainPicture.life-transition-back {
    right: -41.6666666%;
}

.life-at-the-hox .reverse-slide .subPicture.life-transition {
    right: 0;
    left: 0;
}

.life-at-the-hox .reverse-slide .subPicture.life-transition-back {
    left: 0;
    right: 0;
}

/* Content slider */
.life-at-the-hox .rsDefault.royalSlider {
    height: auto;
}

/* Hotel Gallery*/

.hotel-gallery .aboutVideo {
    position: absolute;
    height: 100%;
}

.hotel-gallery.life-at-the-hox .life-section {
    padding: 20% !important;
}

.hotel-gallery.life-at-the-hox .video-popup video {
    top: 50vh;
}

.hotel-gallery #gallery-x-logo img, .hotel-gallery #gallery-x-logo svg {
    margin: 0 auto;
    display: block;
    position: relative;
    width: 152px;
    height: 142px;
    top: -30px;
}

.hotel-gallery #gallery-x-logo path {
    fill: #fff;
}

.hotel-gallery .slick-slide:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -ms-opacity: .5;
    opacity: .5;
    transition: opacity 2s ease 2s;
    -webkit-transition: opacity 2s ease 2s;
    background-color: #000;
    z-index: 0;
}

.hotel-gallery .slick-slide.on:after {
    -ms-opacity: 0;
    opacity: 0;
}

.hotel-gallery .gallery-monogram-hotel-logo {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 210px;
    height: 210px;
    background-repeat: no-repeat !important;
    background-size: 410px 200px !important;
    webkit-transition: opacity 2s ease 2s;
    -moz-transition: opacity 2s ease 2s;
    -o-transition: opacity 2s ease 2s;
    -ms-transition: opacity 2s ease 2s;
    transition: opacity 2s ease 2s;
    opacity: 1;
    z-index: 1;
}

    .hotel-gallery .gallery-monogram-hotel-logo.on {
        opacity: 0;
    }

.hotel-gallery .fp-tableCell {
    position: relative;
    background-color: #353535;
}

.hotel-gallery .slick-slider {
    margin: 0;
}

.hotel-gallery .slick-slide {
    position: relative;
    height: 100vh;
}

.hotel-gallery .intro {
    text-align: center;
    color: #fff;
    position: relative;
    top: 50%;
    margin-top: -105px;
}

.hotel-gallery .mobile-slide {
    display: none;
}

.hotel-gallery .slide-caption {
    position: absolute;
    color: #fff;
    left: 40px;
    bottom: 80px;
    z-index: 1;
}

    .hotel-gallery .slide-caption p {
        font-size: 16px;
        margin-bottom: 0;
    }

        .hotel-gallery .slide-caption p .slide-hotel {
            text-transform: capitalize;
            font-size: 14px;
        }

.hotel-gallery .scroll-suggestion {
    width: 100px;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 50px);
    z-index: 1;
}

    .hotel-gallery .scroll-suggestion img {
        width: 20px;
        height: 20px;
    }

.hotel-gallery .life-section .scroll-suggestion {
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
}

.hotel-gallery h5, .hotel-gallery h5:hover {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hotel-gallery .prev-slide, .hotel-gallery .next-slide {
    position: absolute;
    z-index: 4;
    top: 50%;
    border: none;
    width: 40px;
    height: 40px;
    background: url('../../img/hoxton/TheHoxton/down-arrow.svg') no-repeat 12px 10px;
    cursor: pointer;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-top: -38px;
}

    .hotel-gallery .prev-slide:hover, .hotel-gallery .next-slide:hover {
        background-image: url('../../img/hoxton/TheHoxton/down-arrow.svg');
    }

.hotel-gallery .prev-slide {
    left: 0vw;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.hotel-gallery .next-slide {
    right: 0vw;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: block !important;
}




@media (min-width: 992px) {
    .life-at-the-hox .reverse {
        float: right;
        margin-right: 8.33333333%;
        margin-left: 0;
        text-align: right;
    }
}

.life-at-the-hox .contentSlider {
    width: 100%;
    height: 318px;
}

    .life-at-the-hox .contentSlider,
    .life-at-the-hox .contentSlider .rsOverflow,
    .life-at-the-hox .contentSlider .rsSlide,
    .life-at-the-hox .contentSlider .rsVideoFrameHolder,
    .life-at-the-hox .contentSlider .rsThumbs {
        background: #eee;
        color: #000;
    }

        .life-at-the-hox .contentSlider .rsSlide,
        .life-at-the-hox .contentSlider .rsOverflow {
            background: #eee;
        }

        .life-at-the-hox .contentSlider h3 {
            font-size: 24px;
            line-height: 31px;
            margin: 12px 0 8px;
            font-weight: bold;
        }

        .life-at-the-hox .contentSlider img {
            max-width: 100%;
            height: auto;
            display: block;
        }

.life-at-the-hox .content-slider-bg {
    width: 86%;
    padding: 24px 7%;
    background: #eee;
}

.life-at-the-hox .royalSlider > .rsTextSlide {
    visibility: hidden;
}

.life-at-the-hox-carousel.slick-slider {
    margin-bottom: 0;
    background-color: white;
    padding: 0 20px 0 20px;
}

@media (max-width: 1100px) {
    .perks .col-sm-3 {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .perks .col-sm-3 {
        width: 95%;
        margin: 0 auto;
    }

    .hotel-gallery .life-section .scroll-suggestion {
        bottom: 80px;
    }

    .hotel-gallery .gallery-slide {
        background: none !important;
    }

    .hotel-gallery .hide-mobile {
        display: none;
    }

    .hotel-gallery .mobile-slide {
        display: block;
        height: 50vh;
        margin-top: 90px;
    }

    .hotel-gallery .gallery-monogram-hotel-logo {
        width: 110px;
        height: 110px;
        background-size: 410px 100px !important;
    }

    .hotel-gallery .intro {
        position: absolute;
        top: 30vh;
        left: calc(50vw - 55px);
        margin-top: 0;
    }

    .hotel-gallery .prev-slide, .hotel-gallery .next-slide {
        top: inherit;
    }

    .hotel-gallery .slide-caption {
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        position: relative;
    }
}

/* Video Popup */
.life-at-the-hox .video-popup {
    position: fixed; /* keeps the lightbox window in the current viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    text-align: center;
    z-index: 12;
    display: none;
}

    .life-at-the-hox .video-popup video {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 100%;
    }

a.close-video {
    background: url('../../img/hoxton/roomselection/close-whitex.svg') no-repeat;
    width: 60px;
    height: 60px;
    position: fixed;
    margin: 15px;
    left: 0;
    top: 0px;
    float: right;
    z-index: 15;
}

.life-at-the-hox header {
    transition: opacity 1s;
}

.life-at-the-hox .perks {
    margin-bottom: 100px;
}

.life-at-the-hox .perk {
    height: 350px;
    padding-left: 15px;
    padding-right: 15px;
}

    .life-at-the-hox .perk img {
        max-width: 60px;
        max-height: 60px;
        background-color: #fff;
    }





@media (max-width: 1024px) {

    .life-at-the-hox #scroll-test {
        background-size: cover;
        min-height: 100vh;
    }

    .life-at-the-hox .scroll-delay {
        bottom: auto;
        top: 0px;
        position: relative;
        background-size: cover;
    }

    #scroll-test {
        display: none;
    }

    .life-at-the-hox .scroll-delay {
        background-size: cover;
    }
}


@media (max-width:992px) {

    .life-at-the-hox a.close-video {
        top: 80px;
    }
}
/* Jobs Header */
header.job ul.sub-job-links, header.jobsLanding ul.sub-job-links {
    display: block;
    border-bottom: solid 1px white;
}

/* Jobs Page General */
.jobs-page {
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
    overflow: hidden;
}

@media (max-width: 768px) {
    .jobs-page {
        /*background-size: 100%;*/
    }
}

@media (max-width: 600px) {
    .jobs-page {
        background-size: cover;
    }
}

.jobs-page .overlay {
    background: rgba(0,0,0,0.54);
    overflow-x: hidden;
    overflow-y: hidden;
    display: block;
}

.jobs-page ul, .jobs-page ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.jobs-page h3 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 18px;
}

.jobs-page p, .jobs-page li, .jobs-page ol, .jobs-page a {
    font-family: BrownLight;
}

.apply-button {
    background: #353535;
    color: #fff;
    padding: 18px 20px;
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-block;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

    .apply-button:hover {
        color: #FFDF9B;
    }

.apply-button-body {
    display: none;
}

@media (max-width: 600px) {
    .apply-button-body {
        display: block;
        margin: 0 0 30px;
    }

    .apply-button-sidebar {
        display: none;
    }
}

/* Jobs Page Title section */
div.job-mail-sign-up {
    padding: 0;
    text-align: center;
    background-color: rgba(0,0,0,0) !important;
    height: 160px;
    margin-top: 80px;
}

    div.job-mail-sign-up input[type="text"] {
        color: #fff;
    }

    div.job-mail-sign-up input::-webkit-input-placeholder {
        color: #fff !important;
    }

    div.job-mail-sign-up input:-moz-placeholder, div.job-mail-sign-up input::-moz-placeholder, div.job-mail-sign-up input:-ms-input-placeholder {
        color: #fff !important;
    }

    div.job-mail-sign-up input::-moz-placeholder, div.job-mail-sign-up input:-ms-input-placeholder {
        color: #fff !important;
    }

    div.job-mail-sign-up input:-ms-input-placeholder {
        color: #fff !important;
    }

.job-app-form .contourForm .umbraco-forms-field label {
    color: white;
    margin-left: 6px;
}

.job-app-form .contourForm .umbraco-forms-field.fileupload div:before {
    color: white;
    font-size: 14px;
    position: absolute;
    left: 0;
    font-weight: normal;
    margin-top: 15px;
}

.job-app-form .contourFieldSet {
    font-size: 14px;
    letter-spacing: 0.04px;
    line-height: 19px;
}


@media (max-width: 991px) and (min-width: 768px) {
    div.job-list {
        margin-right: -20px;
    }

    .job-filter {
        margin-left: -10px;
    }

    .jobs-title {
        padding: 63px 0 134px 0 !important;
    }
}

@media (max-width: 768px) {
    div.mailer-signup div.sign-up-form {
        max-width: 400px;
    }

        div.mailer-signup div.sign-up-form input[type="text"] {
            width: 75%;
        }

        div.mailer-signup div.sign-up-form input[type=submit] {
            width: 11%;
        }
}

.jobs-title {
    padding: 165px 0 19px 0;
    max-width: 90%;
    margin: 0 auto;
    position: relative;
}

    .jobs-title .content {
        position: absolute;
        left: 50%;
        margin-left: -25px;
    }


        .jobs-title .content h1 {
            margin-left: 20px;
            color: white;
            margin-top: 40px;
        }

@media (max-width: 768px) {
    .jobs-title h2 {
        line-height: 70px !important;
    }

    .jobs-title {
        padding: 30px 0 126px;
    }

    .job-application .jobs-title {
        padding: 50px 0 0px;
    }
}

@media (max-width: 600px) {
    .jobs-title {
        padding: 0px 0 84px;
    }

        .jobs-title h2 {
            font-size: 40px;
        }
}

.jobs-title h2, .jobs-title h4 {
    text-align: center;
    color: #fff;
    line-height: 15px;
}

.jobs-title h4 {
    margin-top: 0;
}



/* Jobs Page Content Area */
.jobs-container {
    background: #fff;
    padding: 5%;
    max-width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 70px;
    margin-left: auto;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 3px;
    padding-right: 3px;
}

@media (min-width: 992px) {
    .jobs-title h2, .jobs-title h4 {
        margin-top: 4%;
    }

    .jobs-container {
        max-width: 95%;
        padding: 1% 2% 3%;
        margin-top: 7%;
        width: 946px;
    }
}

@media (min-width: 1200px) {
    .jobs-container {
        width: 1146px;
    }
}

.job-application .jobs-container {
    max-width: 700px;
    background-color: transparent;
    position: relative;
}

/*mi testi*/

.job-app-form .fileupload label span.contourIndicator {
    display: none;
}

.job-app-form .fileupload input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.job-app-form .fileupload {
    position: relative;
    margin-left: 19px;
    margin-right: 18px;
}


    .job-app-form .fileupload label:before {
        content: '';
        background-color: white;
        border: solid 1px white;
        height: 39px;
        display: inline-block;
        margin-top: 30px;
        opacity: 0.3;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.job-app-form .formRow {
    margin-top: 10px;
}



@media(max-width:767px) {
    .job-app-form .umbraco-forms-field.hidden.spacer {
        display: none !important;
    }
}

@media (min-width:768px) {

    .job-app-form .contourPage fieldset:nth-of-type(2), .applicationform .contourPage fieldset:nth-of-type(3) {
        width: 50%;
    }

    .job-app-form .contourPage fieldset:nth-of-type(3) {
        margin-top: -103px;
        margin-left: 50%;
    }
}

@media (min-width:768px) {
    .job-app-form .contourPage .umbraco-forms-field.cvupload {
        margin-right: 60px;
    }
}

.job-app-form .submitRow {
    margin-top: -59px;
    margin-left: 50%;
    margin-right: 6px;
}

@media (max-width:767px) {
    .job-app-form .submitRow {
        margin-left: 7px;
        margin-top: 15px;
        margin-right: 7px;
    }
}

.job-app-form .submitRow input {
    width: 100%;
    position: relative;
    z-index: 10;
    height: 39px;
    margin-top: 4px;
}


.job-app-form .fileupload label {
    margin-top: 36px;
    display: inline-block;
    margin-left: 0px;
    width: 100%;
}

    .job-app-form .fileupload label:after {
        content: '+';
        color: white;
        font-size: 34px;
        position: absolute;
        right: 13px;
        font-weight: bold;
        margin-top: -3px;
    }

    .job-app-form .fileupload label.uploaded:after {
        content: '';
        background: url('../../img/hoxton/fileupload-tick.png') no-repeat;
        height: 15px;
        width: 15px;
        margin-top: 6px;
    }


    .job-app-form .fileupload label.filetype-error:before {
        border: 2px solid #c1272d;
    }

    .job-app-form .fileupload label.filetype-error:after {
        content: '';
        background: url('../../img/hoxton/fileupload-error.png') no-repeat;
        height: 15px;
        width: 15px;
        margin-top: 6px;
    }


.job-app-form .field-validation-error {
    background-color: #c1272d;
    color: #fff;
    margin-top: 17px;
    position: absolute;
    bottom: -15px;
    left: 25px;
}

.job-app-form input[type=email].input-validation-error,
.job-app-form input[type=text].input-validation-error,
.job-app-form input[type=file].input-validation-error,
.job-app-form textarea.input-validation-error {
    border: 2px solid #c1272d;
    margin-bottom: 4px;
}

@media (max-width: 767px) {
    .job-app-form .field-validation-error {
        left: 15px;
    }
}


.job-app-form .fileupload .field-validation-error {
    left: 5px;
    margin-bottom: -17px;
}

.job-app-form .contourField {
    margin-top: 5px;
}



/*old set up for application form css*/

/*.applicationform .fileupload label span.contourIndicator {
    display: none;
}

.applicationform .fileupload input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.applicationform .fileupload {
    position: relative;
    margin-left: 19px;
    margin-right: 18px;
}


.applicationform .fileupload label:before {
    content: '';
    background-color: white;
    border: solid 1px white;
    height: 39px;
    display: inline-block;
    margin-top: 30px;
    opacity: 0.3;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}


@media(max-width:767px) {
    .applicationform .contourField.spacer {
        display: none;
    }
}

@media (min-width:768px) {

    .applicationform .contourPage fieldset:nth-of-type(2), .applicationform .contourPage fieldset:nth-of-type(3) {
        width: 50%;
    }

    .applicationform .contourPage fieldset:nth-of-type(3) {
        margin-top: -89px;
        margin-left: 50%;
    }
}
 
@media (min-width:768px)
{
    .applicationform .contourPage .contourField.cvupload {
        margin-right: 60px;
    }
}

.applicationform .submitRow{
    margin-top: -59px;
    margin-left: 50%;
    margin-right: 6px;
}

@media (max-width:767px) {
    .applicationform .submitRow {
        margin-left: 7px;
        margin-top: 15px;
        margin-right: 7px;
    }
}

.applicationform .submitRow input {
    width: 100%;
    position: relative;
    z-index: 10;
    height: 39px;
}


.applicationform .fileupload label {
    margin-top: 36px;
    display: inline-block;
    margin-left: 0px;
    width: 100%;
}

.applicationform .fileupload label:after {
    content: '+';
    color: white;
    font-size: 34px;
    position: absolute;
    right: 13px;
    font-weight: bold;
    margin-top: -3px;
}

.applicationform .fileupload .field-validation-error {
    color: white;
    position: absolute;
    margin-top: 17px;
}*/


.filter h5 {
    border: 1px solid #999;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 0;
}

.filter .dropdown {
    display: none;
    border: 1px solid #999;
}

    .filter .dropdown.on {
        display: block;
    }



/* Jobs Page Filters */
.job-filter {
    float: left;
    width: 23%;
}

    .job-filter ul {
        margin: 0 0 30px;
    }

        .job-filter ul li a, .job-filter ul li a:hover {
            color: #333;
        }

@media (max-width: 767px) {
    .job-filter {
        display: none;
    }


    .job-map-details {
        float: none;
        width: 100%;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
    }

    .filter {
        float: left;
        width: 50%;
    }

    .job-part, .job-part h3, .job-part p {
        float: left;
        width: 100%;
    }

        .job-part a {
            float: left;
            width: 50%;
        }
}


/* Job Page Details */
.job-map-details {
    float: left;
    width: 37%;
}

.job-info {
    float: right;
    width: 60%;
}

    .job-info p:first-of-type {
        margin-top: 0;
    }

.job-map-details #map-canvas {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .job-map-details {
        float: none;
        width: 100%;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
    }

    .job-info {
        float: none;
        width: 100%;
    }
}

/* Jobs Page Listing */
div.job-list {
    float: right;
    width: 75%;
}

li.job-listing {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
}


    li.job-listing:last-child {
        border-bottom: none;
    }


.job-part:nth-of-type(1) {
    width: 40%;
    margin-top: 0;
}

.job-part {
    float: left;
    width: 30%;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .job-part:nth-of-type(3) {
        border-left: 1px solid #ccc;
        padding-left: 3.33%;
    }

    .job-part a {
        display: block;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
        text-transform: uppercase;
        color: #353535;
    }

    .job-part a, .job-part p {
        display: block;
        font-size: 14px;
        line-height: 24px;
    }

    .job-part h3, .job-part p {
        margin: 0;
        padding: 0;
    }

        .job-part p span {
            font-family: BrownRegular;
        }

@media (max-width: 767px) {
    div.job-list {
        float: none;
        width: 100%;
    }

    .job-part, .job-part:nth-of-type(1) {
        float: none;
        width: 100%;
    }

        .job-part:nth-of-type(3) {
            border-left: 0;
            padding-left: 0%;
        }
}

li.filter-role,
li.filter-location {
    cursor: pointer;
    padding: 5px 10px;
    margin: 5px;
}

    li.filter-role.active,
    li.filter-location.active {
        background: #D8D8D8;
        border-radius: 3px;
    }

        li.filter-role.active::after,
        li.filter-location.active::after {
            content: 'X';
            float: right;
            color: #fff;
            font-family: BrownRegular;
        }

    li.filter-role.disabled,
    li.filter-location.disabled {
        cursor: default;
        color: #D8D8D8;
    }

.jobs-container > .job-app-form > p.contourMessageOnSubmit:before {
    content: '';
    color: white;
    font-size: 34px;
    position: absolute;
    background: url('../../img/hoxton/job-smile.png') no-repeat;
    margin-right: calc(50% - 50px);
    margin-left: calc(50% - 50px);
    margin-top: -120px;
    height: 100px;
    width: 100px;
    left: 0;
}


.jobs-container > .job-app-form h2 {
    font-size: 20px;
    line-height: 26px;
    color: white;
    text-align: center;
    max-width: 56%;
    margin: 0 22% 30px 22%;
}


.jobs-container > .job-app-form p.strapline {
    font-size: 16px;
    line-height: 20px;
    color: white;
    text-align: center;
}

.job-application .jobs-container p.contourMessageOnSubmit {
    color: white;
    text-align: center;
}


/* phone */
@media (max-width:767px) {

    .job-application .jobs-container,
    .job-application .jobs-container .formRow,
    .job-application .jobs-container form fieldset {
        padding-left: 0px;
        padding-right: 0px;
    }

        .job-application .jobs-container form .umbraco-forms-field {
            padding-left: 8px;
            padding-right: 8px;
        }

        .job-application .jobs-container form .fileupload {
            margin-top: -20px;
            margin-left: 11px;
            margin-right: 11px;
            margin-bottom: 20px;
        }

        .job-application .jobs-container .submitRow {
            margin-left: 5px;
            margin-right: 5px;
        }

            .job-application .jobs-container .submitRow .umbraco-forms-field {
                padding-left: 0;
                padding-right: 0;
            }

    .jobs-container > .job-app-form > p.contourMessageOnSubmit:before {
        margin-top: -20px;
    }

    .jobs-container > .job-app-form p.strapline {
        margin: 0 2%;
    }

    .jobs-container > .job-app-form h2 {
        max-width: 98%;
        margin: 120px 1% 30px 1%;
    }
}

.primaryButton, .job-app-form .submitRow input {
    color: #ffffff !important;
    background-color: #555555 !important;
    -webkit-transition: background-color 0.2s ease-in !important;
    transition: background-color 0.2s ease-in !important;
}

    .primaryButton:hover, .job-app-form .submitRow input:hover {
        color: #ffffff !important;
        background-color: #2E2E2E !important;
    }

    .primaryButton.disabled {
        color: #ffffff !important;
        background-color: #E7E7E7 !important;
    }


.bookingButton {
    color: #ffffff !important;
    background-color: #26759D !important;
    -webkit-transition: background-color 0.2s ease-in !important;
    transition: background-color 0.2s ease-in !important;
}

    .bookingButton:hover {
        color: #ffffff !important;
        background-color: #17455E !important;
    }

    .bookingButton.disabled {
        color: #ffffff !important;
        background-color: #E1EBF1 !important;
    }

.busyContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 4;
    width: 60px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .busyContainer .dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #BFC8CE;
        border-radius: 50%;
        float: left;
        margin: 0 5px;
        transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        animation: loadingEffectDot1 1500ms ease infinite;
        -webkit-animation: loadingEffectDot1 1500ms ease infinite;
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .busyContainer .dot:nth-child(2) {
            animation: loadingEffectDot2 1500ms ease infinite;
            -webkit-animation: loadingEffectDot2 1500ms ease infinite;
            animation-delay: 0s;
            -webkit-animation-delay: 0s;
            background-color: #84888B;
        }

        .busyContainer .dot:nth-child(3) {
            animation: loadingEffectDot3 1500ms ease infinite;
            -webkit-animation: loadingEffectDot3 1500ms ease infinite;
            animation-delay: 0s;
            -webkit-animation-delay: 0s;
            background-color: #4A4A4A;
        }

@keyframes loadingEffectDot1 {
    0%, 50%, 100% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    25% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}


@keyframes loadingEffectDot2 {
    0%, 25%, 75%, 100% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes loadingEffectDot3 {
    0%, 50%, 100% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    75% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}


/* Alternative dot colours */
.busyContainer.light .dot,
.roomBlock-total .busyContainer .dot {
    background-color: #FFFFFF;
}

    .busyContainer.light .dot:nth-child(2),
    .roomBlock-total .busyContainer .dot:nth-child(2) {
        background-color: #CCCCCC;
    }

    .busyContainer.light .dot:nth-child(3),
    .roomBlock-total .busyContainer .dot:nth-child(3) {
        background-color: #999999;
    }

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

    .popup .content .btn.primary {
        background-color: #1E6A94;
    }

    .popup .content .btn.secondary {
        background-color: #9B9B9B;
    }

    .popup .content .btn.twoLines {
        line-height: 18px;
    }

.popup.no-availability {
    height: 330px;
    background-color: #fff;
}

    .popup.no-availability.hasAlternativeHotel {
        height: 680px;
        margin-top: -340px;
    }

body .popup.both-unavailable {
    height: auto;
}

.popup.no-availability .content h3 {
    margin-top: -7px;
}

.popup.no-availability .content .alternativeHotelMap {
    height: 187px;
}

.popup.no-availability .hotelPinLabel {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    margin-left: -50px !important;
    width: 100px;
    font-family: BrownRegular;
    letter-spacing: 1px;
}

.popup.no-availability .content p.alternativeHotelDistance {
    margin-top: 35px;
    margin-bottom: 15px;
    font-family: 'BrownRegular';
    font-size: 14px;
    line-height: 20px;
    color: #4A4A4A;
}

.both-unavailable .btn, .popup.no-availability .btn {
    width: 100%;
    height: 50px;
    display: block;
    margin: 0 auto 10px;
    font-size: 13.74px;
    line-height: 38px;
    text-transform: none;
    letter-spacing: 0.88px;
    color: #ffffff;
    font-family: BrownRegular;
    border: none;
}

/*fit + fresh banners*/

.fit-container {
    height: 330px;
}

.container.fit-container.hht {
    height: 210px;
    max-width: 860px;
}

.container.fit-container {
    height: 300px;
    margin-top: 80px;
}

.fit-banner, .fitFreshBanner, .fresh-banner {
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    display: block;
    width: 100%;
    height: 100%;
}

.fit-banner {
    display: none;
}

.fitFreshBanner {
    height: 580px;
    display: none;
}

.fitTopContent video {
    max-height: 580px;
    max-width: 800px;
}

.fit-container video, .fresh-video video {
    height: 300px;
    width: 100%;
}


.fit-container.hht video {
    height: 210px;
}

.eventsPage .container-fluid.fit-container {
    padding-left: 0;
    padding-right: 0;
}

    .eventsPage .container-fluid.fit-container video {
        background-color: #f7c0be;
    }

.fresh-banner, .fresh-video {
    height: 300px;
    float: left;
    margin: 40px 20px;
    width: calc(100% - 40px);
}

/*fit + fresh landing page*/

.fitTopBanner {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.fitBg {
    position: absolute;
    top: 230px;
    width: 100%;
    height: 100%;
    background-color: #fabfbf;
    z-index: 1;
}

.fitTopContent {
    position: relative;
    z-index: 2;
    max-width: 860px;
}


.fitTopCopy {
    margin-bottom: 50px;
}

.fitTopContent h1 {
    color: #0303e3;
    font-size: 26px;
    line-height: 35px;
    padding-bottom: 10px;
}

.fitTopContent p {
    color: #0303e3;
    font-size: 18px;
    line-height: 28px;
    font-family: BrownLight;
}

.fitTopContent strong {
    color: #0303e3 !important;
}


    .fitTopContent strong:hover, .fitTopContent strong:focus {
        text-decoration: none;
    }

.fitFresh .event-hotel-filters > ul li a {
    color: #0303e3;
    font-size: 24px;
    line-height: 50px;
}

.fitFresh .event-hotel-filters {
    margin-top: 10px;
}

.fitFresh .hoxtown-page-content .load-more-container a {
    color: #0303e3;
}

    .fitFresh .hoxtown-page-content .load-more-container a:after, .hoxtown-page-content .load-more-container a:hover:after, .fitFresh .event-hotel-filters > ul li:after, .fitFresh .event-hotel-filters > ul li:hover:after {
        background: rgba(250, 191, 191, 1);
    }

/*hover info*/

.fitFresh .hover-info {
    display: none;
    max-width: 840px;
    margin: 0 auto;
}

    .fitFresh .hover-info h3 {
        font-family: BrownRegular;
        font-size: 26px;
        color: #fabfbf;
    }

    .fitFresh .hover-info p {
        font-size: 18px;
        line-height: 28px;
        color: #0303e3;
    }

/*calendar blocks*/

.fitFresh .event-calendar-container .event-item.calendar-month {
    background: #0303e3;
}

    .fitFresh .event-calendar-container .event-item.calendar-month span {
        color: #fabfbf;
    }

/*event blocks*/

.fitFresh .event-calendar-container a.event-item {
    background-color: #fabfbf;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(250, 191, 191, 1) 33%, rgba(250, 191, 191, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(250, 191, 191, 1)), color-stop(100%, rgba(250, 191, 191, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(250, 191, 191, 1) 33%, rgba(250, 191, 191, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(250, 191, 191, 1) 33%, rgba(250, 191, 191, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(250, 191, 191, 1) 33%, rgba(250, 191, 191, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(250, 191, 191, 1) 33%, rgba(250, 191, 191, 1) 100%);
}

.fitFresh .event-item-inner .content {
    color: #0303e3 !important;
}

.fitFresh .event-calendar-container .event-item .content .info .title {
    font-size: 18px;
    line-height: 1.6em;
    white-space: normal;
}

.fitTopCopyMobile {
    display: none;
}


/*event detail overlay*/

.fitFresh .event-detail {
    background: #fabfbf;
}

    .fitFresh .event-detail a, .fitFresh address, .fitFresh .event-details, .fitFresh p, .fitFresh .event-description-text.info.clearfix a, .fitFresh .when, .fitFresh .body-content a, .fitFresh .body-content strong, .fitFresh .body-content p, .fitFresh .add-to-calendar {
        color: #0303e3 !important;
    }

.fitFresh .event-actions a.book {
    background: #0303e3;
    color: #fff;
}

.fitFresh .event-header, .fitFresh .related-events h4, .fitFresh .event-page .page-title h1 {
    color: #0303e3;
}

.fitFresh .event-actions a.book span {
    color: #fff;
}

.fitFresh .related-events .event-calendar-container a.event-item {
    background-color: #fff;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(250, 191, 191, 1) 0%, rgba(250, 191, 191, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250, 191, 191, 1)), color-stop(33%, rgba(250, 191, 191, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(250, 191, 191, 1) 0%, rgba(250, 191, 191, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(250, 191, 191, 1) 0%, rgba(250, 191, 191, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(250, 191, 191, 1) 0%, rgba(250, 191, 191, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(250, 191, 191, 1) 0%, rgba(250, 191, 191, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
}

.fitFresh a.go-back {
    background: rgba(251,176,176,1);
    color: #fff;
}

    .fitFresh a.go-back:hover {
        background: rgba(250, 191, 191,1);
        color: #fff;
    }

.fitFresh .blog-page .event-highlight-container {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(250, 191, 191, 1) 320px, rgba(250, 191, 191, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(320px, rgba(255, 255, 255, 1)), color-stop(320px, rgba(250, 191, 191, 1)), color-stop(100%, rgba(250, 191, 191, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(250, 191, 191, 1) 320px, rgba(250, 191, 191, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(250, 191, 191, 1) 320px, rgba(250, 191, 191, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(250, 191, 191, 1) 320px, rgba(250, 191, 191, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(250, 191, 191, 1) 320px, rgba(250, 191, 191, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
}

.fitFresh address {
    width: auto;
    white-space: normal;
    overflow: visible;
}



/* pull out menu*/

.events-loc-menu {
    position: absolute;
    top: 14px;
    right: 14px;
    background: url('../../img/fit/ffmenu.svg') no-repeat;
    display: none;
    height: 28px;
    width: 28px;
}

.no-svg .events-loc-menu {
    background: url('../../img/fit/menuff.png') no-repeat;
}

.nav-base .sub-loc-links {
    position: fixed;
    top: 0;
    right: -100%;
    margin-left: 100%;
    z-index: 1000000;
    background: #fabfbf;
    height: 100%;
    transition: right 1s;
    -ms-transition: right 1s;
    -o-transition: right 1s;
    -webkit-transition: right 1s;
    -moz-transition: right 1s;
    width: 100%;
    text-align: left;
}

    .nav-base .sub-loc-links.on {
        right: 0;
    }

.close-loc-now {
    position: absolute;
    top: 20px;
    right: 20px;
}

.sub-loc-links.on .close-loc-now {
    height: 25px;
    width: 25px;
}

    .sub-loc-links.on .close-loc-now::before {
        position: absolute;
        display: block;
        right: 0;
        width: 20px;
        height: 1px;
        background-color: #fff;
        content: "";
        top: 12px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .sub-loc-links.on .close-loc-now::after {
        position: absolute;
        display: block;
        width: 20px;
        height: 1px;
        background-color: #fff;
        content: "";
        top: 12px;
        right: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.nav-base .sub-loc-links h3, .nav-base .sub-loc-links ul li a {
    font-size: 24px;
    line-height: 50px;
    font-family: BrownRegular;
}

.nav-base .sub-loc-links h3 {
    color: #fff;
    padding-left: 40px;
    padding-top: 30px;
}


.nav-base .sub-loc-links ul li a {
    color: #0303e3;
}

    .nav-base .sub-loc-links ul li a:hover, .nav-base .sub-loc-links ul li a:focus {
        text-decoration: none;
    }

/* Events page hero*/


@media (min-width: 1024px) {

    .eventsBannerPage .header-navigation {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
    }

        .eventsBannerPage .header-navigation.white-nav.on, .eventsPage .header-navigation.white-nav.on.fix {
            top: 0;
        }

        .eventsBannerPage .header-navigation.white-nav {
            top: 330px;
            position: absolute;
        }

        .eventsBannerPage .header-navigation nav button.hamburger-menu-button {
            position: absolute;
        }

    .eventsBannerPage .mobile-book-now.desktoptab-booking {
        position: absolute !important;
    }

    .eventsBannerPage .header-navigation.fix.white-nav {
        top: 0;
        position: fixed;
    }

        .eventsBannerPage .header-navigation.fix.white-nav nav button.hamburger-menu-button {
            position: fixed;
        }

    .eventsBannerPage .booking-wrapper.fix .mobile-book-now.desktoptab-booking {
        position: fixed !important;
    }
}

.fresh-banner.tablet {
    display: none !important;
}

.fresh-banner.mobile {
    display: none !important;
}


.fresh-video.tablet {
    display: none !important;
}

.fresh-video.mobile {
    display: none !important;
}

@media (max-width: 992px) {
    .fresh-banner.desktop {
        display: none !important;
    }

    .fresh-banner.tablet {
        display: block !important;
        height: 220px;
    }

    .fresh-video.desktop, .fresh-video.desktop video {
        display: none !important;
    }

    .fresh-video.tablet, .fresh-video.tablet video {
        display: block !important;
    }

    .fitTopContent video {
        height: 375px;
    }
}

@media (max-width: 760px) {

    .fresh-banner.tablet {
        display: none !important;
    }

    .fresh-banner.mobile {
        display: block !important;
        height: 150px;
    }

    .fresh-video.tablet, .fresh-video.tablet video {
        display: none !important;
    }

    .fresh-video.mobile {
        display: block !important;
        height: 150px;
    }
}

@media (max-width: 1023px) {

    .container-fluid.fit-container {
        display: none !important;
    }
}

@media (max-width: 767px) {

    /*hide book now on all hoxtown pages*/

    body.hoxtown .mobile-book-now.desktoptab-booking {
        display: none;
    }

    .fit-banner {
        display: block;
        text-align: center;
    }

    .container.fit-container {
        height: 125px;
    }

    .fit-container video {
        display: none;
    }

    /*.nav-links-container .sub-loc-links {
        top: 0;
        position: fixed;
    }*/

}

@media (max-width: 768px) {
    .fit-container {
        height: 220px;
    }

    .fitLandingImg {
        max-width: 624px;
    }
    /*.fitFreshBanner {
        height: 375px;
    }*/
    .fitTopContent video {
        height: 375px;
    }
}


@media (max-width: 760px) {
    .fitFresh .event-hotel-filters.desktop {
        display: block;
    }

    #event-overlay.fitFresh .event-detail {
        background: #fabfbf;
    }

    .fitFresh .event-calendar-container .event-item.calendar-month {
        background: #fff;
        font-size: 24px;
        padding: 0 0 70px;
    }

        .fitFresh .event-calendar-container .event-item.calendar-month span {
            color: #0303e3;
        }

    .fitFresh .event-hotel-filters.desktop ul li {
        display: none;
    }

        .fitFresh .event-hotel-filters.desktop ul li.active {
            display: block;
        }

    .fitFresh .event-hotel-filters > ul li.active:after, .event-hotel-filters > ul li.active:hover:after {
        content: none;
    }

    .fitTopCopy {
        display: none;
    }

    .fitTopCopyMobile {
        display: block;
        margin-bottom: 40px;
    }

        .fitTopCopyMobile a.more-less {
            font-family: FarnhamDisplayLightItalic;
            color: #0303e3;
            font-size: 18px;
            line-height: 28px;
        }

            .fitTopCopyMobile a.more-less:hover, .fitTopCopyMobile a.more-less:focus {
                text-decoration: none;
            }

        .fitTopCopyMobile .copy-all {
            display: none;
        }

    a.events-loc-menu {
        display: block;
    }

    .fitTopCopyMobile, .fitTopContent h1 {
        padding-right: 20px;
        padding-left: 20px;
    }
}


@media (max-width: 425px) {

    a.events-loc-menu {
        display: block;
    }

    .fitTopBanner, .fitTopContent {
        padding: 0;
    }

    .fit-container {
        height: 150px;
    }

    .container.fit-container {
        height: 150px;
    }

    .fitFreshBanner {
        height: 320px;
    }

    .fitBg {
        top: 320px;
    }

    .fitTopContent video {
        display: none;
    }

    .fitFreshBanner {
        display: block;
    }




    .fitFresh .event-hotel-filters > ul li a {
        font-size: 26px;
    }

    .fitFresh .when.w-l span {
        color: #fff;
    }
}
/*change instances of plum + gba(221, 160, 221, 1) with new bground colour
change red to new link colour*/

/*.event-calendar-container .event-item.how-to {
    margin: 20px;
    width: 370px;
    min-height: 400px;
    float: left;
    position: relative;
    background-color: plum;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(221, 160, 221, 1) 33%, rgba(221, 160, 221, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(221, 160, 221, 1)), color-stop(100%, rgba(221, 160, 221, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(221, 160, 221, 1) 33%, rgba(221, 160, 221, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(221, 160, 221, 1) 33%, rgba(221, 160, 221, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(221, 160, 221, 1) 33%, rgba(221, 160, 221, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(221, 160, 221, 1) 33%, rgba(221, 160, 221, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
}*/

.eventsPage .container-fluid.hht.fit-container video {
    background-color: #fff;
}

.hoxHowTo .event-hotel-filters > ul li a {
    color: #3B3A38;
    font-size: 24px;
    line-height: initial;
}

.hoxHowTo .fitTopContent video {
    max-height: 520px;
    max-width: 850px;
}

.hoxHowTo .event-hotel-filters {
    margin-top: 10px;
}

.hoxHowTo .hoxtown-page-content .load-more-container a {
    color: red;
}

    .hoxHowTo .hoxtown-page-content .load-more-container a:after, .hoxtown-page-content .load-more-container a:hover:after, .hoxHowTo .event-hotel-filters > ul li:after, .hoxHowTo .event-hotel-filters > ul li:hover:after {
        background: transparent;
    }

/*hover info*/

.hoxHowTo .hover-info {
    display: none;
    max-width: 840px;
    margin: 0 auto;
}

    .hoxHowTo .hover-info h3 {
        font-family: BrownRegular;
        font-size: 26px;
        color: plum;
    }

    .hoxHowTo .hover-info p {
        font-size: 18px;
        line-height: 28px;
        color: red;
    }

/*calendar blocks*/

.hoxHowTo .event-calendar-container .event-item.calendar-month {
    background: red;
}

    .hoxHowTo .event-calendar-container .event-item.calendar-month span {
        color: plum;
    }

/*event blocks*/

/*.hoxHowTo .event-calendar-container a.event-item {
    background-color: plum;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(221, 160, 221, 1) 33%, rgba(221, 160, 221, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(221, 160, 221, 1)), color-stop(100%, rgba(221, 160, 221, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(221, 160, 221, 1) 33%, rgba(221, 160, 221, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(221, 160, 221, 1) 33%, rgba(221, 160, 221, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(221, 160, 221, 1) 33%, rgba(221, 160, 221, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(221, 160, 221, 1) 33%, rgba(221, 160, 221, 1) 100%);
}*/

/*.hoxHowTo .event-item-inner .content {
    color: #fff !important;
}*/

.hoxHowTo .event-calendar-container .event-item .content .info .title {
    font-size: 18px;
    line-height: 1.6em;
    white-space: normal;
}

.fitTopCopyMobile {
    display: none;
}

/*event detail overlay*/

.hoxHowTo .event-detail {
    background: plum;
}

/*.hoxHowTo .event-detail a, .hoxHowTo address, .hoxHowTo .event-details, .hoxHowTo p, .hoxHowTo .event-description-text.info.clearfix a, .hoxHowTo .when, .hoxHowTo .body-content a, .hoxHowTo .body-content strong, .hoxHowTo .body-content p, .hoxHowTo .add-to-calendar{
    color: #3B3A38 !important;
}*/

.hoxHowTo .event-actions a.book {
    background: red;
    color: #fff;
}

.hoxHowTo .event-header, .hoxHowTo .related-events h4 {
    color: #3B3A38;
}

.hoxHowTo .event-page .page-title h1, #event-overlay.hoxHowTo .related-events h4 {
    color: #fff;
}

/*.hoxHowTo .event-actions a.book span {
    color: #fff;
}*/

/*.hoxHowTo .related-events .event-calendar-container a.event-item {
    background-color: #fff;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(221, 160, 221, 1) 0%, rgba(221, 160, 221, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221, 160, 221, 1)), color-stop(33%, rgba(221, 160, 221, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(221, 160, 221, 1) 0%, rgba(221, 160, 221, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(221, 160, 221, 1) 0%, rgba(221, 160, 221, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(221, 160, 221, 1) 0%, rgba(221, 160, 221, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(221, 160, 221, 1) 0%, rgba(221, 160, 221, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
}*/

.hoxHowTo a.go-back {
    background: rgba(0,0,0,1);
    color: #fff;
}

    .hoxHowTo a.go-back:hover {
        background: rgba(221, 160, 221,1);
        color: #fff;
    }



.hoxHowTo address {
    width: auto;
    white-space: normal;
    overflow: visible;
}

/*hox how to landing page*/

.hoxHowTo .fitBg {
    background-color: #f7f4ef;
    /*background-color: rgba(247,244,239,0.5);*/
    background-color: #f7f4ef;
}

.hoxHowTo .fitTopContent h1 {
    color: #3B3A38;
}

.hoxHowTo .fitTopContent p {
    color: #3B3A38;
}

/* pull out menu*/

.events-loc-how-menu {
    position: absolute;
    top: 14px;
    right: 14px;
    background: url('../../img/fit/ffmenu.svg') no-repeat;
    display: none;
    height: 28px;
    width: 28px;
}

.no-svg .events-loc-how-menu {
    background: url('../../img/fit/menuff.png') no-repeat;
}

.nav-base .sub-loc-how-links {
    position: fixed;
    top: 0;
    right: -100%;
    margin-left: 100%;
    z-index: 1000000;
    background: plum;
    height: 100%;
    transition: right 1s;
    -ms-transition: right 1s;
    -o-transition: right 1s;
    -webkit-transition: right 1s;
    -moz-transition: right 1s;
    width: 100%;
    text-align: left;
}


    .nav-base .sub-loc-how-links.on {
        right: 0;
    }

.close-loc-now {
    position: absolute;
    top: 20px;
    right: 20px;
}

.nav-base.on .close-loc-now {
    height: 25px;
    width: 25px;
}

.sub-loc-how-links.on .close-loc-now::before {
    position: absolute;
    display: block;
    right: 0;
    width: 20px;
    height: 1px;
    background-color: #fff;
    content: "";
    top: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sub-loc-how-links.on .close-loc-now::after {
    position: absolute;
    display: block;
    width: 20px;
    height: 1px;
    background-color: #fff;
    content: "";
    top: 12px;
    right: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-base .sub-loc-how-links h3, .nav-base .sub-loc-how-links ul li a {
    font-size: 24px;
    line-height: 50px;
    font-family: BrownRegular;
}

.nav-base .sub-loc-how-links h3 {
    color: #fff;
    padding-left: 40px;
    padding-top: 30px;
}




.nav-base .sub-loc-how-links ul li a:hover, .nav-base .sub-loc-how-links ul li a:focus {
    text-decoration: none;
}


.hoxHowTo .event-hotel-filters > ul {
    display: table;
    margin: 50px auto;
    clear: both;
    width: 95%;
}

    .hoxHowTo .event-hotel-filters > ul.location-filtered li {
        opacity: 0.4;
    }

        .hoxHowTo .event-hotel-filters > ul.location-filtered li.active {
            opacity: 1;
        }

        .hoxHowTo .event-hotel-filters > ul.location-filtered li:hover {
            opacity: 1;
        }


    .hoxHowTo .event-hotel-filters > ul.no-filter:hover li {
        opacity: 0.4;
    }

        .hoxHowTo .event-hotel-filters > ul.no-filter:hover li:hover {
            opacity: 1;
        }

        .hoxHowTo .event-hotel-filters > ul.no-filter:hover li:first-child {
            opacity: 1;
        }


    .hoxHowTo .event-hotel-filters > ul li {
        display: table-cell;
        vertical-align: middle;
    }

.event-hotel-filters > ul li span {
    font-size: 18px;
    display: block;
}

.event-hotel-filters > ul li a img {
    max-height: 50px;
    margin-bottom: 10px;
}


/*Colours*/

.event-hotel-filters > ul li.shoreditch span, .event-hht-filters.mobile ul li.shoreditch a span, .mentor-contact.Shoreditch h3, .Shoreditch #mentor-form-box h4 {
    color: #8CC8FA;
}

.event-hotel-filters > ul li.holborn span, .event-hht-filters.mobile ul li.holborn a span, .mentor-contact.Holborn h3, .Holborn #mentor-form-box h4 {
    color: #5F1928;
}

.event-hotel-filters > ul li.paris span, .event-hht-filters.mobile ul li.paris a span, .mentor-contact.Paris h3, .Paris #mentor-form-box h4 {
    color: #23375A;
}

.event-hotel-filters > ul li.amsterdam span, .event-hht-filters.mobile ul li.amsterdam a span, .mentor-contact.Amsterdam h3, .Amsterdam #mentor-form-box h4 {
    color: #F0C350;
}

.event-hotel-filters > ul li.williamsburg span, .event-hht-filters.mobile ul li.williamsburg a span, .mentor-contact.Williamsburg h3, .Williamsburg #mentor-form-box h4 {
    color: #009169;
}

/*Borders*/

.hht-mentors ul li.shoreditch, .hht-mentors ul li.shoreditch .icon, .hht-mentors ul li.shoreditch .mentor-pic img, .hht-mentors ul li.shoreditch .mentor-dets, .mentor-contact.Shoreditch, .Shoreditch .mentor-top .mentor-theme, .Shoreditch .mentor-top .mentor-win-text, #overlay .mentor-overlay .Shoreditch .mentor-bottom, .Shoreditch .mentor-win-text .win-link-text {
    border-color: #8CC8FA;
}

.hht-mentors ul li.holborn .mentor-dets, .hht-mentors ul li.holborn, .hht-mentors ul li.holborn .icon, .hht-mentors ul li.holborn .mentor-pic img, .mentor-contact.Holborn, .Holborn .mentor-top .mentor-theme, .Holborn .mentor-top .mentor-win-text, #overlay .mentor-overlay .Holborn .mentor-bottom, .Holborn .mentor-win-text .win-link-text {
    border-color: #5F1928;
}

.hht-mentors ul li.paris .mentor-dets, .hht-mentors ul li.paris, .hht-mentors ul li.paris .icon, .hht-mentors ul li.paris .mentor-pic img, .mentor-contact.Paris, .Paris .mentor-top .mentor-theme, .Paris .mentor-top .mentor-win-text, #overlay .mentor-overlay .Paris .mentor-bottom, .Paris .mentor-win-text .win-link-text {
    border-color: #23375A;
}

.hht-mentors ul li.amsterdam .mentor-dets, .hht-mentors ul li.amsterdam, .hht-mentors ul li.amsterdam .icon, .hht-mentors ul li.amsterdam .mentor-pic img, .mentor-contact.Amsterdam, .Amsterdam .mentor-top .mentor-theme, .Amsterdam .mentor-top .mentor-win-text, #overlay .mentor-overlay .Amsterdam .mentor-bottom, .Amsterdam .mentor-win-text .win-link-text {
    color: #F0C350;
}

.hht-mentors ul li.williamsburg .mentor-dets, .hht-mentors ul li.williamsburg, .hht-mentors ul li.williamsburg .icon, .hht-mentors ul li.williamsburg .mentor-pic img, .mentor-contact.Williamsburg, .Williamsburg .mentor-top .mentor-theme, .Williamsburg .mentor-top .mentor-win-text, #overlay .mentor-overlay .Williamsburg .mentor-bottom, .Williamsburg .mentor-win-text .win-link-text {
    border-color: #009169;
}

.hht-topic {
    width: 100%;
    height: 220px;
    margin-bottom: 60px;
    position: relative;
    color: #FFFFFF;
}

    .hht-topic.no-events, .topic-slider ul li.no-events {
        opacity: 0.5;
    }

.hoxHowTo .hht-topic p {
    color: #fff !important;
}

.hht-topic .topic-date, .upcoming-topics ul li .topic-date {
    background-color: #fff;
    color: #4A4A4A;
    font-family: 'BrownLight';
    height: 40px;
    width: 150px;
    text-align: center;
    position: absolute;
    left: 78px;
    font-size: 16px;
    line-height: 40px;
    border-style: solid;
    border-width: 1px;
}

.hht-topic .topic-date {
    top: -20px;
}

.upcoming-topics ul li .topic-date {
    top: 0;
    z-index: 1;
}


.upcoming-topics ul li .topic-date {
    left: 28px;
}


.hht-topic.shoreditch, .eventsHowToTopic.shoreditch .hoxTopicHeader, .upcoming-topics ul li.shoreditch .topic-details, .hoxHowTo.Shoreditch .event-detail {
    background: #8CC8FA !important;
    background: rgba(140, 200, 250, 1) !important;
}

.hht-topic.holborn, .eventsHowToTopic.holborn .hoxTopicHeader, .upcoming-topics ul li.holborn .topic-details, .hoxHowTo.Holborn .event-detail {
    background: #5F1928 !important;
    background: rgba(95, 25, 40, 1) !important;
}

.hht-topic.amsterdam, .eventsHowToTopic.amsterdam .hoxTopicHeader, .upcoming-topics ul li.amsterdam .topic-details, .hoxHowTo.Amsterdam .event-detail {
    background: #F0C350 !important;
    background: rgba(240, 195, 80, 1) !important;
}

.hht-topic.paris, .eventsHowToTopic.paris .hoxTopicHeader, .upcoming-topics ul li.paris .topic-details, .hoxHowTo.Paris .event-detail {
    background: #23375A !important;
    background: rgba(35, 55, 90, 1) !important;
}

.hht-topic.williamsburg, .eventsHowToTopic.williamsburg .hoxTopicHeader, .upcoming-topics ul li.williamsburg .topic-details, .hoxHowTo.Williamsburg .event-detail {
    background: #009169 !important;
    background: rgba(0, 145, 105, 1) !important;
}

.hht-topic.shoreditch .topic-date, .upcoming-topics ul li.shoreditch .topic-date, .upcoming-topics ul li.shoreditch {
    border-color: #006437 !important;
}

.hht-topic.holborn .topic-date, .upcoming-topics ul li.holborn .topic-date, .upcoming-topics ul li.holborn {
    border-color: #FFF55A !important;
}

.hht-topic.amsterdam .topic-date, .upcoming-topics ul li.amsterdam .topic-date, .upcoming-topics ul li.amsterdam {
    border-color: #6932B4 !important;
}

.hht-topic.paris .topic-date, .upcoming-topics ul li.paris .topic-date, .upcoming-topics ul li.paris {
    border-color: #F56478 !important;
}

.hht-topic.williamsburg .topic-date, .upcoming-topics ul li.williamsburg .topic-date, .upcoming-topics ul li.williamsburg {
    border-color: #FF9669 !important;
}

.hoxHowTo .event-detail, .hoxHowTo .event-detail address, .hoxHowTo .event-details h4, .hoxHowTo .event-description-text.info p, .hoxHowTo .when.when-desktop {
    color: #fff !important;
}

.hht-topic h3, .hht-topic h4 {
    font-size: 26px;
    line-height: 36px;
    font-family: 'BrownLight';
    padding: 0;
    margin: 0;
}

.hht-topic .hht-topic-left, .hht-topic .hht-topic-right {
    height: 100%;
    display: table;
}

.hht-row {
    height: 50%;
    display: table-row;
}

.hht-cell {
    vertical-align: middle;
    display: table-cell;
    height: calc(100% - 40px);
    margin-top: 40px;
    position: relative;
}

.hht-topic p, .topic-details p {
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    font-family: 'BrownRegular';
}

.hht-topic a {
    color: #fff !important;
}

.hht-cell p span, .topic-details p span {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
}

.hht-row.details .hht-cell img {
    max-width: 50px;
    max-height: 70px;
}

p.see-all, p.coming-soon {
    bottom: 32px;
    position: absolute;
    margin: 0;
}

.topic-details p.see-all, .topic-details p.coming-soon {
    bottom: 30px;
}

p.coming-soon {
    opacity: 0.5;
}

p.see-all:after {
    content: '';
    display: inline-block;
    height: 14px;
    position: relative;
    width: 36px;
    top: 3px;
    left: 20px;
}

.topic-slider ul li a:hover p.see-all:after {
    left: 30px;
}

.hht-topic a:hover p.see-all:after {
    left: 30px;
}

.shoreditch p.see-all:after {
    background: url(../../img/hht/shoreditch.png) center center no-repeat;
}

.holborn p.see-all:after {
    background: url(../../img/hht/holborn.png) center center no-repeat;
}

.amsterdam p.see-all:after {
    background: url(../../img/hht/amsterdam.png) center center no-repeat;
}

.paris p.see-all:after {
    background: url(../../img/hht/paris.png) center center no-repeat;
}

.williamsburg p.see-all:after {
    background: url(../../img/hht/williamsburg.png) center center no-repeat;
}

.hht-topic .hash {
    height: 100%;
    position: relative;
    left: 78px;
    display: table-cell;
    vertical-align: middle;
}

.hoxTopicHeader {
    text-align: center;
    padding-bottom: 68px;
}

    .hoxTopicHeader h1, .hoxTopicHeader h2 {
        color: #fff;
        font-size: 43px;
        line-height: 60px;
        font-family: BrownLight;
        padding: 0;
        margin: 0;
        letter-spacing: normal;
    }

    .hoxTopicHeader img {
        margin-top: 68px;
        margin-bottom: 44px;
    }

.hoxtown-page-content.hoxtown-events-landing.hoxTopicContent {
    margin-top: 50px;
}

    .hoxtown-page-content.hoxtown-events-landing.hoxTopicContent .fitTopCopy {
        margin-bottom: 75px;
    }

.eventsHowToTopic .hoxHowTo .fitTopContent p {
    color: #4A4A4A;
}

.upcoming-topics {
    /*background-color: rgba(247,244,239,0.4);*/
    background-color: #f7f4ef;
    text-align: center;
    margin-top: 85px;
}

.topic-slider.dragscroll {
    overflow-x: auto;
    margin-bottom: -20px;
}

.upcoming-topics .topic-slider {
    padding: 0 0 0 0 !important;
    height: auto !important;
}

    .upcoming-topics .topic-slider ul {
        width: 1250px;
        height: 460px;
        max-height: 460px;
        /*float: left;*/
        display: inline-block;
        white-space: nowrap;
        overflow-x: scroll;
        cursor: grab;
        cursor: -o-grab;
        cursor: -moz-grab;
        cursor: -webkit-grab;
        overflow: hidden;
    }

.dragup {
    background-color: #f7f4ef;
    height: 130px;
    position: relative;
    z-index: 2;
}


    .dragup.events-home {
        margin-bottom: 80px;
    }

    .dragup p {
        font-size: 24px;
        text-align: center;
        font-family: BrownRegular;
        position: absolute;
        bottom: 42px;
        margin: 0 auto;
        width: 100%;
    }

        .dragup p a {
            color: #3B3A38;
        }

            .dragup p a:hover, .dragup p a:focus {
                text-decoration: none;
            }

.upcoming-topics h4 {
    font-size: 40px;
    letter-spacing: 1px;
    line-height: 50px;
    margin-bottom: 100px;
}

.upcoming-topics.events-home h4 {
    margin-bottom: auto;
}

.upcoming-topics.events-home h6 {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 50px;
    padding: 0 25px;
    font-weight: normal;
    font-family: BrownLight;
}

.upcoming-topics ul {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

    .upcoming-topics ul li {
        float: left;
        height: 440px;
        width: 270px;
        margin-right: 40px;
        padding: 0;
        position: relative;
        color: #fff;
    }


        .upcoming-topics ul li:first-child {
            margin-left: 20px;
        }

        .upcoming-topics ul li:last-child {
            margin-right: 20px;
        }

        .upcoming-topics ul li .topic-details {
            position: relative;
            height: 100%;
            width: 100%;
            overflow: hidden;
            padding: 0 24px;
            top: 20px;
        }

        .upcoming-topics ul li h4, .upcoming-topics ul li h5 {
            font-size: 26px;
            line-height: 36px;
            margin: 0;
            color: #fff;
            text-align: left;
            letter-spacing: normal;
            white-space: normal;
            font-family: BrownLight;
        }


        .upcoming-topics ul li a {
            color: #fff !important;
            text-decoration: none;
        }


        .upcoming-topics ul li .topic-details-theme {
            height: 35%;
            width: 100%;
            text-align: left;
        }

            .upcoming-topics ul li .topic-details-theme .icon, .upcoming-topics ul li .topic-details-theme .location {
                float: left;
                height: 100%;
            }

            .upcoming-topics ul li .topic-details-theme .icon {
                width: 35%;
                padding-top: 50px;
            }


                .upcoming-topics ul li .topic-details-theme .icon img {
                    max-height: 55px;
                    max-width: 85px;
                }

            .upcoming-topics ul li .topic-details-theme .location {
                width: 65%;
                padding-top: 53px;
            }

.hoxHowToJoin {
    text-align: center;
    margin-top: 90px;
}

    .hoxHowToJoin h4, .mentor-contact h5 {
        color: #3B3A38;
        font-size: 36px;
        line-height: 40px;
        margin: 0;
        font-family: 'BrownLight';
        padding-top: 20px;
    }

    .hoxHowToJoin form, .mentor-contact form {
        margin: 40px 0 100px 0;
    }


    .hoxHowToJoin .contourForm.jointhelist .email input[type="text"], .mentor-contact .contourForm.jointhelist .email input[type="text"] {
        border-bottom: 1px solid #3B3A38;
        font-family: BrownRegular;
        width: calc(100% - 50px);
    }

    .hoxHowToJoin .contourForm.jointhelist .contourField.email .help-block {
        font-family: BrownRegular;
    }


    .hoxHowToJoin .contourForm.jointhelist .contourField.email, .mentor-contact .contourForm.jointhelist .contourField.email {
        width: 100%;
    }

    .hoxHowToJoin .contourForm.jointhelist, .mentor-contact .contourForm.jointhelist {
        max-width: 410px;
        margin: 0 auto;
    }


        .hoxHowToJoin .contourForm.jointhelist .submitRow input[type=submit], .mentor-contact .contourForm.jointhelist .submitRow input[type=submit] {
            background-image: url(../../img/howToSubmit.png);
        }


.hoxHowTo .image-container {
    height: 580px;
}


.hoxHowTo.Shoreditch a.go-back {
    background-color: #45ABFF;
}

.hoxHowTo.Shoreditch .event-highlight-container a.book, .Shoreditch.hoxHowTo .event-detail .open-event, .Shoreditch.hoxHowTo .event-detail .event-actions a.book, .Shoreditch .event-highlight-container .open-event, .Shoreditch .mentor-win-text .win-link-text, .Shoreditch .mentor-win-text .win-link-text a {
    background-color: #006437 !important;
    color: #8CC8FA;
}

.hoxHowTo.Shoreditch button.add-to-calendar, .mentor-profile.Shoreditch h4 {
    color: #8CC8FA;
}


.hoxHowTo.Holborn a.go-back, .mentor-profile.holborn .mentor-box {
    background-color: #40111B;
}

.hoxHowTo.Holborn .event-highlight-container a.book, .Holborn.hoxHowTo .event-detail .open-event, .Holborn.hoxHowTo .event-detail .event-actions a.book, .Holborn .event-highlight-container .open-event, .Holborn .mentor-win-text .win-link-text, .Holborn .mentor-win-text .win-link-text a {
    background-color: #FFF55A !important;
    color: #5F1928;
}

.hoxHowTo.Holborn button.add-to-calendar, .mentor-profile.Holborn h4 {
    color: #5F1928;
}


.hoxHowTo.Amsterdam a.go-back {
    background-color: #F0B622;
}

.hoxHowTo.Amsterdam .event-highlight-container a.book, .Amsterdam.hoxHowTo .event-detail .open-event, .Amsterdam.hoxHowTo .event-detail .event-actions a.book, .Amsterdam .event-highlight-container .open-event, .Amsterdam .mentor-win-text .win-link-text, .Amsterdam .mentor-win-text .win-link-text a {
    background-color: #6932B4 !important;
    color: #F0C350;
}

.hoxHowTo.Amsterdam button.add-to-calendar {
    color: #F0C350;
}

.hoxHowTo.Paris a.go-back, .mentor-profile.paris .mentor-box {
    background-color: #102346;
}

.hoxHowTo.Paris .event-highlight-container a.book, .Paris.hoxHowTo .event-detail .open-event, .Paris.hoxHowTo .event-detail .event-actions a.book, .Paris .event-highlight-container .open-event, .Paris .mentor-win-text .win-link-text, .Paris .mentor-win-text .win-link-text a {
    background-color: #F56478 !important;
    color: #23375A;
}

.hoxHowTo.Paris button.add-to-calendar, .mentor-profile.Paris h4 {
    color: #23375A;
}

.hoxHowTo.Williamsburg a.go-back {
    background-color: #007253;
}

.hoxHowTo.Williamsburg .event-highlight-container a.book, .Williamsburg.hoxHowTo .event-detail .open-event, .Williamsburg.hoxHowTo .event-detail .event-actions a.book, .Williamsburg .event-highlight-container .open-event, .Williamsburg .mentor-win-text .win-link-text, .Williamsburg .mentor-win-text .win-link-text a {
    background-color: #FF9669 !important;
    color: #009169;
}

.hoxHowTo.Williamsburg button.add-to-calendar, .mentor-profile.Williamsburg h4 {
    color: #009169;
}



.Shoreditch .event-detail .related-events .event-item {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(140, 200, 250, 1) 0%, rgba(140, 200, 250, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(140, 200, 250, 1)), color-stop(33%, rgba(140, 200, 250, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(140, 200, 250, 1) 0%, rgba(140, 200, 250, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(140, 200, 250, 1) 0%, rgba(140, 200, 250, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(140, 200, 250, 1) 0%, rgba(140, 200, 250, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(140, 200, 250, 1) 0%, rgba(140, 200, 250, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
}

.Holborn .event-detail .related-events .event-item {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(95, 25, 40, 1) 0%, rgba(95, 25, 40, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(95, 25, 40, 1)), color-stop(33%, rgba(95, 25, 40, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(95, 25, 40, 1) 0%, rgba(95, 25, 40, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(95, 25, 40, 1) 0%, rgba(95, 25, 40, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(95, 25, 40, 1) 0%, rgba(95, 25, 40, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(95, 25, 40, 1) 0%, rgba(95, 25, 40, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
}

.Paris .event-detail .related-events .event-item {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(35, 55, 90, 1) 0%, rgba(35, 55, 90, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35, 55, 90, 1)), color-stop(33%, rgba(35, 55, 90, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(35, 55, 90, 1) 0%, rgba(35, 55, 90, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(35, 55, 90, 1) 0%, rgba(35, 55, 90, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(35, 55, 90, 1) 0%, rgba(35, 55, 90, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(35, 55, 90, 1) 0%, rgba(35, 55, 90, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
}

.Amsterdam .event-detail .related-events .event-item {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(240, 195, 80, 1) 0%, rgba(240, 195, 80, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240, 195, 80, 1)), color-stop(33%, rgba(240, 195, 80, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(240, 195, 80, 1) 0%, rgba(240, 195, 80, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(240, 195, 80, 1) 0%, rgba(240, 195, 80, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(240, 195, 80, 1) 0%, rgba(240, 195, 80, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(240, 195, 80, 1) 0%, rgba(240, 195, 80, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
}

.Williamsburg .event-detail .related-events .event-item {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(0, 145, 105, 1) 0%, rgba(0, 145, 105, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 145, 105, 1)), color-stop(33%, rgba(0, 145, 105, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 145, 105, 1) 0%, rgba(0, 145, 105, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 145, 105, 1) 0%, rgba(0, 145, 105, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 145, 105, 1) 0%, rgba(0, 145, 105, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 145, 105, 1) 0%, rgba(0, 145, 105, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
}

.hoxHowTo .blog-page .page-title {
    padding-bottom: 50px;
}


.hoxHowTo .event-detail .event-description-text.info.clearfix a {
    color: #fff !important;
}

.event-hht-filters.mobile {
    display: none;
}


.upcoming-topics.events-home {
    margin-top: 50px;
}


    .upcoming-topics.events-home.mobile, .dragup.events-home.mobile {
        display: none;
    }

.topic-clear-mobile {
    height: 1px;
    width: 100%;
    position: relative;
    display: none;
}




/*Mentors*/


.hht-mentors {
    background-color: #f7f4ef;
    position: relative;
    height: auto;
    text-align: center;
}


    .hht-mentors h3 {
        font-family: BrownRegular;
        color: #3B3A38;
        font-size: 40px;
        line-height: 50px;
        margin: 95px 0 80px 0;
        letter-spacing: 1px;
    }

    .hht-mentors .mentor-slider {
        padding: 0 0 0 0 !important;
        height: auto !important;
    }

.mentor-slider.dragscroll {
    overflow-x: auto;
    margin-bottom: -20px;
}

.hht-mentors .mentor-slider ul {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 1250px;
    height: 480px;
    max-height: 476px;
    /* float: left; */
    display: inline-block;
    overflow-x: scroll;
    cursor: grab;
    cursor: -o-grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    overflow: hidden;
}


.hht-mentors ul li:first-child {
    margin-left: 20px;
}

.hht-mentors ul li:last-child {
    margin-right: 20px;
}

.hht-mentors ul li {
    float: left;
    height: 460px;
    width: 270px;
    margin-right: 40px;
    padding: 0;
    position: relative;
    color: #3B3A38;
    overflow: hidden;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
}


    .hht-mentors ul li div.mentor-container {
        width: 100%;
        height: 100%;
        float: left;
        position: relative;
        text-align: left;
    }

    .hht-mentors ul li .mentor-pic {
        float: left;
        width: 100%;
    }

        .hht-mentors ul li .mentor-pic img {
            height: 268px;
            width: 100%;
            border-top-style: solid;
            border-top-width: 1px;
            border-bottom-style: solid;
            border-bottom-width: 1px;
        }

    .hht-mentors ul li .icon {
        width: 70px;
        float: left;
        height: 68px;
        border-right-style: solid;
        border-right-width: 1px;
        text-align: center;
    }

    .hht-mentors ul li .theme {
        width: calc(100% - 70px);
        float: left;
        height: 68px;
    }

        .hht-mentors ul li .theme p {
            font-size: 16px;
            line-height: 68px;
            padding: 0;
            margin: 0;
            text-align: left;
            padding-left: 20px;
        }

    .hht-mentors ul li .icon img {
        max-height: 40px;
        max-width: 35px;
        margin: 14px auto;
    }


    .hht-mentors ul li .mentor-dets {
        width: 100%;
        float: left;
        padding: 0 30px;
        height: 107px;
    }

        .hht-mentors ul li .mentor-dets h4 {
            color: #3B3A38;
            font-family: BrownRegular;
            font-size: 20px;
            line-height: 20px;
            padding: 0;
            margin: 16px 0 6px 0;
        }

    .hht-mentors ul li p {
        padding: 0 0 6px 0;
        margin: 0;
        font-size: 14px;
        font-family: BrownLight;
        color: #3B3A38;
    }

        .hht-mentors ul li p span {
            padding: 0;
            font-family: FarnhamDisplayLightItalic;
        }

        .hht-mentors ul li p a {
            color: #3B3A38;
            text-decoration: underline;
        }

.dragup.mentors {
    height: 77px;
    margin-bottom: 130px;
}

.mentor-profile {
    position: relative;
    width: 100%;
    text-align: center;
}

    .mentor-profile h4 {
        font-family: BrownRegular;
        font-size: 40px;
        line-height: 50px;
        margin: 20px 0 70px 0;
    }

    .mentor-profile .content {
        max-width: 860px;
        margin: 0 auto 0 auto;
    }

.mentor-qa {
    position: relative;
    max-width: 860px;
    margin: 35px auto 60px auto;
    text-align: left;
}


    .mentor-qa h3 {
        color: #4A4A4A;
        font-family: BrownRegular;
        font-size: 40px;
        letter-spacing: 1px;
        line-height: 50px;
        margin: 15px 0 25px;
    }


.mentor-profile .mentor-qa h4 {
    color: #4A4A4A;
    font-family: BrownRegular;
    font-size: 14px;
    line-height: 14px;
}

.mentor-profile .mentor-qa p {
    line-height: 20px;
    padding: 0 0 0 20px;
}


.hoxtown-page-content.hoxtown-events-landing.hoxTopicContent .page-content {
    margin-bottom: 0;
}

/*mentor faqs*/

.faqs h3 {
    background: none;
    font-family: "BrownLight";
    color: #4A4A4A;
    z-index: 2;
    position: relative;
    text-align: left;
    text-decoration: none;
    position: relative;
    border-color: transparent;
    font-size: 24px;
    line-height: 50px;
    display: inline-block;
    width: 100%;
    margin: 0;
    outline: none !important;
}

    .faqs h3 span {
        width: 80%;
        float: left;
    }

        .faqs h3 span.number, .faqs h3 span.icon {
            width: 10%;
            float: left;
        }

    .faqs h3:hover {
        cursor: pointer;
        outline: none;
    }

    .faqs h3.ui-state-default.ui-state-hover {
        border: none !important;
        outline: none !important;
        border-radius: 0;
        border-color: transparent;
    }

        .faqs h3.ui-state-default.ui-state-hover:hover, .faqs h3.ui-state-default.ui-state-hover:focus, .faqs h3.ui-state-default.ui-state-hover:visited {
            outline: none !important;
            border: none !important;
            border-radius: 0;
            border-color: transparent;
        }

.faqs div.ui-widget-content {
    clear: both;
    padding: 10px 10%;
    background: transparent !important;
}

.faqs h3 span.icon {
    position: absolute;
    width: 10%;
    height: 100%;
    background: url('../../img/hht/plus.png') right 15px no-repeat;
}


.faqs h3.ui-state-active span.icon {
    background: url('../../img/hht/minus.png') right 26px no-repeat;
}


/*mentor profile*/

.hoxHowTo .mentor-profile .banner-event-item-inner {
    max-width: 860px;
    margin: 0 auto;
}

    .hoxHowTo .mentor-profile .banner-event-item-inner .image-container {
        height: 520px;
        max-width: 860px;
    }

.mentor-top {
    width: 100%;
    height: 520px;
    position: relative;
    max-width: 1485px;
    margin: 0 auto;
}

    .mentor-top .mentor-theme, .mentor-top .mentor-win-text {
        position: absolute;
        bottom: 0;
        width: calc(50% - 430px);
        height: 278px;
        border-style: solid;
        border-width: 1px;
        background-color: #fff;
    }

.mentor-the-icon {
    margin: 80px auto;
}


#overlay .mentor-overlay .mentor-top .mentor-theme, #overlay .mentor-overlay .mentor-top .mentor-win-text {
    width: calc(50% - 434px);
}

.mentor-top .mentor-theme {
    left: 0;
}

.mentor-top .mentor-win-text {
    right: 0;
}

.mentor-win-text .win-link-text {
    width: 100%;
    height: 139px;
    position: absolute;
    left: 0;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    display: table;
}

    .mentor-win-text .win-link-text a {
        font-family: BrownRegular;
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 20px;
        text-transform: uppercase;
        position: relative;
        padding: 0 20px;
        display: table-cell;
        vertical-align: middle;
    }

        .mentor-win-text .win-link-text a:hover, .mentor-win-text .win-link-text a:focus {
            text-decoration: none;
        }

.mentor-bottom {
    background-color: #fff;
}


/*mentor competition form*/

.mentor-contact {
    background-color: #f7f4ef;
    text-align: center;
    border-top-width: 1px;
    border-top-style: solid;
    margin: 0 -3px;
}


.overlay .mentor-overlay .mentor-contact {
    margin: 0;
}

.mentor-contact h3 {
    color: #5F1928;
    font-family: BrownRegular;
    font-size: 40px;
    line-height: 50px;
    margin: 90px 0 24px 0;
}



/*.mentor-contact .contourForm.jointhelist .email input[type="text"]{
        border-bottom: 1px solid #4A4A4A;
}*/


#mentor-competition-form {
    width: 100%;
    max-width: 863px;
    margin: 40px auto 40px auto;
}

    #mentor-competition-form form, #mentor-competition-form form p, #mentor-competition-form form p.question {
        color: #4A4A4A;
        font-family: BrownLight;
        font-size: 24px;
        font-weight: 300;
        line-height: 50px;
        text-align: center;
    }

        #mentor-competition-form form p.question {
            font-family: BrownRegular;
        }

        #mentor-competition-form form p {
            margin: 50px auto 44px auto;
        }

        #mentor-competition-form form span.field {
            max-width: 150px;
            height: 50px;
            position: relative;
        }


        #mentor-competition-form form span.field-area {
            max-width: 863px;
            height: 210px;
            position: relative;
            clear: both;
        }

        #mentor-competition-form form input[type=text], #mentor-competition-form form input[type=email] {
            background-color: transparent;
            max-width: 150px;
            border-top: none;
            border-right: none;
            border-left: none;
            border-bottom: solid 1px #4A4A4A;
            padding: 0 10px;
            height: 45px;
            line-height: 40px;
        }

        #mentor-competition-form form textarea {
            width: 863px;
            height: 205px;
            color: #3B3A38;
            font-family: BrownLight;
            font-size: 14px;
            font-weight: 300;
            line-height: 20px;
            padding: 16px;
        }

        #mentor-competition-form form input[type=text].input-validation-error, #mentor-competition-form form input[type=email].input-validation-error {
            border-bottom-color: #D0021B;
        }

        #mentor-competition-form form span.field-validation-error {
            color: #D0021B;
            font-family: BrownLight;
            font-size: 10px;
            line-height: 20px;
            position: absolute;
            width: 100%;
            left: 0;
            text-align: left;
            top: 40px;
        }

.progress-bar.progress-bar-success, .competition-status {
    color: #D0021B;
    font-family: BrownLight;
    font-size: 10px;
    line-height: 20px;
    clear: both;
}

.progress-bar.progress-bar-success, .competition-status {
    font-size: 14px;
    line-height: 24px;
}

#mentor-competition-form form span.form-error {
    color: #D0021B;
    font-family: BrownLight;
    font-size: 10px;
    line-height: 20px;
    text-align: left;
}


#mentor-competition-form form span.field-area span.field-validation-error {
    left: 10px;
    top: 0;
}

#mentor-competition-form form .end-row {
    clear: both;
    float: left;
    width: 100%;
}

#mentor-competition-form form button {
    float: right;
    border: none;
    color: #3B3A38;
    background-color: transparent;
    font-family: BrownRegular;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: right;
    width: 60px;
}

#mentor-competition-form form span.upload {
    float: left;
    width: calc(100% - 60px);
}

#mentor-competition-form form .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

span.upload label {
    background: url('../../img/upload.png') left center no-repeat;
    color: #3B3A38;
    font-family: BrownLight;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    padding-left: 26px;
    cursor: pointer;
    float: left;
}

#mentor-competition-form form .tcs {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}


    #mentor-competition-form form .tcs p {
        font-family: BrownLight;
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        text-align: center;
        padding: 0 0 20px 0;
        margin: 0;
    }


        #mentor-competition-form form .tcs p a {
            color: #3B3A38;
            text-decoration: underline;
        }

#mentor-competition-form form input[type="checkbox"]:checked {
    background: url(../../img/hoxton/ticksbox_black.png) left top no-repeat;
}

#mentor-competition-form form input[type="checkbox"] {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../../img/hoxton/checkBackground_black.png) left top no-repeat;
}

#mentor-competition-form form .tcs p a:hover, #mentor-competition-form form .tcs p a:focus {
    text-decoration: none;
}

#mentor-competition-form form .tcs label {
    padding-left: 20px;
}

.mentor-view-series {
    margin: 75px auto;
}

    .mentor-view-series p {
        color: #3B3A38;
        font-family: BrownRegular;
        font-size: 24px;
        line-height: 35px;
        text-align: center;
    }

        .mentor-view-series p a {
            color: #3B3A38;
        }

            .mentor-view-series p a:hover, .mentor-view-series p a:focus {
                text-decoration: none;
            }

#mentor-form-box h4 {
    font-family: BrownRegular;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
}


#mentor-form-box span.subscribed {
    text-align: center;
    margin: 90px auto 77px;
    display: block;
    height: 100px;
    width: 100px;
}

    #mentor-form-box span.subscribed.sign-up-only {
        margin: 90px auto 0;
    }


.mentor-contact.Shoreditch #mentor-form-box span.subscribed {
    background: url('../../img/hht/shoreditch-success.png') center no-repeat;
}

.mentor-contact.Holborn #mentor-form-box span.subscribed {
    background: url('../../img/hht/holborn-success.png') center no-repeat;
}

.mentor-contact.Paris #mentor-form-box span.subscribed {
    background: url('../../img/hht/paris-success.png') center no-repeat;
}

.mentor-contact.Amsterdam #mentor-form-box span.subscribed {
    background: url('../../img/hht/amsterdam-success.png') center no-repeat;
}

.mentor-contact.Williamsburg #mentor-form-box span.subscribed {
    background: url('../../img/hht/williamsburg-success.png') center no-repeat;
}


/*mentor overlay*/


#overlay .mentor-overlay {
    display: none;
}

    #overlay .mentor-overlay.on {
        display: block;
    }

#overlay .mentor-overlay {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

    #overlay .mentor-overlay .hoxHowTo .image-container {
        max-width: 590px;
        height: 475px;
        margin: 0 auto;
    }

    #overlay .mentor-overlay .mentor-profile {
        margin: 0;
    }

    #overlay .mentor-overlay .mentor-top {
        max-width: 1000px;
        height: 475px;
    }

        #overlay .mentor-overlay .mentor-top .mentor-theme, #overlay .mentor-overlay .mentor-top .mentor-win-text {
            width: calc(50% - 295px);
            height: 210px;
        }

.win-theme-text {
    display: none;
}

#overlay .mentor-overlay .mentor-win-text .win-link-text {
    height: 105px;
}

#overlay .mentor-overlay .mentor-the-icon {
    margin: 60px auto;
}

#overlay .mentor-overlay p {
    color: #4A4A4A;
}

#overlay .mentor-overlay .mentor-win-text .win-link-text a {
    padding: 0 10px;
}

#overlay .mentor-overlay .about-mentor {
    max-width: 590px;
    margin: 0 135px;
}


#overlay .mentor-overlay .mentor-qa h3 {
    letter-spacing: normal;
}

#overlay .mentor-overlay .mentor-profile .content {
    max-width: 1000px;
}

#overlay .mentor-overlay .mentor-bottom {
    max-width: 1000px;
    margin: 0 auto;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
}


#overlay .mentor-overlay .mentor-profile .mentor-qa p {
    /*margin-left: 10%;*/
    padding: 0 0 10px;
    color: #4A4A4A;
}


/*t&cs*/

body.tcs-on {
    overflow: hidden;
}

#mentor-terms-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1000;
}

#mentor-comp-terms-conditions {
    display: none;
    background-color: #fff;
    width: 650px;
    position: fixed;
    top: 100px;
    z-index: 1000;
    margin: 0 calc(50% - 325px);
    padding: 10px 20px;
    border: solid 1px #ccc;
}

    #mentor-comp-terms-conditions h4 {
        text-align: center;
    }

    #mentor-comp-terms-conditions .close-tcs {
        position: absolute;
        top: 15px;
        left: 0;
        width: 38px;
        height: 34px;
        background: url('../../img/hoxton/close-transparent.png') center no-repeat;
        margin-left: calc(50% - 19px);
    }

    #mentor-comp-terms-conditions div {
        overflow-y: auto;
        max-height: 60vh;
        padding: 30px 20px;
    }

        #mentor-comp-terms-conditions div ul li {
            list-style-type: inherit;
        }


@media (max-width: 1280px) and (min-width: 768px) {
    .hoxtown-page-content.hoxTopicHeader {
        margin-top: 60px;
    }
}


@media (min-width: 1200px) {

    #overlay .mentor-overlay .container {
        width: 1000px;
    }
}


@media (max-width: 1024px) {
    #overlay .mentor-overlay {
        margin: 0 3px;
    }

    .overlay .mentor-overlay .mentor-contact {
        margin: 0 -3px;
    }
}




@media (max-width: 991px) {

    .upcoming-topics.events-home {
        margin-top: 80px;
    }

    .dragup.events-home {
        margin-bottom: 80px;
    }

    .dragup p {
        font-size: 20px;
    }
}


@media (max-width: 991px) {

    .mentor-top .mentor-win-text {
        overflow-y: auto;
        overflow-x: hidden;
    }
}


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

    #overlay .mentor-overlay .hoxHowTo .image-container, .hoxHowTo .mentor-profile .banner-event-item-inner .image-container {
        max-width: 520px;
        height: 425px;
    }

    #overlay .mentor-overlay .hoxHowTo .mentor-top, .mentor-top {
        height: 425px;
    }

        #overlay .mentor-overlay .mentor-top .mentor-theme, #overlay .mentor-overlay .mentor-top .mentor-win-text, .mentor-top .mentor-theme, .mentor-top .mentor-win-text {
            width: calc(50% - 260px);
        }

    .hht-mentors h3 {
        margin: 38px 82px 50px 82px;
    }

    .mentor-qa {
        max-width: 520px;
    }

    #overlay .mentor-overlay .mentor-qa {
        max-width: none;
    }

        #overlay .mentor-overlay .mentor-qa .faqs {
            margin: 0 72px;
        }

    .mentor-qa .faqs h3 {
        line-height: 40px;
    }

    #overlay .mentor-overlay .about-mentor {
        margin: 0 120px;
    }

    .mentor-qa p {
        margin-left: 0;
    }

    .mentor-contact h3 {
        margin: 50px 0 24px 0;
    }

    #mentor-competition-form form textarea {
        width: 100%;
    }

    .hoxHowTo .mentor-profile .banner-event-item-inner {
        max-width: 520px;
    }

    .mentor-top .mentor-theme, .mentor-top .mentor-win-text {
        height: 210px;
    }

    .mentor-the-icon {
        margin: 68px auto;
    }

    .mentor-win-text .win-link-text {
        height: 105px;
    }

        .mentor-win-text .win-link-text a {
            padding: 0 10px;
        }
}


@media (max-width: 991px) and (min-width: 768px) {
    .eventsHowToTopic div#homepage-nav-logo #thehoxton-white {
        display: block;
    }

    .upcoming-topics h4 {
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .dragup.topic-page {
        height: 67px;
    }

    .hoxHowTo .event-hotel-filters > ul li a {
        font-size: 16px;
    }

    .event-hotel-filters > ul li span {
        font-size: 12px;
    }

    .event-hotel-filters > ul li a img {
        max-height: 40px;
    }

    .hht-topic {
        margin-bottom: 40px;
    }

        .hht-topic .hash {
            left: 40px;
        }

        .hht-topic .topic-date {
            left: 40px;
        }

        .hht-cell img, .hht-topic h3, .hht-topic h4 {
            max-width: 90%;
        }
}


@media (max-width: 760px) {

    .upcoming-topics.events-home.desktop, .dragup.events-home.desktop {
        display: none;
    }

    .upcoming-topics.events-home.mobile, .dragup.events-home.mobile {
        display: block;
        clear: both;
    }

    .upcoming-topics.events-home.mobile {
        margin-top: 40px;
    }

    .dragup.events-home.mobile {
        margin-top: 0;
    }

    .topic-clear-mobile {
        display: inline-block;
    }

    .hoxHowTo .event-hotel-filters.desktop {
        display: block;
    }

    .hoxHowTo .event-calendar-container .event-item.calendar-month {
        background: #fff;
        font-size: 24px;
        padding: 0 0 70px;
    }

    .hoxHowTo .event-hotel-filters.desktop ul li {
        display: none;
    }

        .hoxHowTo .event-hotel-filters.desktop ul li.active {
            display: block;
        }

    .hoxHowTo .event-hotel-filters > ul li.active:after, .event-hotel-filters > ul li.active:hover:after {
        content: none;
    }

    #event-overlay.Paris .related-events {
        background: #23375A !important;
        background: rgba(35, 55, 90, 1) !important;
    }

    #event-overlay.Shoreditch .related-events {
        background: #8CC8FA !important;
        background: rgba(140, 200, 250, 1) !important;
    }


    #event-overlay.Holborn .related-events {
        background: #5F1928 !important;
        background: rgba(95, 25, 40, 1) !important;
    }


    #event-overlay.Amsterdam .related-events {
        background: #F0C350 !important;
        background: rgba(240, 195, 80, 1) !important;
    }

    #event-overlay.Williamsburg .related-events {
        background: #009169 !important;
        background: rgba(0, 145, 105, 1) !important;
    }
}


@media (max-width: 767px) {

    .event-hht-filters.mobile {
        width: 100%;
        text-align: center;
        margin: 25px 0;
        position: relative;
        z-index: 999;
        height: 52px;
        background-color: #fff;
        display: block;
    }

        .event-hht-filters.mobile ul {
            width: calc(100% - 51px);
            text-align: center;
            margin: 0 22px;
            padding: 0;
            height: auto;
            background-color: #fff;
        }

            .event-hht-filters.mobile ul li {
                height: 50px;
                line-height: 50px;
                border-right: solid 1px #3B3A38;
                border-left: solid 1px #3B3A38;
                border-bottom: solid 1px #3B3A38;
                font-size: 18px;
                display: none;
            }

        .event-hht-filters.mobile.on ul li {
            display: block;
        }

        .event-hht-filters.mobile ul li.active {
            display: block;
            border-top: solid 1px #3B3A38;
        }

        .event-hht-filters.mobile.on ul li.active {
            border-top: none;
        }

        .event-hht-filters.mobile ul li a {
            color: #3B3A38;
            display: block;
        }

            .event-hht-filters.mobile ul li a:hover, .event-hht-filters.mobile ul li a:focus {
                text-decoration: none;
            }

        .event-hht-filters.mobile ul li:first-child, .event-hht-filters.mobile.on ul li:first-child {
            border-top: solid 1px #3B3A38;
        }

    .hoxHowTo .fitTopCopy {
        display: none;
    }

    .hoxHowTo .fitTopCopyMobile {
        margin-bottom: 40px;
    }

        .hoxHowTo .fitTopCopyMobile .copy-all {
            display: none;
        }

    a.events-loc-how-menu {
        display: block;
    }

    .hoxHowToBanner {
        height: 320px;
    }

    .hoxHowTo .event-hotel-filters > ul li a {
        font-size: 26px;
    }

    .hoxHowTo .when.w-l span {
        color: #fff;
    }

    .hoxHowTo .event-hotel-filters.desktop {
        display: none;
    }

    .eventsHowToTopic .header-navigation.white-nav {
        border-bottom: 1px solid #fff !important;
        background-color: #fff !important;
    }

    .hoxtown-page-content.hoxTopicHeader {
        margin-top: 50px;
    }

    .eventsHowToTopic header.white-nav button.hamburger-menu-button > [class*='bar'] {
        background-color: #000 !important;
    }

    .eventsHowToTopic header.white-nav .home-x-logo #homepage-nav-logo #thehoxton-white {
        visibility: hidden !important;
        -ms-opacity: 0 !important;
        opacity: 0 !important;
    }

    .eventsHowToTopic header.white-nav .home-x-logo #homepage-nav-logo #thehoxton-black {
        visibility: visible !important;
        -ms-opacity: 1 !important;
        opacity: 1 !important;
    }

    .hoxTopicHeader h1, .hoxTopicHeader h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .hoxTopicHeader img {
        margin-top: 53px;
    }

    .fitTopCopyMobile {
        display: block;
    }


        .fitTopCopyMobile a.more-less {
            font-family: BrownRegular;
            font-size: 18px;
            color: #4A4A4A;
        }

    .upcoming-topics h4 {
        font-size: 24px;
        line-height: 30px;
        margin-top: 30px;
        margin-bottom: 40px;
    }

    /*topics slider*/

    .upcoming-topics .topic-slider ul {
        height: 370px;
        max-height: 370px;
    }

    .upcoming-topics ul li {
        height: 350px;
        width: 240px;
    }

        .upcoming-topics ul li h4, .upcoming-topics ul li h5 {
            font-size: 20px;
            line-height: 30px;
        }

        .upcoming-topics ul li .topic-details-theme .icon {
            width: 30%;
        }

        .upcoming-topics ul li .topic-details-theme .location {
            width: 70%;
        }

    .dragup.topic-page {
        height: 42px;
    }

    .topic-details p.see-all, .topic-details p.coming-soon {
        bottom: 30px;
    }

    .hoxtown-page-content.hoxtown-events-landing.hoxTopicContent {
        margin-top: 30px;
    }

    .event-calendar-container.topics {
        padding: 0 25px;
        margin-top: 50px;
    }

    .hht-topic {
        height: 440px;
    }

        .hht-topic .hht-topic-right {
            height: 100%;
        }

        .hht-topic .hht-topic-left {
            position: absolute;
        }

    .hht-row.details {
        height: 120px;
    }

    .hht-row.all {
        position: absolute;
        width: 100%;
        bottom: 0;
    }

    .hht-row.details .hht-cell {
        height: 100%;
        margin-top: 45px;
    }

    .hht-topic .hash {
        left: 0;
        padding-left: 23px;
    }

    .hht-topic .topic-date {
        left: 23px;
    }

    .hht-row {
        height: auto;
        display: block;
        padding-left: 23px;
    }

    p.see-all, p.coming-soon {
        bottom: 14px;
    }

    /*sign up panel*/
    .hoxHowToJoin h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .hoxHowToJoin .contourForm.jointhelist {
        max-width: 90vw;
        margin: 0 auto;
    }


    /*mentor slider*/

    .hht-mentors h3 {
        font-size: 24px;
        line-height: 30px;
        margin: 24px 24px 40px 24px;
    }

    .hoxHowToJoin form {
        margin: 40px 0 50px 0;
    }

    .hht-mentors ul li {
        width: 280px;
        margin-right: 30px;
    }

        .hht-mentors ul li:first-child {
            margin-left: 15px;
        }

        .hht-mentors ul li:last-child {
            margin-right: 15px;
        }

    .dragup.mentors {
        height: 40px;
        margin-bottom: 66px;
    }


    body.fixit {
        position: fixed;
    }

    .overlay-on .overlay {
        width: 100%;
    }

    #overlay .mentor-overlay .mentor-top, .mentor-top {
        height: 390px;
    }

    #overlay .mentor-overlay .hoxHowTo .image-container, .hoxHowTo .mentor-profile .banner-event-item-inner .image-container {
        height: 320px;
    }

    .mentor-top .mentor-win-text, .mentor-top .mentor-theme {
        border-width: 1px;
    }

    #overlay .mentor-overlay .mentor-top .mentor-theme, #overlay .mentor-overlay .mentor-top .mentor-win-text {
        top: 320px;
    }

    #overlay .mentor-overlay .mentor-top .mentor-theme, .mentor-top .mentor-theme {
        width: 70px;
        height: 70px;
        margin: 0 auto;
    }

    #overlay .mentor-overlay .mentor-top .mentor-win-text, .mentor-top .mentor-win-text {
        width: calc(100% - 70px);
        height: 70px;
        border-left: none;
        border-right-width: 1px;
        border-right-style: solid;
    }

    #overlay .mentor-overlay .mentor-win-text .win-link-text, .mentor-win-text .win-link-text {
        display: none;
    }

    #overlay .mentor-overlay .mentor-the-icon, .mentor-the-icon {
        margin: 8px auto;
    }

        #overlay .mentor-overlay .mentor-the-icon p, .mentor-the-icon p {
            display: none;
        }

    #overlay .mentor-overlay .win-theme-text, .win-theme-text {
        display: block;
    }

        #overlay .mentor-overlay .win-theme-text p, .win-theme-text p {
            line-height: 70px;
            padding: 0 0 0 20px;
            margin: 0;
            text-align: left;
        }

    #overlay .mentor-overlay .about-mentor, .about-mentor {
        margin: 0 25px;
    }

    #overlay .mentor-overlay .mentor-qa, .mentor-qa {
        margin: 15px auto 60px auto;
    }

        #overlay .mentor-overlay .mentor-qa h3, .mentor-qa h3 {
            font-size: 24px;
            line-height: 30px;
            margin: 15px 0 20px;
        }

    #overlay .mentor-overlay .mentor-profile .mentor-qa h4, .mentor-profile .mentor-qa h4 {
        margin: 0px 0 30px 0;
    }

    #overlay .mentor-overlay .mentor-qa .faqs, .mentor-qa .faqs {
        margin: 0 25px;
    }

    #overlay .mentor-overlay .mentor-qa h3, .about-mentor h3, .faqs h3 {
        font-size: 20px;
        margin: 15px 0 10px;
    }

    .mentor-profile .mentor-qa p {
        padding: 0 0 10px 0;
    }

    .mentor-contact {
        padding: 0 25px;
    }

        .mentor-contact h3 {
            font-size: 24px;
            line-height: 30px;
            margin: 40px 0 24px 0;
        }

    span.upload label {
        max-width: 50%;
    }

    #mentor-competition-form form p {
        line-height: 40px;
    }

    #mentor-comp-terms-conditions {
        width: 80%;
        margin: 0 10%;
    }

        #mentor-comp-terms-conditions div {
            overflow-y: scroll;
            max-height: 80vh;
        }

    .mobile-break {
        clear: both;
        display: block;
    }

    #mentor-competition-form form textarea {
        width: 100%;
    }

    #overlay .mentor-overlay .mentor-profile .mentor-qa p {
        margin-left: 0;
    }

    #mentor-competition-form form .tcs {
        margin-top: 70px;
    }

    .mentor-contact h5 {
        font-size: 24px;
        line-height: 30px;
    }

    .mentor-profile h4 {
        font-size: 24px;
        line-height: 30px;
        margin: 20px 0 35px 0;
    }

    .mentor-top .mentor-win-text {
        overflow-y: hidden;
    }

    .mentor-contact {
        border-top-width: 1px;
    }

    #overlay .mentor-overlay .mentor-bottom {
        border-left-width: 1px;
        border-right-width: 1px;
    }

    .faqs h3 span.icon {
        background: url(../../img/hht/plus.png) right 6px no-repeat;
    }

    .faqs h3.ui-state-active span.icon {
        background: url(../../img/hht/minus.png) right 16px no-repeat;
    }

    #mentor-form-box h4 {
        font-size: 24px;
        line-height: 30px;
    }

    #mentor-form-box span.subscribed {
        margin: 72px auto 47px;
    }
}

@media (max-width: 420px) {
    .hoxHowToJoin {
        margin-top: 50px;
    }

        .hoxHowToJoin .contourForm.jointhelist {
            max-width: 85vw;
        }

            .hoxHowToJoin .contourForm.jointhelist .email input[type="text"], .mentor-contact .contourForm.jointhelist .email input[type="text"] {
                width: calc(100% - 10px);
            }

        .hoxHowToJoin form {
            margin: 40px 0 50px 0;
        }

    .upcoming-topics {
        margin-top: 40px;
    }
}
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
    outline: none;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
    background: #fff url('ajax-loader.html') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../../js/slick/fonts/slick.eot');
    src: url('js/slick/fonts/slickd41d.html?#iefix') format('embedded-opentype'), url('js/slick/fonts/slick.html') format('woff'), url('js/slick/fonts/slick-2.html') format('truetype'), url('js/slick/fonts/slick-3.html#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: .25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: white;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    z-index: 2;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 15px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                font-family: 'slick';
                font-size: 26px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '•';
                text-align: center;
                opacity: .25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black;
        }

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
    width: 100%;
    height: 400px;
    position: relative;
    direction: ltr;
    text-align: left;
}

    .royalSlider > * {
        float: left;
    }

.rsWebkit3d .rsSlide {
    -webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
    -webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}

.rsOverflow {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

    .rsVisibleNearbyWrap .rsOverflow {
        position: absolute;
        left: 0;
        top: 0;
    }

.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
    cursor: pointer;
}

.rsThumb {
    float: left;
    position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
    opacity: 1;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
    width: 100%;
    float: left;
    text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    display: none;
}

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
    height: auto;
}

.rsContent {
    width: 100%;
    height: 100%;
    position: relative;
}

.rsPreloader {
    position: absolute;
    z-index: 0;
}

.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}

.rsNavItem {
    -webkit-tap-highlight-color: rgba(0,0,0,0.25);
}

.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22;
}

.rsTabs {
    float: left;
    background: none !important;
}

.rsTabs,
.rsThumbs {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


.rsVideoContainer {
    /*left: 0;
	top: 0;
	position: absolute;*/
    /*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
    width: auto;
    height: auto;
    line-height: 0;
    position: relative;
}

.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s;
}

    .rsVideoFrameHolder.rsVideoActive {
        opacity: 1;
    }

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 44px;
}

.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15;
}

img.rsImg {
    max-width: none;
}

.grab-cursor {
    cursor: url('../../js/royalslider/grab.png') 8 8, move;
}


.bedroomHeader-slider .rsSlide.rsPrevSlide {
    cursor: url(../../img/left_cursor.png), auto;
}


.bedroomHeader-slider .rsSlide.rsNextSlide {
    cursor: url(../../img/right_cursor.png), auto;
}


.bedroomHeader-slider .rsSlide.rsActiveSlide {
    cursor: default;
}



.grabbing-cursor {
    cursor: url('../../js/royalslider/grabbing.png') 8 8, move;
}

.bedroomHeader-slider .grabbing-cursor .rsSlide.rsPrevSlide {
    cursor: url(../../img/left_cursor.png), auto;
}


.bedroomHeader-slider .grabbing-cursor .rsSlide.rsNextSlide {
    cursor: url(../../img/right_cursor.png), auto;
}


.bedroomHeader-slider .grabbing-cursor .rsSlide.rsActiveSlide {
    cursor: default;
}


.rsNoDrag {
    cursor: auto;
}

.rsLink {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    background: url(blank.html);
}

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
    background: #FFF;
    color: #151515;
}


    .rsDefault.royalSlider {
        width: 100%;
        height: 600px;
    }


    /***************
*
*  1. Arrows
*
****************/

    .rsDefault .rsArrow {
        height: 100%;
        width: 44px;
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 6;
    }

    .rsDefault.rsVer .rsArrow {
        width: 100%;
        height: 44px;
    }

    .rsDefault.rsVer .rsArrowLeft {
        top: 0;
        left: 0;
    }

    .rsDefault.rsVer .rsArrowRight {
        bottom: 0;
        left: 0;
    }

    .rsDefault.rsHor .rsArrowLeft {
        left: 0;
        top: 0;
    }

    .rsDefault.rsHor .rsArrowRight {
        right: 0;
        top: 0;
    }

    .rsDefault .rsArrowIcn {
        width: 32px;
        height: 32px;
        top: 50%;
        left: 50%;
        margin-top: -16px;
        margin-left: -16px;
        position: absolute;
        cursor: pointer;
        background: url('../../js/royalslider/skins/default/rs-default.png');
        background-color: #FFF;
        border-radius: 2px;
    }

        .rsDefault .rsArrowIcn:hover {
            background-color: #EEE;
        }

    .rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
        background-position: -64px -32px;
    }

    .rsDefault.rsHor .rsArrowRight .rsArrowIcn {
        background-position: -64px -64px;
    }

    .rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
        background-position: -96px -32px;
    }

    .rsDefault.rsVer .rsArrowRight .rsArrowIcn {
        background-position: -96px -64px;
    }

    .rsDefault .rsArrowDisabled .rsArrowIcn {
        opacity: .2;
        filter: alpha(opacity=20);
        *display: none;
    }


    /***************
*
*  2. Bullets
*
****************/

    .rsDefault .rsBullets {
        position: absolute;
        z-index: 35;
        left: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        margin: 0 auto;
        background: #000;
        background: rgba(0,0,0,0.75);
        text-align: center;
        line-height: 8px;
        overflow: hidden;
    }

    .rsDefault .rsBullet {
        width: 8px;
        height: 8px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding: 6px 5px 6px;
    }

        .rsDefault .rsBullet span {
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #777;
            background: rgba(255,255,255,0.5);
        }

        .rsDefault .rsBullet.rsNavSelected span {
            background-color: #FFF;
        }





    /***************
*
*  3. Thumbnails
*
****************/

    .rsDefault .rsThumbsHor {
        width: 100%;
        height: 72px;
    }

    .rsDefault .rsThumbsVer {
        width: 96px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .rsDefault.rsWithThumbsHor .rsThumbsContainer {
        position: relative;
        height: 100%;
    }

    .rsDefault.rsWithThumbsVer .rsThumbsContainer {
        position: relative;
        width: 100%;
    }

    .rsDefault .rsThumb {
        float: left;
        overflow: hidden;
        width: 96px;
        height: 72px;
    }

        .rsDefault .rsThumb img {
            width: 100%;
            height: 100%;
        }

        .rsDefault .rsThumb.rsNavSelected {
            background: #02874a;
        }

            .rsDefault .rsThumb.rsNavSelected img {
                opacity: 0.3;
                filter: alpha(opacity=30);
            }

    .rsDefault .rsTmb {
        display: block;
    }

        /* Thumbnails with text */
        .rsDefault .rsTmb h5 {
            font-size: 16px;
            margin: 0;
            padding: 0;
            line-height: 20px;
            color: #FFF;
        }

        .rsDefault .rsTmb span {
            color: #DDD;
            margin: 0;
            padding: 0;
            font-size: 13px;
            line-height: 18px;
        }



    /* Thumbnails arrow icons */
    .rsDefault .rsThumbsArrow {
        height: 100%;
        width: 20px;
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 21;
        background: #000;
        background: rgba(0,0,0,0.75);
    }

        .rsDefault .rsThumbsArrow:hover {
            background: rgba(0,0,0,0.9);
        }

    .rsDefault.rsWithThumbsVer .rsThumbsArrow {
        width: 100%;
        height: 20px;
    }

    .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
        top: 0;
        left: 0;
    }

    .rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
        bottom: 0;
        left: 0;
    }

    .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
        left: 0;
        top: 0;
    }

    .rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
        right: 0;
        top: 0;
    }

    .rsDefault .rsThumbsArrowIcn {
        width: 16px;
        height: 16px;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
        position: absolute;
        cursor: pointer;
        background: url('../../js/royalslider/skins/default/rs-default.png');
    }

    .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
        background-position: -128px -32px;
    }

    .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
        background-position: -128px -48px;
    }

    .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
        background-position: -144px -32px;
    }

    .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
        background-position: -144px -48px;
    }

    .rsDefault .rsThumbsArrowDisabled {
        display: none !important;
    }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
    .rsDefault .rsThumb {
        width: 59px;
        height: 44px;
    }

    .rsDefault .rsThumbsHor {
        height: 44px;
    }

    .rsDefault .rsThumbsVer {
        width: 59px;
    }
    .colrightvictorian
    {}
}




/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding-top: 12px;
    position: relative;
}

.rsDefault .rsTab {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    height: auto;
    width: auto;
    color: #333;
    padding: 5px 13px 6px;
    min-width: 72px;
    border: 1px solid #D9D9DD;
    border-right: 1px solid #f5f5f5;
    text-decoration: none;
    background-color: #FFF;
    background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
    background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
    background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
    -webkit-box-shadow: inset 1px 0 0 #fff;
    box-shadow: inset 1px 0 0 #fff;
    *display: inline;
    *zoom: 1;
}

    .rsDefault .rsTab:first-child {
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .rsDefault .rsTab:last-child {
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right: 1px solid #cfcfcf;
    }

    .rsDefault .rsTab:active {
        border: 1px solid #D9D9DD;
        background-color: #f4f4f4;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    }

    .rsDefault .rsTab.rsNavSelected {
        color: #FFF;
        border: 1px solid #999;
        text-shadow: 1px 1px #838383;
        box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
        background: #ACACAC;
        background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
        background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
        background-image: linear-gradient(to bottom, #ACACAC, #BBB);
    }





/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
    right: 0;
    bottom: 0;
    width: 44px;
    height: 44px;
    z-index: 22;
    display: block;
    position: absolute;
    cursor: pointer;
}

.rsDefault .rsFullscreenIcn {
    display: block;
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url('../../js/royalslider/skins/default/rs-default.png') 0 0;
    background-color: #FFF;
    border-radius: 2px;
}

    .rsDefault .rsFullscreenIcn:hover {
        background-color: #EEE;
    }

.rsDefault.rsFullscreen .rsFullscreenIcn {
    background-position: -32px 0;
}

/* Scaling transforms */
.rsDefault .rsSlide img {
    opacity: 0.3 !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.rsDefault .rsActiveSlide img {
    opacity: 1 !important;
}

.rsDefault.rsFullscreen .rsSlide img {
    opacity: 0 !important;
}

.rsDefault.rsFullscreen .rsActiveSlide img {
    opacity: 1 !important;
}




/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
    -webkit-tap-highlight-color: rgba(0,0,0,0.3);
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    cursor: pointer;
}

.rsDefault .rsPlayBtnIcon {
    width: 64px;
    display: block;
    height: 64px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    background: url('../../js/royalslider/skins/default/rs-default.png') no-repeat 0 -32px;
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    *background-color: #000;
}

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
    background-color: rgba(0,0,0,0.9);
}

.rsDefault .rsBtnCenterer {
    position: absolute;
    left: 50%;
    top: 50%;
}

.rsDefault .rsCloseVideoBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 500;
    position: absolute;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}

    .rsDefault .rsCloseVideoBtn.rsiOSBtn {
        top: -38px;
        right: -6px;
    }

.rsDefault .rsCloseVideoIcn {
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url('../../js/royalslider/skins/default/rs-default.png') -64px 0;
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    *background-color: #000;
}

    .rsDefault .rsCloseVideoIcn:hover {
        background-color: rgba(0,0,0,0.9);
    }



/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
    width: 20px;
    height: 20px;
    background-image: url('../../js/royalslider/skins/preloaders/cross2.gif');
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
}




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
    position: absolute;
    float: none;
    bottom: 6px;
    left: 6px;
    text-align: left;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);
    color: #FFF;
    padding: 2px 8px;
    width: auto;
    font-size: 12px;
    border-radius: 2px;
}







/*.rsFullscreen .rsSlide {
        width: auto;
        overflow: hidden;
        border: none
    }

    .rsFullscreen .rsSlide>* {
        -webkit-transition: opacity .2s linear;
        -moz-transition: opacity .2s linear;
        -o-transition: opacity .2s linear;
        transition: opacity .2s linear;
        opacity: 0!important
    }

    .rsFullscreen .slides {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        height: 80%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }*/

/******************************
*
*  RoyalSlider Default Inverted Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default-inverted.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsDefaultInv,
.rsDefaultInv .rsOverflow,
.rsDefaultInv .rsSlide,
.rsDefaultInv .rsVideoFrameHolder,
.rsDefaultInv .rsThumbs {
    background: #FFF;
    color: #222;
    border: 1px solid #EEE;
    margin-bottom: 50px;
}


    /***************
*
*  1. Arrows
*
****************/

    .rsDefaultInv .rsArrow {
        height: 100%;
        width: 44px;
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 21;
    }

    .rsDefaultInv.rsVer .rsArrow {
        width: 100%;
        height: 44px;
    }

    .rsDefaultInv.rsVer .rsArrowLeft {
        top: 0;
        left: 0;
    }

    .rsDefaultInv.rsVer .rsArrowRight {
        bottom: 0;
        left: 0;
    }

    .rsDefaultInv.rsHor .rsArrowLeft {
        left: -50px;
        top: 0;
    }

    .rsDefaultInv.rsHor .rsArrowRight {
        right: -50px;
        top: 0;
    }

    .rsDefaultInv.rsHor.rsFullscreen .rsArrowLeft {
        left: 0;
        top: 0;
    }

    .rsDefaultInv.rsHor.rsFullscreen .rsArrowRight {
        right: 0;
        top: 0;
    }

    .rsDefaultInv .rsArrowIcn {
        width: 32px;
        height: 32px;
        top: 50%;
        left: 50%;
        margin-top: -16px;
        margin-left: -16px;
        position: absolute;
        cursor: pointer;
        background: url('../../js/royalslider/skins/default-inverted/rs-default-inverted.png');
        background-color: #FFF;
        background-color: rgba(255,255,255, .75);
        *background-color: #FFF;
        border-radius: 2px;
    }

        .rsDefaultInv .rsArrowIcn:hover {
            background-color: rgba(255,255,255,0.9);
        }

    .rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn {
        background-position: -64px -32px;
    }

    .rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn {
        background-position: -64px -64px;
    }

    .rsDefaultInv.rsVer .rsArrowLeft .rsArrowIcn {
        background-position: -96px -32px;
    }

    .rsDefaultInv.rsVer .rsArrowRight .rsArrowIcn {
        background-position: -96px -64px;
    }

    .rsDefaultInv .rsArrowDisabled .rsArrowIcn {
        filter: alpha(opacity=20);
        opacity: .2;
        *display: none;
    }


    /***************
*
*  2. Bullets
*
****************/

    .rsDefaultInv .rsBullets {
        position: relative;
        z-index: 35;
        padding-top: 4px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        text-align: center;
        line-height: 5px;
        overflow: hidden;
    }

    .rsDefaultInv .rsBullet {
        width: 5px;
        height: 5px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding: 6px;
    }

        .rsDefaultInv .rsBullet span {
            display: block;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #BBB;
        }

        .rsDefaultInv .rsBullet.rsNavSelected span {
            background-color: #000;
        }





    /***************
*
*  3. Thumbnails
*
****************/

    .rsDefaultInv .rsThumbsHor {
        width: 100%;
        height: 72px;
    }

    .rsDefaultInv .rsThumbsVer {
        width: 96px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .rsDefaultInv.rsWithThumbsHor .rsThumbsContainer {
        position: relative;
        height: 100%;
    }

    .rsDefaultInv.rsWithThumbsVer .rsThumbsContainer {
        position: relative;
        width: 100%;
    }

    .rsDefaultInv .rsThumb {
        float: left;
        overflow: hidden;
        width: 96px;
        height: 72px;
    }

        .rsDefaultInv .rsThumb img {
            width: 100%;
            height: 100%;
        }

        .rsDefaultInv .rsThumb.rsNavSelected {
            background: #FFF;
        }

            .rsDefaultInv .rsThumb.rsNavSelected img {
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

    .rsDefaultInv .rsTmb {
        display: block;
    }

        /* Thumbnails with text */
        .rsDefaultInv .rsTmb h5 {
            font-size: 16px;
            margin: 0;
            padding: 0;
            line-height: 20px;
        }

        .rsDefaultInv .rsTmb span {
            color: #DDD;
            margin: 0;
            padding: 0;
            font-size: 13px;
            line-height: 18px;
        }



    /* Thumbnails arrow icons */
    .rsDefaultInv .rsThumbsArrow {
        height: 100%;
        width: 20px;
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 21;
        background: #FFF;
        background: rgba(255,255,255,0.75);
    }

        .rsDefaultInv .rsThumbsArrow:hover {
            background: rgba(255,255,255,0.9);
        }

    .rsDefaultInv.rsWithThumbsVer .rsThumbsArrow {
        width: 100%;
        height: 20px;
    }

    .rsDefaultInv.rsWithThumbsVer .rsThumbsArrowLeft {
        top: 0;
        left: 0;
    }

    .rsDefaultInv.rsWithThumbsVer .rsThumbsArrowRight {
        bottom: 0;
        left: 0;
    }

    .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowLeft {
        left: 0;
        top: 0;
    }

    .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowRight {
        right: 0;
        top: 0;
    }

    .rsDefaultInv .rsThumbsArrowIcn {
        width: 16px;
        height: 16px;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
        position: absolute;
        cursor: pointer;
        background: url('../../js/royalslider/skins/default-inverted/rs-default-inverted.png');
    }

    .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
        background-position: -128px -32px;
    }

    .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
        background-position: -128px -48px;
    }

    .rsDefaultInv.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
        background-position: -144px -32px;
    }

    .rsDefaultInv.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
        background-position: -144px -48px;
    }

    .rsDefaultInv .rsThumbsArrowDisabled {
        display: none !important;
    }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
    .rsDefaultInv .rsThumb {
        width: 59px;
        height: 44px;
    }

    .rsDefaultInv .rsThumbsHor {
        height: 44px;
    }

    .rsDefaultInv .rsThumbsVer {
        width: 59px;
    }
}




/***************
*
*  4. Tabs
*
****************/

.rsDefaultInv .rsTabs {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding-top: 12px;
    position: relative;
}

.rsDefaultInv .rsTab {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    height: auto;
    width: auto;
    color: #333;
    padding: 5px 13px 6px;
    min-width: 72px;
    border: 1px solid #D9D9DD;
    border-right: 1px solid #f5f5f5;
    text-decoration: none;
    background-color: #FFF;
    background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
    background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
    background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
    -webkit-box-shadow: inset 1px 0 0 #fff;
    box-shadow: inset 1px 0 0 #fff;
    *display: inline;
    *zoom: 1;
}

    .rsDefaultInv .rsTab:first-child {
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .rsDefaultInv .rsTab:last-child {
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right: 1px solid #cfcfcf;
    }

    .rsDefaultInv .rsTab:active {
        border: 1px solid #D9D9DD;
        background-color: #f4f4f4;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    }

    .rsDefaultInv .rsTab.rsNavSelected {
        color: #FFF;
        border: 1px solid #999;
        text-shadow: 1px 1px #838383;
        box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
        background: #ACACAC;
        background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
        background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
        background-image: linear-gradient(to bottom, #ACACAC, #BBB);
    }





/***************
*
*  5. Fullscreen button
*
****************/

.rsDefaultInv .rsFullscreenBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 22;
    display: block;
    position: absolute;
    cursor: pointer;
}

.rsDefaultInv .rsFullscreenIcn {
    display: block;
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url('../../js/royalslider/skins/default-inverted/rs-default-inverted.png') -1px 1px;
    background-color: #FFF;
    background-color: rgba(255,255,255,0.75);
    *background-color: #FFF;
    border-radius: 2px;
    border: 1px solid #EEE;
}

    .rsDefaultInv .rsFullscreenIcn:hover {
        background-color: rgba(255,255,255,0.9);
    }

.rsDefaultInv.rsFullscreen .rsFullscreenIcn {
    background-position: -37px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsDefaultInv .rsPlayBtn {
    -webkit-tap-highlight-color: rgba(0,0,0,0.3);
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    cursor: pointer;
}

.rsDefaultInv .rsPlayBtnIcon {
    width: 64px;
    display: block;
    height: 64px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    background: url('../../js/royalslider/skins/default-inverted/rs-default-inverted.png') no-repeat 0 -32px;
    background-color: #FFF;
    background-color: rgba(255,255,255,0.75);
    *background-color: #FFF;
}

.rsDefaultInv .rsPlayBtn:hover .rsPlayBtnIcon {
    background-color: rgba(255,255,255,0.9);
}

.rsDefaultInv .rsBtnCenterer {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
}

.rsDefaultInv .rsCloseVideoBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 500;
    position: absolute;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}

    .rsDefaultInv .rsCloseVideoBtn.rsiOSBtn {
        top: -38px;
        right: -6px;
    }

.rsDefaultInv .rsCloseVideoIcn {
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url('../../js/royalslider/skins/default-inverted/rs-default-inverted.png') -64px 0;
    background-color: #FFF;
    background-color: rgba(255,255,255,0.75);
    *background-color: #FFF;
}

    .rsDefaultInv .rsCloseVideoIcn:hover {
        background-color: rgba(255,255,255,0.9);
    }



/***************
*
*  7. Preloader
*
****************/

.rsDefaultInv .rsPreloader {
    width: 20px;
    height: 20px;
    background-image: url(../preloaders/preloader.html);
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
}




/***************
*
*  8. Global caption
*
****************/
.rsDefaultInv .rsGCaption {
    position: absolute;
    float: none;
    bottom: 6px;
    left: 6px;
    text-align: left;
    background: #FFF;
    background: rgba(255,255,255, 0.75);
    color: #000;
    padding: 2px 8px;
    width: auto;
    font-size: 12px;
    border-radius: 2px;
}

* {
    box-sizing: border-box;
}

/* Generic Styles */
body, html {
    margin: 0;
    padding: 0;
    font-family: 'BrownLight';
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
}

option {
    font-weight: normal !important;
    display: block !important;
    white-space: pre !important;
    min-height: 1.2em !important;
    padding: 0px 2px 1px !important;
}

@media (max-width: 922px) {
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        box-sizing: border-box;
        align-items: center;
        white-space: pre;
        -webkit-rtl-ordering: logical;
        color: black;
        background-color: white;
        cursor: default;
        border-width: 1px;
        border-style: solid;
        border-color: initial;
        border-image: initial;
        text-align: center;
        text-align-last: center;
    }


    option {
        font-weight: normal !important;
        display: block !important;
        white-space: pre !important;
        min-height: 1.2em !important;
        padding: 0px 2px 1px !important;
        text-align: left;
    }
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

/*
input, textarea, keygen, select, button {

    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border-radius: 0;

}*/


.hotown-landing, .hoxtown-page-content {
    font-family: 'BrownRegular';
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.dark-bg-overlay {
    background: rgba(0,0,0,0.2);
    position: absolute;
    width: 100%;
    height: 100%;
}

a.green-link {
    color: #7dc6bd;
    font-family: 'BrownRegular';
}

.event-description-text.info.clearfix a {
    color: #353535;
}

    .event-description-text.info.clearfix a strong {
        color: #353535;
    }

        .event-description-text.info.clearfix a strong:hover {
            text-decoration: underline;
        }

address {
    font-style: normal;
    font-family: 'BrownRegular';
    color: #7dc6bd;
    margin-bottom: 16px;
    font-size: 15px;
    width: 270px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.landing-event-address address {
    width: 100% !important;
}

.hoxtown-page-content .page-content {
    /*min-height: calc(100vh - 80px);*/
    margin-bottom: 120px;
}

/* Hoxtown Landing */
.hoxtown-landing {
    clear: both;
}

    .hoxtown-landing .slider {
        margin-top: 60px;
        margin-bottom: 0;
    }

    .hoxtown-landing .panel {
        text-align: center;
        font-size: 40px;
        width: 100% !important;
        position: relative;
        padding: 0;
        height: 442px;
        float: left;
        margin: 0 !important;
    }

        .hoxtown-landing .panel.see-all {
            background: #7cc6bd;
        }

        .hoxtown-landing .panel.filters {
            background: #113B53;
        }

        .hoxtown-landing .panel.see-all a {
            color: #fff;
            display: block;
            width: 100%;
            text-decoration: none;
            padding: 192px 0;
            font-family: "BrownLight" !important;
        }

/* Hoxtown Page */
.hoxtown-page-content {
    position: relative;
    /*height: 100%;*/
    margin-top: 80px;
}

    .hoxtown-page-content .load-more-container a {
        font-size: 26px;
        color: #353535;
        margin: 20px 0 20px;
        padding: 20px 0 30px;
        display: block;
        text-align: center;
        clear: both;
        position: relative;
    }

        .hoxtown-page-content .load-more-container a:hover {
            text-decoration: none;
        }

            .hoxtown-page-content .load-more-container a:after, .hoxtown-page-content .load-more-container a:hover:after {
                transition: width 0.2s linear;
                content: '';
                display: block;
                height: 4px;
                position: absolute;
                margin-top: 4px;
                background: rgba(161, 217, 212, 1);
                left: 50%;
                transform: translateX(-50%);
            }

        .hoxtown-page-content .load-more-container a:after {
            width: 0;
        }

        .hoxtown-page-content .load-more-container a:hover:after {
            width: 100px;
        }

    .hoxtown-page-content .load-more-container .load-more {
        padding: 20px;
        display: inline-block;
    }

/* Overlay */
.overlay {
    display: none;
}

    .overlay .overlay-head {
        width: 100%;
        text-align: center;
        padding-bottom: 40px;
    }

        .overlay .overlay-head .close {
            margin: 0 auto;
            display: inline-block;
            overflow: hidden;
        }

.overlay-on {
    overflow: hidden;
}

    .overlay-on .overlay {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(255,255,255,0.95);
        z-index: 1000;
        padding: 70px 0;
        overflow-y: auto;
        overflow-x: hidden;
    }


/* Title Styles */
.page-title h1 {
    text-align: center;
}

.event-page .page-title h1 {
    font-family: BrownRegular;
    font-size: 48px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 53px;
}

.image-slider .main-image,
.image-slider .image-slide,
.slider .event-item {
    display: none;
}


.image-slider.slick-initialized .main-image,
.image-slider.slick-initialized .image-slide,
.slider .slick-initialized .event-item {
    display: block;
}

slider.slick-initialized .image-slide:focus {
    outline: 2px solid #50e3c2 !important;
    outline-offset: 0 !important;
}
/* Event Hotel Filters */
.event-hotel-filters {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

    .event-hotel-filters > ul {
        list-style: none;
        margin: 0 auto;
        overflow: hidden;
        width: 50%;
        padding: 0;
    }

        .event-hotel-filters > ul li {
            display: inline-block;
            margin: 0;
            position: relative;
        }

.rooms-page ul.rooms-links li {
    vertical-align: middle;
}

.rooms-page .page-content.on {
    margin-top: 80px;
}

.rooms-page ul.rooms-links li a.inactive p {
    opacity: 0.2;
}

.rooms-page ul.rooms-links li p {
    margin: 10px 2%;
}

.rooms-page .room-link p {
    font-size: 18px;
}

.rooms-page div .book-now-form {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .rooms-page ul.rooms-links li p.slider-from-price {
        margin-top: -5px;
    }
}

@media (max-width: 500px) {
    .rooms-page ul.rooms-links li p {
        margin: 10px auto;
    }
}

.rooms-page ul.rooms-links li p.size {
    margin-top: -5px;
}

.rooms-page .rooms-links {
    width: 100vw !important;
    text-align: center;
}


@media (max-width: 991px) {
    .rooms-page ul.rooms-links .room-link {
        width: 16%;
    }
}

.hoxtown-events-landing .event-hotel-filters > ul li {
    margin: 2% 3%;
}

.event-hotel-filters > ul li:after,
.event-hotel-filters > ul li:hover:after {
    transition: width 0.2s linear;
    content: '';
    display: block;
    height: 4px;
    position: absolute;
    margin-top: 4px;
    background: rgba(161, 217, 212, 1);
    left: 50%;
    transform: translateX(-50%);
}

.event-hotel-filters > ul li:after {
    width: 0%;
}

.event-hotel-filters > ul li.active:after {
    width: 33.33%;
}

.event-hotel-filters > ul li:hover:after {
    width: 80%;
}

.event-hotel-filters > ul li a {
    text-decoration: none;
    color: #454545;
    font-size: 26px;
}


/* Event Item */
.event-item,
.event-item:hover {
    color: #454545;
}

.event-item {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

/* Slider */
.slick-slider {
    margin-bottom: 40px;
}

    .slick-slider .event-item-inner {
        padding-top: 0;
    }

    .slick-slider .event-item-inner, .event-highlight-container-inner {
        width: 90%;
        max-width: 700px;
        margin: 0 auto;
    }

.slick-slide {
    transition: transform 0.2s ease-in-out;
}

    .slick-slide.slick-current {
        transform: scale(1);
        margin: 0 auto;
    }

/* Event Highlight Container */
.event-highlight-container {
    width: 100%;
    clear: both;
    overflow: hidden;
    position: relative;
    margin-bottom: 50px;
}

.event-highlight-slider {
    /*background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgb(124, 198, 189) 40%, rgb(124, 198, 189) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(124, 198, 189,1)), color-stop(100%, rgba(124, 198, 189,1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgb(124, 198, 189) 40%, rgb(124, 198, 189) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(124, 198, 189,1) 40%, rgba(124, 198, 189,1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(124, 198, 189,1) 40%, rgba(124, 198, 189,1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(124, 198, 189,1) 40%, rgba(124, 198, 189,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    padding-bottom: 50px;*/
}

.event-highlight-container.slick-slider {
    margin-bottom: 40px;
}

.event-highlight-container-inner {
    padding: 70px 0 70px;
}

/* banner at top of event page */
.header-section {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
}

.banner-event-item {
    width: 70%;
    margin: 0 auto;
}

.event-actions-desktop .event-actions-wrapper {
    position: absolute;
    top: 320px;
    right: 0;
    width: 15%;
}

.event-page .when-desktop > div {
    top: 320px;
}

.event-actions-desktop {
    width: 400px;
}

.when-desktop {
    width: 15%;
}

    .when-desktop > div {
        position: absolute;
        bottom: 0;
        width: 15%;
    }

/* banner at top of event popup */
#event-overlay .banner-event-item {
    max-width: 600px;
}

#event-overlay .event-actions-desktop .event-actions-wrapper {
    top: 250px;
    width: 200px;
}

#event-overlay .event-calendar-container .event-item.col-md-4 .content .when.end-date {
    margin-left: -4.5%;
    width: 35%;
}

    #event-overlay .event-calendar-container .event-item.col-md-4 .content .when.end-date + .info {
        width: 67%;
    }


#event-overlay .when-desktop {
    width: 200px;
}

    #event-overlay .when-desktop > div {
        width: 200px;
    }

.when-mobile {
    display: none;
}

.time {
    margin-top: 22px;
    font-family: BrownLight;
}

@media (max-width: 1200px) and (max-height: 699px) {
    .time {
        margin-top: -5px;
    }
    /*.book-now .book-dates-container.on .meeting-rooms-date-time-selector-container.book-tab .datepicker.picker .time {*/
    .book-now-container .meeting-rooms-date-time-selector-container.book-tab .datepicker.picker .time {
        margin-top: 22px;
    }

    #SearchAgain .time-of-day .time {
        margin-top: 22px;
    }
}

/* Event Popup, Event and Blog Body Wrappers */

.body-content {
    margin: 0 auto;
    width: 70%;
    max-width: 800px;
}


/*.body-content {
    margin: 0 auto;    width:70%;
    max-width: 800px;
}


.body-content p {   
    margin: 0 29%;
    width:70%;
    max-width: 800px;
    

}*/

.blog-page .body-content img {
    margin: 50px auto;
    display: block;
}


/* When Date & Time Slider */
.event-highlight-slider .when {
    position: absolute;
    top: 0;
    left: 0px;
    background: #7cc6bd;
    color: #454545;
    height: 160px;
    width: 160px;
    text-align: center;
    opacity: 0;
    transition: 0.5s opacity;
}

.event-highlight-slider .when {
    opacity: 0;
}

.event-highlight-slider .slick-current .when {
    opacity: 1;
}

.event-highlight-slider .when > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* Event Highlight Slider */
.event-highlight-slider .slick-slide {
    max-width: 1020px;
}

.event-highlight-slider h3.title {
    margin-top: 32px;
    margin-bottom: 12px;
    font-size: 29px;
    font-family: BrownRegular;
}

.event-highlight-slider .image-container {
    height: 438px;
}

/* Event Actions */
.event-actions button {
    background: #fff;
}

.event-actions a.book, .event-actions button, .open-event {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
    height: 100px;
}

.pos-rel {
    position: relative;
}

.has-price {
    position: absolute;
    color: #fff;
    margin-left: 46%;
    top: 73px;
}

.with-desktop-price {
}

.open-event {
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    width: 15%;
    background-color: #7cc6bd;
    color: #ffffff;
}

.event-actions a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 100px;
    height: 100px;
    text-decoration: none;
}

    .event-actions a.book {
        background: #7cc6bd;
        color: #fff;
        line-height: normal;
        font-size: 15px;
    }

.event-actions .add-to-calendar {
    background: #fff;
}
/* Event Actions Mobile */
.event-actions-mobile.event-actions a.book, .event-actions-mobile.event-actions button {
    height: 70px;
    padding: 15px 36px 15px;
}

.event-actions-mobile {
    display: none;
}

.event-actions a.book {
    background: #7cc6bd;
    color: #fff;
    display: table;
    -moz-box-sizing: border-box;
}

    .event-actions a.book span {
        vertical-align: middle;
        text-align: center;
    }

    .event-actions a.book span {
        display: table-cell;
    }

    .event-actions a.book.desktop-with-price span {
        display: block;
    }

/* Image Containers */
.image-container {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 520px;
    position: relative;
    text-align: center;
}

    .image-container .title {
        top: 50%;
        transform: translateY(-50%);
        position: relative;
        width: 100%;
        color: #fff;
        font-size: 42px;
    }

    .image-container span.title {
        max-width: 650px;
        padding: 0 20px;
        display: inline-block;
    }

/* Image Item */
.image-item {
    position: relative;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.25s ease-in-out;
}

/* Event Calendar Container */
.event-calendar-container {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    clear: both;
}

    .event-calendar-container .image-container {
        height: 260px;
        overflow: hidden;
        transition: all 0.25s ease-in-out;
    }

    .event-calendar-container .event-item {
        margin: 20px;
        width: 370px;
        min-height: 400px;
        float: left;
        position: relative;
        background-color: #F2F2F2;
        background: rgba(255, 255, 255, 1);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(242, 242, 242, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    }

    .event-calendar-container .event-item-inner {
        width: 90%;
        max-width: 320px;
        margin: 0 auto;
    }

#event-overlay .event-calendar-container .event-item-inner {
    width: 85%;
    max-width: 220px;
}

.event-calendar-container .event-item:hover .image-container {
    transform: translateY(-10px);
}

.event-calendar-container .event-item .content {
    overflow: visible;
    margin-top: 22px;
    position: relative;
}

    .event-calendar-container .event-item .content .when {
        float: left;
        width: 25%;
        margin-left: -1.5%;
        margin-top: 2%;
    }

        .event-calendar-container .event-item .content .when.end-date {
            margin-left: -2.5%;
        }

.hoxtown-events-landing .event-calendar-container .event-item .content .when.end-date {
    margin-left: -4.5%;
    width: 28%;
}

    .hoxtown-events-landing .event-calendar-container .event-item .content .when.end-date span.date {
        font-size: 29px;
    }

.event-calendar-container .event-item .content .info {
    float: right;
    width: 72%;
}

    .event-calendar-container .event-item .content .info .title {
        font-size: 20px;
        padding: 0;
        margin: -2px 0 5px;
        line-height: 1.3;
        font-family: Arial;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .event-calendar-container .event-item .content .info .where {
        display: block;
        width: 100%;
        font-size: 12px;
    }

.event-calendar-container .event-item.calendar-month {
    background: #a1dad4;
    text-align: center;
    font-size: 40px;
}

    .event-calendar-container .event-item.calendar-month span {
        color: #fff;
        display: block;
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
    }


/* Event Overlay */
#event-overlay .header-section {
    margin: -250px auto 0;
}

#event-overlay .banner-event-item .image-container {
    height: 450px;
}

#event-overlay .event-calendar-container .image-container {
    height: 170px;
}

#event-overlay .event-calendar-container .event-item.calendar-month, #event-overlay .event-calendar-container .event-item {
    min-height: 340px;
    width: 44%;
}

    #event-overlay .event-calendar-container .event-item.calendar-month, #event-overlay .event-calendar-container .event-item.col-md-4 {
        min-height: 280px;
        width: 240px;
    }

#event-overlay .body-content .info {
    float: left;
    width: 50%;
}

.event-description-text {
    padding-top: 10px;
}

#event-overlay .body-content {
    width: 65%;
    max-width: 600px;
}

/* Event Popup */
.event-detail {
    background: #F2F2F2;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 250px;
    min-height: 250px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(3,3,3,.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(3,3,3,.1);
    -o-box-shadow: 0 3px 5px 0 rgba(3,3,3,.1);
    -ms-box-shadow: 0 3px 5px 0 rgba(3,3,3,.1);
    box-shadow: 0 3px 5px 0 rgba(3,3,3,.1);
    padding-bottom: 50px;
}

#event-overlay .event-header .info {
    float: left;
    width: 50%;
}

#event-overlay .related-events {
    clear: both;
}

#event-overlay .event-calendar-container {
    max-width: 834px;
}

#event-overlay .related-events h4, .related-events.related-more-info h4 {
    padding: 40px 20px 20px;
    margin: 0;
    font-size: 26px;
    text-align: center;
}

#event-overlay .event-header .event-item .event-item-inner .content .info h4 {
    margin-bottom: 10px;
}

#event-overlay .event-header .event-item-inner .info p:first-of-type {
    margin-top: 25px;
}

#event-overlay .day, #event-overlay .month {
    font-size: 18px;
    line-height: 18px;
}

#event-overlay .related-events .when span.date, .related-events.related-more-info .when span.date {
    font-size: 24px;
    margin-bottom: 3px;
}

#event-overlay .related-events .event-calendar-container .event-item .content .info {
    margin-top: -5px;
}

#event-overlay .related-events .day, #event-overlay .related-events .month {
    font-size: 11px;
    line-height: 11px;
}

#event-overlay .related-events h3 {
    font-size: 20px;
}

.event-detail .related-events .event-item {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(33%, rgba(242, 242, 242, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 255, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0);
}

#event-overlay .event-header .when-mobile {
    margin-top: 20px;
}

/*#event-overlay .related-events .event-item.col-md-6 {
    width: 360px;
}*/
#event-overlay .event-calendar-container .col-md-6 .event-item-inner {
    width: 100%;
    max-width: 320px;
}

/*#event-overlay .related-events .event-item.col-md-4 {
    width: 240px;
}*/

#event-overlay .event-calendar-container .col-md-4 .event-item-inner {
    width: 85%;
    max-width: 220px;
}



.related-events {
}

/* Blog & Event Landing Page */
.blog-page .event-highlight-container {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(320px, rgba(255, 255, 255, 1)), color-stop(320px, rgba(242, 242, 242, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
}

.blog-body {
    clear: both;
}

    .blog-body address {
        font-style: normal;
        color: rgba(161, 217, 212, 1);
        font-size: 15px;
    }

/* Blog page */

.blog-page .event-highlight-container p,
.blog-page .event-highlight-container address {
    text-align: center;
}

.blog-page .event-highlight-container address {
    margin: 20px 0 0;
}

.blog-page .page-title {
    margin: 0 0 30px;
}

.page-title p,
.blog-content img,
.blog-content.body p {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.blog-content.body p {
    padding-bottom: 20px;
}

.blog-body p {
    font-size: 21px;
}

.full-width-image-strip img {
    width: 100%;
    background-size: cover;
    margin-bottom: 50px;
    display: block;
    max-width: none;
}

/* Event Search on Homepage */
.search-hoxtown .col-md-6 {
    width: 50%;
    float: right;
    padding: 3% 1.5% 3% 3%;
}

    .search-hoxtown .col-md-6:first-of-type {
        padding: 3% 3% 3% 1.5%;
    }

/* Event Hotel Filter Mobile */
.event-hotel-filters.mobile {
    position: fixed;
    top: 0;
    right: -100%;
    margin-left: 100%;
    display: none;
    z-index: 1000000;
    background: rgba(161, 217, 212, 1);
    height: 100%;
    transition: right 1s;
    color: #fff;
    padding: 10%;
}

    .event-hotel-filters.mobile > ul {
        width: 100%;
    }

p.event-filter-title {
    color: #5c5c5c;
    font-size: 24px;
    margin-bottom: 60px;
}

.event-hotel-filters.mobile ul li a {
    color: #fff;
    font-size: 24px;
}

.event-hotel-filters.mobile ul li {
    margin: 25px 0;
}

.event-hotel-filters.mobile {
    text-align: left;
}

.event-filter-button {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px;
    display: none;
}

.event-hotel-filters.mobile ul li {
    display: block;
}

.offscreen {
    right: 0% !important;
}

img.close-icon {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 40px;
    z-index: 1000;
}

img#search-close {
    display: none;
}


/* Guide Page */

.guide-search-container {
    height: 100vh;
    width: 100%;
    background: #113B53;
}


.guide-filters {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    transform: translateY(-50%);
    overflow: hidden;
}

    .guide-filters .guide-filter {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        margin-top: 30px;
    }


        .guide-filters .guide-filter label {
            color: #5DACD2;
            font-size: 36px;
            margin-right: 10px;
            text-align: right;
            display: inline-block;
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

        .guide-filters .guide-filter select {
            border: none;
            border-radius: 0;
            color: #fff;
            font-size: 36px;
            font-family: 'BrownLight';
            outline: none;
            border-bottom: solid 1px #fff;
            padding: 5px 20px 5px 0;
            cursor: pointer;
            display: inline-block;
            background-color: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-image: url('../../img/dropdown-arrow.png');
            background-position: right center;
            background-size: 20px;
            background-repeat: no-repeat;
        }

@media (max-width: 922px) {
    .guide-filters .guide-filter select {
        border: none;
        border-radius: 0;
        color: #fff;
        font-size: 28px;
        font-family: 'BrownLight';
        text-align: center !important;
        outline: none;
        border-bottom: solid 1px #fff;
        padding: 5px 20px 5px 0;
        cursor: pointer;
        display: inline-block;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url('../../img/dropdown-arrow.png');
        background-position: right center;
        background-size: 20px;
        background-repeat: no-repeat;
    }
}

.guide-filters .guide-filter select option {
    background: #fff !important;
    color: #113B53 !important;
    font-size: 36px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/*Desktop*/
@media (min-width: 2560px) {
    .guide-filter.second-guide-filter {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

        .guide-filter.second-guide-filter label {
            position: relative;
            left: 8%;
            top: 5px;
        }

        .guide-filter.second-guide-filter #filter {
            width: 23%;
            position: relative;
            left: 76px;
        }

    .guide-filter.first-guide-filter #filter {
        width: 12%;
        position: relative;
        left: 76px;
    }
}

@media (min-width: 1700px) and (max-width: 1920px) {
    .guide-filter.second-guide-filter {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

        .guide-filter.second-guide-filter label {
            position: relative;
            left: 4%;
            top: 5px;
        }

        .guide-filter.second-guide-filter #filter {
            width: 11%;
            position: relative;
            left: 76px;
        }

    .guide-filter.first-guide-filter #filter {
        width: 12%;
        position: relative;
        left: 76px;
    }
}

@media (min-width: 1440px) and (max-width: 1620px) {
    .guide-filter.second-guide-filter {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

        .guide-filter.second-guide-filter label {
            position: relative;
            left: 79px;
            top: 5px;
        }

        .guide-filter.second-guide-filter #filter {
            width: 23%;
            position: relative;
            left: 76px;
        }

    .guide-filter.first-guide-filter #filter {
        width: 12%;
        position: relative;
        left: 76px;
    }
}

@media (min-width: 1024px) and (max-width: 1420px) {
    .guide-filter.second-guide-filter {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

        .guide-filter.second-guide-filter label {
            position: relative;
            left: 56px;
            top: 5px;
        }

        .guide-filter.second-guide-filter #filter {
            width: 20%;
            position: relative;
            left: 61px;
        }

    .guide-filter.first-guide-filter #filter {
        width: 12%;
        position: relative;
        left: 76px;
    }
}

.map-wrapper {
    height: 100vh;
    width: 33.33%;
    position: fixed;
    top: 0;
}

    .map-wrapper.on {
        position: absolute;
        bottom: -80px;
    }

#map {
    height: 100vh;
    width: 100%;
}

.search-container {
    width: 100%;
    background-color: #113B53;
    height: 100px;
    text-align: center;
    transition: height 0.5s ease-out;
    position: absolute;
    z-index: 100;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

    .search-container a.edit {
        width: 100%;
        padding: 25px 0;
        display: block;
        color: #5DACD2;
        text-decoration: none;
        font-size: 32px;
        opacity: 1;
        transition: opacity 0.5s ease-out;
        background: none !important;
        text-indent: 0 !important;
    }


button.button-reset {
    background: #1E6A94;
    color: #fff;
    border: 0;
    padding: 12px 60px;
    border-radius: 1px;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 70px;
}

.guide .filters {
    position: relative;
    top: 35%;
    transform: translateY(-50%);
    display: none;
    background: transparent;
}

a.cancel-btn {
    display: inline-block;
    clear: both;
    margin-top: 50px;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    cursor: pointer;
    transition: opacity 0.3s;
    opacity: 0.8;
}

    a.cancel-btn:hover {
        opacity: 1;
        text-decoration: none;
    }

a.event-url {
    text-decoration: none;
    color: #454545;
    outline: none;
}

.open {
    height: calc(100vh - 80px) !important;
}

.guide .guide-filters {
    top: auto;
    transform: none;
}

.guide-container {
    float: right;
    width: 66.66666666%;
    padding: 20px;
    min-height: calc(100vh - 90px);
}

    .guide-container .guide-items .guide-item {
        float: left;
        width: 29.33333%;
        margin: 2% 2% 0 2%;
        position: relative;
        cursor: pointer;
    }

        .guide-container .guide-items .guide-item .number {
            position: absolute;
            right: -20px;
            top: -20px;
            background-color: #aaa;
            color: #fff;
            border-radius: 50%;
            height: 40px;
            width: 40px;
            padding: 6px 3px 0 3px;
            font-size: 20px;
            text-align: center;
            text-decoration: none;
            z-index: 10;
        }

        .guide-container .guide-items .guide-item.on .number {
            background-color: #1E6A94;
        }

        .guide-container .guide-items .guide-item .content {
            padding: 20px 0 20px;
        }

        .guide-container .guide-items .guide-item img {
            width: 100%;
        }

    .guide-container .content h3 {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 20px;
        font-family: BrownRegular;
    }

    .guide-container .content address {
        font-style: normal;
        color: #999;
    }

    .guide-container .guide-items .guide-item.on address {
        color: #1E6A94;
        font-weight: bold;
    }

.guide-item {
    height: 480px;
}

.guide-item-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 260px;
}

/* Size of the when dates on the events listing */
.when span {
    width: 100%;
    display: block;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
}

    .when span.date {
        font-size: 48px;
        font-family: BrownLight;
        margin-bottom: 10px;
        line-height: 1;
    }

.hoxtown-events-landing .when span.date {
    font-size: 36px;
}

/*.end-date span.date {
    font-size: 26px;
    padding: 4px 0;
}*/

.when span.day, .when span.month {
    font-size: 16px;
    margin-bottom: 10px;
    font-family: BrownLight;
}

.event-calendar-container .when span.day, .event-calendar-container .when span.month {
    font-size: 12px;
}

.event-calendar-container .location {
    font-size: 12px;
    font-family: BrownLight;
}

a.go-back {
    font-size: 14px;
    font-family: BrownLight;
    text-transform: uppercase;
    padding: 10px 0;
    width: 100%;
    background: rgba(235,235,235,1);
    text-align: center;
    display: block;
    color: #535353;
    cursor: pointer;
    transition: background 0.3s;
}

    a.go-back:hover {
        background: rgba(225,225,225,1);
        text-decoration: none;
    }

.event-page .when span.day {
    margin-top: 16px;
}

.event-page .when-mobile {
    margin-top: -70px;
    z-index: 1000000;
    position: relative;
}

.event-page .when.when-mobile span.day {
    margin-top: 35px;
}

/* Size of the when dates on the event page */
#event-overlay .when span.date {
    font-size: 42px;
}

#event-overlay .end-date span.date {
    font-size: 40px;
}

#event-overlay .when span.day, #event-overlay .when span.month {
    font-size: 18px;
}

#event-overlay .related-events .when span.day, #event-overlay .related-events .when span.month {
    font-size: 12px;
}

/* Size of the when dates on the blog page */
.blog-page .when span.date {
    font-size: 60px;
}

.blog-page .end-date span.date {
    font-size: 40px;
}

.blog-page .when span.day, .blog-page .when span.month {
    font-size: 18px;
}

.mobile-map-icon {
    display: none;
    background: #193b54;
    padding: 25px;
    background-image: url('../../img/map/edit.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
}

.location-container {
    padding-right: 20px;
}

p.event-text-intro.mobile {
    display: none;
}

.event-page, .blog-article {
    /*padding-bottom: 70px;*/
}

.guide-container .guide-items .guide-item:last-of-type {
    margin-bottom: 50px;
}

@media (max-width:1400px) {

    /* Guide Filters */
    .guide-filters .guide-filter select {
        width: 190px;
    }

    .guide-filters .guide-filter label, .guide-filters .guide-filter select {
        font-size: 28px;
    }

    .guide-filters .guide-filter label {
        margin-right: 15px;
    }

    .guide-filters .guide-filter {
        margin: 30px 0;
    }

    .guide-container .guide-items .guide-item {
        width: 46%;
    }
}


@media (max-width:1280px) {
    /* Slick Slider */
    .slick-slider .event-item-inner, .event-highlight-container-inner {
        max-width: 645px;
    }

    .slick-list {
        padding: 0;
    }

    /* Event Calendar */
    .event-calendar-container {
        max-width: 920px;
    }

    #event-overlay .event-calendar-container .event-item.col-md-4 .content .when.end-date + .info {
        float: left;
        width: 100%;
    }

    .event-calendar-container .image-container {
        height: 170px;
    }

    /* Event Hotel Filters */
    .event-hotel-filters > ul {
        width: 80%;
    }

    .image-overlay {
        position: absolute;
        background: rgba(0,0,0,0.3);
        width: 100%;
        height: 100%;
        left: 0;
    }

    .event-calendar-container .event-item.calendar-month, .event-calendar-container .event-item {
        max-width: 266px;
        min-height: 280px;
        height: 280px;
        margin-bottom: 20px;
    }

    .event-calendar-container .event-item-inner {
        max-width: 226px;
    }

        .event-calendar-container .event-item-inner .content .when {
            position: absolute;
            top: -140px;
            left: 10px;
            color: #fff;
        }

    .event-highlight-container .event-item .event-item-inner .image-container .title {
        font-size: 36px;
    }

    .event-highlight-container .event-item .event-item-inner .image-container span.title {
        max-width: 500px;
    }

    .event-calendar-container .event-item .content {
        margin-top: 15px;
    }

        .event-calendar-container .event-item .content .info {
            float: left;
            width: 100%;
        }

    /*.event-highlight-slider .slick-slide {
        max-width: 800px;
    }*/

    .hoxtown-events-landing .when span.date {
        font-size: 30px;
    }

    .hoxtown-events-landing .event-calendar-container .event-item .content .when.end-date {
        width: 50%;
        margin-left: -10%;
    }

    .event-highlight-slider .slick-slide {
        max-width: 692px;
    }

    .event-highlight-slider .image-container {
        height: 392px;
    }
}


@media (max-width:1023px) {
    #event-overlay .banner-event-item {
        max-width: 65%;
    }

    #event-overlay .event-actions-desktop .event-actions-wrapper {
        width: 17.5%;
    }

    #event-overlay .when-desktop {
        width: 17.5%;
    }

        #event-overlay .when-desktop > div {
            width: 17.5%;
        }

    #event-overlay .body-content .info {
        float: none;
        width: 100%;
    }

    #event-overlay .event-calendar-container {
        max-width: 700px;
    }

    #event-overlay .related-events .event-item {
        width: 44%;
    }

    #event-overlay .event-calendar-container .event-item-inner {
        max-width: 170px;
    }

    #event-overlay .event-calendar-container .event-item.col-md-4 {
        width: 27%;
    }
}

@media (max-width: 991px) {

    .event-page .page-title h1 {
        font-size: 32px !important;
    }

    .guide-container .guide-items .guide-item:last-of-type {
        margin-bottom: 0px;
    }

    .event-calendar-container {
        max-width: 720px;
    }

        .event-calendar-container .event-item.calendar-month, .event-calendar-container .event-item {
            max-width: 320px;
            min-height: 280px;
            margin-bottom: 20px;
        }

        .event-calendar-container .event-item-inner {
            max-width: 280px;
        }

    /* banner at top of event page */
    .event-actions-desktop .event-actions-wrapper {
        top: 180px;
    }

    .event-page .when-desktop > div {
        top: 180px;
    }

    .event-highlight-slider .image-container, .image-container {
        height: 250px;
    }
    /* banner at top of event popup */

    .event-detail .event-header .info {
        width: 100%;
    }

    .event-actions button {
        padding: 30px 10px;
    }

    .event-description-text {
        padding: 0;
    }

    .event-highlight-slider .when {
        left: 50px;
    }

    /* Event Detail Multiple Items widths */
    .event-detail .related-events .event-item:nth-child(1):nth-last-child(1) {
        width: 48%;
    }

    .event-detail .related-events .event-item:nth-child(1):nth-last-child(2),
    .event-detail .related-events .event-item:nth-child(2):nth-last-child(1) {
        width: 48%;
    }

    .event-detail .related-events .event-item:nth-child(1):nth-last-child(3),
    .event-detail .related-events .event-item:nth-child(2):nth-last-child(2),
    .event-detail .related-events .event-item:nth-child(3):nth-last-child(1) {
        width: 31.3333%;
    }

    .event-detail .related-events .event-item:nth-child(1):nth-last-child(4),
    .event-detail .related-events .event-item:nth-child(2):nth-last-child(3),
    .event-detail .related-events .event-item:nth-child(3):nth-last-child(2),
    .event-detail .related-events .event-item:nth-child(4):nth-last-child(1) {
        width: 23%;
    }

    /* Guide Filters */


    .guide-filters .guide-filter label {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .guide-filters .guide-filter select {
        width: 100%;
        max-width: 179px;
        clear: both;
    }

    .guide-filters .guide-filter {
        margin: 0 0 30px 0;
    }

    /* Event Search Homepage */
    .guide-item {
        min-height: 400px;
    }

    .guide .hoxtown-page-content {
        margin-top: 90px;
    }

    .guide-container .content h3 {
        font-size: 21px;
    }

    /* Maps */
    .map-wrapper {
        width: 100%;
        height: 440px;
        position: relative;
    }

    .guide-map-wrapper {
        width: 100%;
        height: 252px !important;
        position: relative;
    }

    .guide-container {
        width: 100%;
        overflow: auto;
        padding: 0;
        height: auto;
        background: #fff;
        min-height: unset;
    }

        .guide-container .guide-items {
            background-color: rgba(255, 255, 255, 0.25);
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            position: relative;
            padding: 20px 10px 0;
            min-height: 300px;
        }

            .guide-container .guide-items .guide-item {
                height: 100%;
                position: relative;
                display: inline-block;
                float: none;
                white-space: normal;
                width: 35%;
                vertical-align: top;
            }

                .guide-container .guide-items .guide-item .number {
                    height: 35px;
                    width: 35px;
                    padding: 3px 3px 0 3px;
                    right: -15px;
                    top: -15px;
                }

    .guide-item-image {
        height: 190px;
    }
    /* Event Calendar */
    .event-highlight-container .event-item .event-item-inner .image-container {
        height: 375px;
    }

    /* Full width elements */
    .full-width-banner {
        margin-bottom: 20px;
    }

    .full-width-image-strip {
        margin-bottom: 30px;
    }

    /* Time & Dates */
    .end-date span.date {
        font-size: 22px;
    }

    span.event-time-mobile {
        display: block;
    }

    /* Blog Page Styles */
    .blog-page .event-highlight-container {
        background: rgba(255, 255, 255, 1);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 180px, rgba(242, 242, 242, 1) 180px, rgba(242, 242, 242, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(180px, rgba(255, 255, 255, 1)), color-stop(180px, rgba(242, 242, 242, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 180px, rgba(242, 242, 242, 1) 180px, rgba(242, 242, 242, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 180px, rgba(242, 242, 242, 1) 180px, rgba(242, 242, 242, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 180px, rgba(242, 242, 242, 1) 180px, rgba(242, 242, 242, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 180px, rgba(242, 242, 242, 1) 180px, rgba(242, 242, 242, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    }

    .blog-container-inner p {
        padding: 0px 25px;
    }

    .blog-container {
        max-width: inherit;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .blog-page .body-content {
        width: 100%;
        padding: 0 20px;
    }

    .event-highlight-container-inner {
        padding: 20px 0 50px;
    }

    /*Guide*/
    /*tablet search dropdown container*/
    .search-container {
        height: 60px;
    }

        .search-container a.edit {
            padding: 5px 0;
        }

    /*hide the search dropdown used for mobile styles*/
    /*div#map-content-wrapper .s_earch-container {height: 0;}
    div#map-content-wrapper .search-container {position: fixed;top: 0;}
    div#map-content-wrapper .search-container a.edit {display: none;}*/


    /*overrides for the hoxton header in mobile*/
    /*.mobile-book-now .bookRoom {
    padding: 20px;
    display: inline-block;
    font-family: BrownRegular;
    -webkit-font-smoothing: antialiased;
    color: black;
    text-transform: uppercase;
    font-size: 30px;
    width: auto;
    border: none;
    cursor: pointer;
    letter-spacing: 1.45px;
}*/
    .header-navigation {
        height: 80px;
        box-shadow: none;
    }
}

@media (max-width: 760px) {
    .when span.day, .when span.month {
        font-size: 12px;
    }

    .when span.date {
        font-size: 30px;
    }

    .event-highlight-slider h3.title {
        margin-top: 20px;
        font-size: 18px;
    }

    .event-highlight-slider span {
        font-size: 12px;
        font-family: 'BrownLight';
    }

    .event-highlight-container .event-item .when {
        transform: translateY(calc(-50% - 25px));
    }

    .slick-slider {
        margin-bottom: 25px;
    }

    .hoxtown-page-content .slider {
        margin-bottom: 25px;
    }

    .search-hoxtown .col-md-6 {
        width: 100%;
        float: none;
    }

        .search-hoxtown .col-md-6:first-of-type, .search-hoxtown .col-md-6 {
            padding: 0%;
        }

            .search-hoxtown .col-md-6 .see-all {
                background: 0;
                height: auto;
                margin: 20px 0;
            }

                .search-hoxtown .col-md-6 .see-all a {
                    color: #7cc6bd;
                    padding: 50px 0;
                }

    #map-content-wrapper {
        padding-top: 0 !important;
    }

    .body-content, #event-overlay .body-content {
        max-width: 100%;
        width: 100%;
    }

    #event-overlay .event-calendar-container {
        max-width: 100%;
    }

    #event-overlay .related-events .event-item {
        width: 100%;
    }

    #event-overlay .event-calendar-container .event-item-inner {
        max-width: 270px;
    }

    #event-overlay .info, .blog-page .content {
        padding: 30px 0;
    }

    .mobile-book-now.desktoptab-booking {
        display: block;
    }

    .header-navigation {
        height: 50px;
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
    }

    .event-calendar-container {
        max-width: 100%;
    }

    .event-highlight-container .event-item .event-item-inner .content {
        width: 100%;
        padding: 0 5%;
    }

    .event-calendar-container .event-item-inner {
        max-width: 360px;
    }

    .event-highlight-container {
        margin-bottom: 0;
    }

    .event-highlight-container-inner {
        padding: 20px 0;
    }

    .full-width-banner {
        background: none;
    }

    /* Event Calendar */
    .event-calendar-container {
        width: 100%;
        padding: 0;
    }

        .event-calendar-container .event-item.calendar-month, .event-calendar-container .event-item {
            min-height: auto;
            max-width: 100%;
        }

            .event-calendar-container .event-item .content .info {
                margin-bottom: 20px;
            }

        .event-calendar-container .event-item {
            width: 100%;
            margin: 17px 0;
            clear: both;
        }

            .event-calendar-container .event-item.calendar-month {
                width: 100%;
                height: auto;
                padding: 50px 0 70px;
                background: #fff;
                clear: both;
                margin: 0 auto;
            }

                .event-calendar-container .event-item.calendar-month span {
                    color: #7cc6bd;
                }

    /* Event actions */
    .event-actions-mobile {
        display: block;
        margin-bottom: 20px;
        clear: both;
    }

    .event-actions-desktop {
        display: none;
    }

    .event-detail .event-header .info {
        float: none;
        width: 100%;
    }

    .event-actions a.book, .event-actions button, .open-event {
        float: left;
        width: 50%;
    }

    .event-actions button {
        padding: 25px 10px 25px;
    }

    .open-event {
        height: 70px;
        background: #ddd;
        padding: 25px 10px 25px;
    }

    .event-description-text {
        padding: 0 20px;
    }

    .event-detail {
        padding-bottom: 0;
    }

    .event-hotel-filters.mobile {
        display: block;
    }

    .event-hotel-filters.desktop {
        display: none;
    }

    .event-filter-button {
        display: block;
        top: 2px;
        right: 21px;
        padding: 12px;
    }

    .eventsPage label.trigger.bookRoom {
        display: none;
    }

    .event-highlight-container .event-item .when {
        top: 50%;
        transform: translateY(calc(-50% - 44px));
        height: 90px;
        width: 90px;
    }

    /* Slider */
    .slick-slider .event-item-inner, .event-highlight-container-inner {
        max-width: 100%;
    }

    .slider .event-item-inner {
        padding-top: 0;
    }

    .event-highlight-slider .slick-slide, .event-highlight-slider .slick-slide.slick-current {
        max-width: 100vw;
    }

    .event-highlight-slider .when {
        left: 0;
    }

    .slick-slider .event-item-inner, .event-highlight-container-inner {
        width: 100%;
    }

    .slick-slide {
        transform: scale(1);
    }

    .hoxtown-page-content {
        margin-top: 50px;
    }

    .guide .hoxtown-page-content {
        margin-top: 90px;
    }

    .event-highlight-container .event-item .event-item-inner .image-container .title {
        font-size: 28px;
    }

    .event-hotel-filters.on {
        margin-right: 0;
    }

    .hoxtown-page-content .slider {
        margin-bottom: 40px;
    }

    /* Popup styles */
    .event-detail .event-header .when-mobile {
        width: 25%;
    }

        .event-detail .event-header .when-mobile span.day, .event-detail .event-header .when-mobile span.month {
            font-size: 14px;
        }

        .event-detail .event-header .when-mobile span.date {
            font-size: 36px;
        }

    .event-detail .event-header .event-item .event-item-inner .content address {
        margin-bottom: 5px;
    }

    .overlay-on .overlay {
        padding: 30px 0;
        background: #fff;
    }

    .event-detail {
        margin-top: 220px;
    }

    .overlay-head .close img {
        width: 20px;
    }

    .event-detail .related-events {
        padding: 0;
        margin-top: 0;
    }

        .event-detail .related-events .event-item:nth-child(1):nth-last-child(2), .event-detail .related-events .event-item:nth-child(2):nth-last-child(1) {
            width: 100%;
        }

    .event-detail {
        background: #fff;
    }

    .event-header {
        background: #f2f2f2;
    }

    .event-detail .related-events .event-item {
        width: 48%;
        background: rgba(255, 255, 255, 1);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(242, 242, 242, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0);
    }

        .event-detail .related-events .event-item:nth-child(1):nth-last-child(1) {
            width: 100%;
        }

    #event-overlay .event-calendar-container .col-md-4 .event-item-inner {
        width: 85%;
        max-width: 300px;
    }

    .banner-event-item, #event-overlay .banner-event-item {
        width: 100%;
        max-width: 100%;
    }

    #event-overlay .event-detail {
        background: #f2f2f2;
    }

    #event-overlay .related-events {
        background: #fff;
    }

    #event-overlay .event-calendar-container .event-item.col-md-4 {
        width: 100%;
    }



    .guide-search-container .guide-filters {
        padding: 0 15%;
    }

        .guide-search-container .guide-filters .guide-filter label {
            margin-bottom: 15px;
        }

        .guide-search-container .guide-filters .guide-filter label, .guide-search-container .guide-filters .guide-filter select {
            width: 100%;
            text-align: center;
        }

    .blog-page .body-content {
        padding: 0 20px;
    }

    .blog-page .event-highlight-container .event-actions {
        width: 100%;
    }

    .blog-page .event-actions {
        height: auto;
    }

    .blog-page .event-actions-wrapper {
        position: static;
    }

    .blog-page .event-highlight-container .blog-body.blog-container .page-title {
        float: right;
        width: 75%;
    }

    .blog-page .event-highlight-container .page-title p, .blog-page .event-highlight-container .page-title h1, .blog-page .event-highlight-container .page-title address {
        text-align: left;
    }

    .blog-page .event-highlight-container .page-title address {
        padding: 0;
        margin: 0;
    }

    .blog-page .event-highlight-container .page-title p {
        padding: 0;
    }

    .blog-page .event-highlight-container .page-title h1, .event-details h4 {
        margin: 0 0 15px;
        font-size: 24px;
        line-height: 32px;
    }

    .event-details h4 {
        margin: -3px 0 15px;
    }

    .blog-page .event-highlight-container .event-item {
        float: none;
        width: 100%;
    }

    .blog-page .page-title {
        max-width: 600px;
        margin: 0 auto;
    }

    /* Article Page */
    .blog-article .event-highlight-container .page-title h1 {
        margin: 0 20px 20px;
    }

    .blog-article .page-title {
        max-width: 100%;
        width: 100%;
        padding: 30px 0;
    }

    .page-title, .event-details {
        display: block;
        width: 75%;
        float: left;
        padding-right: 20px;
    }

    /* Date & Time stuff */
    .when-mobile {
        display: block;
        width: 25%;
        float: left;
    }

    .when-desktop {
        display: none;
    }

    #event-overlay .event-description-text {
        padding: 0 20px 30px;
    }

    p.event-text-intro.desktop {
        display: none;
    }

    p.event-text-intro.mobile {
        display: block;
        text-align: left;
        padding: 0 20px 10px;
    }

    /*Guide page - lyd*/
    /*hide the search dropdown used for tablet, desktop styles etc styles*/
    .search-container {
        height: 0;
    }

    .search-container {
        position: fixed;
        top: 0;
    }

        .search-container a.edit {
            display: none;
        }

    .open {
        height: calc(100vh) !important;
    }

    /*map in guide page*/
    /* Maps */
    .mobile-map-icon {
        display: block;
        cursor: pointer;
    }


    .guide-map {
        height: 252px !important;
        position: relative;
        overflow: hidden;
        top: -5% !;
    }

    /*override for page header- tablet designs different from mobile*/
    .mobile-book-now .bookRoom {
        padding: 0;
        font-size: 18px;
        color: black;
        width: 90px;
        line-height: 1.2;
        padding-top: 7px;
    }

    .guide-container .guide-items .guide-item .number {
        font-size: 16px;
    }

    .guide-container .guide-items .guide-item .number {
        height: 32px;
        width: 32px;
    }

    .hoxtown-events-landing .event-calendar-container .event-item .content .when {
        width: 20%;
        margin-left: -6px;
    }

        .hoxtown-events-landing .event-calendar-container .event-item .content .when.end-date {
            margin-left: -55px;
        }
}

@media (max-width: 480px) {
    .guide-container .guide-items .guide-item {
        width: 90%;
    }

    .event-calendar-container .event-item .content .when {
        width: auto;
    }

    .event-calendar-container .event-item-inner .content .when {
        left: 20px;
    }

    .page-title, .event-details {
        width: 60%;
    }

    /* Date & Time stuff */
    .when-mobile {
        width: 40%;
    }

    .guide .hoxtown-page-content {
        margin-top: 0;
    }

    #event-overlay .banner-event-item .image-container {
        height: 250px;
    }

    .overlay .overlay-head {
        padding-bottom: 50px;
        margin-top: -8px;
    }


    .hoxtown-events-landing .event-calendar-container .event-item .content .when.end-date {
        width: 50%;
        margin-left: -18%;
    }
}


/*Lydias Additions - GUIDE page dropdown mobile size. Needs incorporated after merge*/
/*maybe need some 760 alterations too*/
@media (max-width: 480px) {
    .search-container.open {
        height: calc(100vh - 90px) !important;
    }

    /*in mobile the filter dropdown needs to fill the whole page*/
    div.search-container.open {
        top: 90px;
    }

    /*filter panel needs to be futher down in mobile*/
    .guide .filters {
        top: 45%;
    }
    /*map in mobile is less height*/
    #map {
        height: auto;
    }
    /*...as is the container for the map*/
    /*.map-wrapper {
        height: 300px !important;
    }*/

    .map-wrapper {
        margin-top: 70px;
    }

    /*Lydia - have changed this as the guide items appearing very large*/
    .guide-container .guide-items .guide-item {
        width: 60%;
    }

    .guide-item-image {
        height: 132px;
    }

    .guide-container .guide-items .guide-item .content {
        padding: 10px 0 20px;
    }
}
/*Guide Page landing page styles*/
.guide-landing .filters {
    display: block;
}

.guide-landing .search-container {
    position: relative;
}

span.with-price {
    padding-top: 20px;
}

span.custom-label {
    padding-top: 30px;
}

@media(max-width:760px) {
    .event-actions-mobile.event-actions a.book.mobile-with-price {
        padding: 14px 27px 14px;
    }
}

@media (min-width: 768px) {
}
/* Individual Event Styles */

/* Shoreditch */

.Shoreditch .when.when-desktop {
    color: #FFFFFF;
}

.Shoreditch .event-detail {
    background: #4E79A3;
}

    .Shoreditch .event-detail address {
        color: #FFFFFF;
    }

    .Shoreditch .event-detail .body-content {
        color: #FFFFFF;
    }

    .Shoreditch .event-detail .event-description-text.info.clearfix a {
        color: #FFFFFF;
    }

        .Shoreditch .event-detail .event-description-text.info.clearfix a strong {
            color: #FFFFFF !important;
        }

    .Shoreditch .event-detail .open-event, .Shoreditch .event-detail .event-actions a.book {
        background: #23375A;
        color: #FFFFFF;
    }

.Shoreditch .related-events {
    color: #FFFFFF;
}

.Shoreditch button.add-to-calendar {
    color: #333;
}


/* Holborn */

.Holborn .when.when-desktop {
    color: #FFFFFF;
}

.Holborn .event-detail {
    background: #5F1928;
}

    .Holborn .event-detail address {
        color: #FFFFFF;
    }

    .Holborn .event-detail .body-content {
        color: #FFFFFF;
    }

    .Holborn .event-detail .event-description-text.info.clearfix a {
        color: #FFFFFF;
    }

        .Holborn .event-detail .event-description-text.info.clearfix a strong {
            color: #FFFFFF !important;
        }

    .Holborn .event-detail .open-event, .Holborn .event-detail .event-actions a.book {
        background: #AA6F75;
        color: #FFFFFF;
    }

.Holborn .related-events {
    color: #FFFFFF;
}

.Holborn button.add-to-calendar {
    color: #333;
}

/*Holborn Ends */

/* Amsterdam */
.Amsterdam .when.when-desktop {
    color: #3B3A38;
}

.Amsterdam .event-detail {
    background: #F0C350;
}

    .Amsterdam .event-detail address {
        color: #3B3A38;
    }

    .Amsterdam .event-detail .body-content {
        color: #3B3A38;
    }

    .Amsterdam .event-detail .event-description-text.info.clearfix a {
        color: #3B3A38;
    }

        .Amsterdam .event-detail .event-description-text.info.clearfix a strong {
            color: #FFFFFF !important;
        }

    .Amsterdam .event-detail .open-event, .Amsterdam .event-detail .event-actions a.book {
        background: #A28131;
        color: #FFFFFF;
    }

.Amsterdam .related-events {
    color: #3B3A38;
}

.Amsterdam button.add-to-calendar {
    color: #333;
}

/* Amsterdam Ends*/

/* Paris */

.Paris .when.when-desktop {
    color: #FFFFFF;
}

.Paris .event-detail {
    background: #23375A;
}

    .Paris .event-detail address {
        color: #FFFFFF;
    }

    .Paris .event-detail .body-content {
        color: #FFFFFF;
    }

    .Paris .event-detail .event-description-text.info.clearfix a {
        color: #FFFFFF;
    }

        .Paris .event-detail .event-description-text.info.clearfix a strong {
            color: #FFFFFF !important;
        }

    .Paris .event-detail .open-event, .Paris .event-detail .event-actions a.book {
        background: #4E79A3;
        color: #FFFFFF;
    }

.Paris .related-events {
    color: #FFFFFF;
}

.Paris button.add-to-calendar {
    color: #333;
}

/* Paris Ends */

/* Williamsburg */

.Williamsburg .when.when-desktop {
    color: #FFFFFF;
}


.Williamsburg .event-detail {
    background: #009169;
}

    .Williamsburg .event-detail address {
        color: #FFFFFF;
    }

    .Williamsburg .event-detail .body-content {
        color: #FFFFFF;
    }

    .Williamsburg .event-detail .event-description-text.info.clearfix a {
        color: #FFFFFF;
    }

        .Williamsburg .event-detail .event-description-text.info.clearfix a strong {
            color: #FFFFFF !important;
        }

    .Williamsburg .event-detail .open-event, .Williamsburg .event-detail .event-actions a.book {
        background: #1D4B3D;
        color: #FFFFFF;
    }

.Williamsburg .related-events {
    color: #FFFFFF;
}

.Williamsburg button.add-to-calendar {
    color: #333;
}

/* Williamsburg End*/

/* Tiles */

a.event-item.event-link.tile.Shoreditch, .event-calendar-container .event-item.Shoreditch {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(140, 200, 250, 1) 33%, rgba(140, 200, 250, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(140, 200, 250, 1) 33%, rgba(140, 200, 250, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(140, 200, 250, 1) 33%, rgba(140, 200, 250, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#8CC8FA', GradientType=0); /* IE6-9 */
    color: #FFFFFF;
}

a.event-item.event-link.tile.Holborn, .event-calendar-container .event-item.Holborn {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(95, 25, 40, 1) 33%, rgba(95, 25, 40, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(95, 25, 40, 1) 33%, rgba(95, 25, 40, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rrgba(95, 25, 40, 1)33%, rgba(95, 25, 40, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#5F1928', GradientType=0); /* IE6-9 */
    color: #FFFFFF;
}

a.event-item.event-link.tile.Amsterdam, .event-calendar-container .event-item.Amsterdam {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(240, 195, 80, 1) 33%, rgba(240, 195, 80, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(240, 195, 80, 1) 33%, rgba(240, 195, 80, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(240, 195, 80, 1) 33%, rgba(240, 195, 80, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F0C350', GradientType=0); /* IE6-9 */
    color: #FFFFFF;
}

a.event-item.event-link.tile.Paris, .event-calendar-container .event-item.Paris {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(35, 55, 90, 1) 33%, rgba(35, 55, 90, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(35, 55, 90, 1) 33%, rgba(35, 55, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(35, 55, 90, 1) 33%, rgba(35, 55, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#23375A', GradientType=0); /* IE6-9 */
    color: #FFFFFF;
}

a.event-item.event-link.tile.Williamsburg, .event-calendar-container .event-item.Williamsburg {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(0, 145, 105, 1) 33%, rgba(0, 145, 105, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(0, 145, 105, 1) 33%, rgba(0, 145, 105, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(0, 145, 105, 1) 33%, rgba(0, 145, 105, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#009169', GradientType=0); /* IE6-9 */
    color: #FFFFFF;
}


.Shoreditch .event-highlight-container {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(140, 200, 250, 1) 320px, rgba(140, 200, 250, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(140, 200, 250, 1) 320px,rgba(140, 200, 250, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(140, 200, 250, 1) 320px, rgba(140, 200, 250, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#8CC8FA', GradientType=0); /* IE6-9 */
    color: #FFFFFF;
}

    .Shoreditch .event-highlight-container .open-event {
        background: #23375A;
    }

    .Shoreditch .event-highlight-container a.book {
        background: #23375A;
    }

    .Shoreditch .event-highlight-container h1 {
        color: #FFFFFF;
    }

    .Shoreditch .event-highlight-container address {
        color: #FFFFFF;
    }

.Holborn .event-highlight-container {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(95, 25, 40, 1) 320px, rgba(95, 25, 40, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(95, 25, 40, 1) 320px, rgba(95, 25, 40, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(95, 25, 40, 1) 320px, rgba(95, 25, 40, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#5F1928', GradientType=0); /* IE6-9 */
    color: #FFFFFF;
}

    .Holborn .event-highlight-container .open-event {
        background: #AA6F75;
    }

    .Holborn .event-highlight-container a.book {
        background: #AA6F75;
    }

    .Holborn .event-highlight-container h1 {
        color: #FFFFFF;
    }

    .Holborn .event-highlight-container address {
        color: #FFFFFF;
    }

.Amsterdam .event-highlight-container {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(240, 195, 80, 1) 320px, rgba(240, 195, 80, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(240, 195, 80, 1) 320px, rgba(240, 195, 80, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(240, 195, 80, 1) 320px, rgba(240, 195, 80, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F0C350', GradientType=0); /* IE6-9 */
}

    .Amsterdam .event-highlight-container .open-event {
        background: #A28131;
    }

    .Amsterdam .event-highlight-container a.book {
        background: #A28131;
    }

    .Amsterdam .event-highlight-container h1 {
        color: #3B3A38;
    }

    .Amsterdam .event-highlight-container address {
        color: #3B3A38;
    }

.Paris .event-highlight-container {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(35, 55, 90, 1) 320px, rgba(35, 55, 90, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(35, 55, 90, 1) 320px, rgba(35, 55, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(35, 55, 90, 1) 320px, rgba(35, 55, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#23375A', GradientType=0); /* IE6-9 */
    color: #FFFFFF;
}

    .Paris .event-highlight-container .open-event {
        background: #4E79A3;
    }

    .Paris .event-highlight-container a.book {
        background: #4E79A3;
    }

    .Paris .event-highlight-container h1 {
        color: #FFFFFF;
    }

    .Paris .event-highlight-container address {
        color: #FFFFFF;
    }

.Williamsburg .event-highlight-container {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(0, 145, 105, 1) 320px, rgba(0, 145, 105, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(0, 145, 105, 1) 320px, rgba(0, 145, 105, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(0, 145, 105, 1) 320px, rgba(0, 145, 105, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#009169', GradientType=0); /* IE6-9 */
    color: #FFFFFF;
}

    .Williamsburg .event-highlight-container .open-event {
        background: #1D4B3D;
    }

    .Williamsburg .event-highlight-container a.book {
        background: #1D4B3D;
    }

    .Williamsburg .event-highlight-container h1 {
        color: #FFFFFF;
    }

    .Williamsburg .event-highlight-container address {
        color: #FFFFFF;
    }

.meeting-process header {
    height: auto;
    line-height: 20px;
}

.meeting-process nav {
    width: 100%;
}

body {
    background-color: #F0F0F0;
}

    body.meetingback {
        background: #F0F0F0 !important;
    }

    body.background-light {
        background-color: #fff;
    }

.room-info-content {
    left: -1px;
}

@media (min-width: 768px) {
    .room-info-content {
        top: -20px;
    }
}

.meeting-process .mobile-book-now.desktoptab-booking {
    display: none;
}

.meeting-room-availabilty a {
    outline: none !important;
}

.meeting-booking div.book-now-form div.manageBookingSubmitContainer button {
    right: auto;
}

.container.steps {
    height: 80px;
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 79px;
    z-index: 3;
}

.sticky-map {
    position: fixed !important;
    width: 100%;
    height: 100vh !important;
    max-width: 33vw;
    top: 0;
    z-index: 0;
}

.room-occupancy {
    margin-left: 16px;
    position: relative;
    top: -7px;
}

.room-info-distances {
    margin: 15px auto;
    padding-top: 15px;
    border-top: solid 1px #ededed;
    clear: both;
    overflow: hidden;
}

#SearchAgain {
    border: none;
}

    #SearchAgain .bookingContainer {
        position: relative;
    }

        #SearchAgain .bookingContainer .picker {
            top: 50px;
            max-height: 210px;
            overflow-y: auto;
        }

            #SearchAgain .bookingContainer .picker ul li {
                background-color: #F0F0F1;
            }

        #SearchAgain .bookingContainer .selector {
            width: 98%;
            display: block;
        }

            #SearchAgain .bookingContainer .selector .input-value {
                background: #F0F0F1;
            }




    #SearchAgain .ui-datepicker {
        width: 100% !important;
    }

        .meeting-datepicker .ui-datepicker .ui-datepicker-header,
        #SearchAgain .ui-datepicker .ui-datepicker .ui-datepicker-header {
            height: auto !important;
        }


    .meeting-datepicker .ui-datepicker,
    #SearchAgain .ui-datepicker {
        font-family: "BrownLight" !important;
    }

        .meeting-datepicker .ui-datepicker .ui-datepicker-unselectable.ui-state-disabled .ui-state-default,
        #SearchAgain .ui-datepicker .ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
            background: none !important;
            color: rgb(217, 217, 217) !important;
            height: 40px;
            width: 40px;
            line-height: 40px;
        }

        .meeting-datepicker .ui-datepicker .ui-datepicker-prev.ui-corner-all.ui-state-disabled,
        .meeting-datepicker .ui-datepicker .ui-datepicker-next.ui-corner-all.ui-state-disabled {
            display: none;
        }

        .meeting-datepicker .ui-datepicker td span, .meeting-datepicker .ui-datepicker th span, .meeting-datepicker .ui-datepicker td a,
        #SearchAgain .ui-datepicker td span, #SearchAgain .ui-datepicker th span, #SearchAgain .ui-datepicker td a {
            font-size: 18px !important;
            font-weight: normal !important;
            height: 40px;
            width: 40px;
            line-height: 40px;
        }

    .meeting-datepicker .ui-state-default.ui-state-hover,
    .meeting-datepicker .ui-state-default.ui-state-active,
    #SearchAgain .ui-state-default.ui-state-hover,
    #SearchAgain .ui-state-default.ui-state-active {
        background-color: #1E6A94 !important;
        border: solid 2px #1E6A94 !important;
        color: #fff !important;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
        transition: all 0s !important;
        line-height: 32px;
    }

    #SearchAgain .meeting-no-availability h3,
    #SearchAgain .meeting-no-availability p {
        text-align: center;
    }

    #SearchAgain .meeting-no-availability h3 {
        font-family: "BrownRegular";
        font-size: 24px;
        margin-bottom: -16px;
    }

    #SearchAgain .meeting-no-availability p {
        font-family: "BrownLight";
        font-size: 18px;
    }


.bookingContainer.meeting-rooms .meeting-rooms-date-time-selector-container {
    position: absolute;
    margin-top: 200px;
    height: 0;
    opacity: 0;
}

.bookingContainer.meeting-rooms ul li a:hover {
    background-color: #1E6A94 !important;
}

.bookingContainer.meeting-rooms .controlContainer.manageBookingSubmitContainer button {
    position: relative;
    right: 0px;
    margin-top: 6px;
}

.dropdown-selector.on .meeting-rooms-date-time-selector-container {
    margin-top: -564px;
    height: auto;
    transition: all 100ms linear;
    opacity: 1;
    z-index: 10;
}


.tab-content .dropdown-selector.on .meeting-rooms-date-time-selector-container {
    margin-top: 0;
}


.bookingContainer:not(.offer) .input-value {
    overflow: hidden;
}

.meeting-datepicker {
    font-family: "BrownRegular" !important;
}

    .meeting-datepicker .ui-datepicker-calendar {
        background: #F0F0F1;
    }

        .meeting-datepicker .ui-datepicker-calendar thead {
            background: #E9EAEA;
            color: black;
            font-family: "BrownRegular" !important;
        }

    .meeting-datepicker .ui-datepicker-prev.ui-corner-all span,
    .meeting-datepicker .ui-datepicker-next.ui-corner-all span {
        display: none;
    }

    .meeting-datepicker .ui-datepicker .ui-datepicker-title {
        width: 100%;
        background: #E9EAEA;
        margin: 0;
    }

    .meeting-datepicker .ui-datepicker-week-end .ui-state-default {
        background-color: transparent !important;
    }

    .meeting-datepicker table.ui-datepicker-calendar tbody tr {
        height: auto;
    }


.Apple-style-spanmeeting-datepicker .ui-datepicker {
    width: 100% !important;
    font-family: "BrownRegular" !important;
}


.meeting-datepicker .ui-datepicker td span, #meeting-datepicker.ui-datepicker td a {
    padding: 2px 6px !important;
    width: 50px;
    height: 35px;
    font-family: 'BrownRegular' !important;
}

.meeting-datepicker .ui-datepicker .ui-state-hover {
    background: none;
}

.time-of-day {
    overflow: hidden;
    clear: both;
    background: #D5D4D4;
    position: relative;
    z-index: 1;
}

    .time-of-day label {
        color: #000;
        background-color: #F0F0F1;
        font-size: 15px;
        padding: 0 15px;
        text-align: center;
        margin: 10px auto;
        display: block;
        width: 76%;
        -ms-border-radius: 25px;
        border-radius: 25px;
        cursor: pointer;
        transition: background-color 0.2s linear;
        height: 50px;
        line-height: 40px;
        position: relative;
        margin-top: -55px;
    }

@media (max-width: 320px) {
    .time-of-day label {
        width: 76%;
        font-size: 12px;
        padding: 0;
    }

    .time-of-day .time label span {
        font-size: 10px;
        line-height: 0;
        width: 100%;
        float: left;
        position: absolute;
        bottom: 12px;
        left: 0;
    }
}

.time-of-day .time input {
    opacity: 1;
    height: 50px;
    margin-top: -10px;
    width: 76%;
    -ms-border-radius: 25px;
    border-radius: 25px;
    border: none !important;
    background-color: transparent !important;
}

    .time-of-day .time input:first-child {
        float: none;
    }

    .time-of-day .time input:checked + label {
        background-color: #1E6A94;
        color: #fff;
    }



    .time-of-day .time input:disabled + label {
        opacity: 0.6;
        cursor: inherit;
    }



    .time-of-day .time input:checked + label span {
        color: #fff;
    }

.time-of-day .time label span {
    font-size: 13px;
    line-height: 0;
    width: 100%;
    float: left;
    position: absolute;
    bottom: 12px;
    left: 0;
}

span.tod {
    font-size: 15px !important;
    text-align: center;
    top: 33%;
}

span.tod-time {
    font-size: 13px !important;
    line-height: 0 !important;
    width: 100% !important;
    float: left !important;
    color: #666;
    position: absolute !important;
    bottom: 16px !important;
    left: 0 !important;
}

.meeting-booking #map {
    height: calc(100vh - 71px);
}


.white-popup {
    position: relative;
    background: #FFF;
    width: auto;
    max-width: 440px;
    margin: 0px auto;
}

    .white-popup .inner {
        padding: 20px;
    }

.slick-counter {
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 5px 15px;
    color: white;
    border-radius: 5px;
    background-color: #464545;
    font-size: 11px;
    line-height: 15px;
}

.gm-style-iw {
    width: 100px !important;
    top: 15px !important;
    left: 0px !important;
    background-color: #83C4C0;
    border-radius: 6px;
    height: 54px;
}

.iw-container {
    margin-bottom: 10px;
    width: 150px !important;
}

    .iw-container .iw-content {
        font-size: 13px;
        line-height: 18px;
        font-weight: 400;
        margin-right: 1px;
        padding: 15px 5px 20px 15px;
        max-height: 50px;
        overflow: hidden;
        background: #83C4C0;
        color: #fff;
        width: 100px !important;
    }

        .iw-container .iw-content span,
        .iw-container .iw-content p {
            color: #fff;
            padding: 0;
            margin: 0;
            position: relative;
            top: -5px;
            margin-right: 11px;
        }

span.iw-title {
    font-size: 14px;
    font-family: BrownRegular;
}

.iw-container .iw-content p {
    width: 100%;
}

.iw-container .iw-content span.from {
    font-size: 10px;
    display: inline-block;
    position: relative;
    top: -3px;
}


body {
    font-family: "BrownRegular", sans-serif;
}

a {
    outline: none;
}

.no-gutter {
    padding: 0px;
}

.extra-info {
    width: 100%;
    font-size: 14px;
    display: block;
    color: #237EA6;
    font-family: "BrownRegular";
}


div.lunch-not-available.meeting-menu {
    background: #7e7e7e;
    color: white;
}


.mr-message {
    padding: 10px 0 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    clear: both;
}


@media (max-width: 767px) {
    .mr-message {
        padding: 10px 0;
    }
}


.mr-message p {
    font-size: 13px;
    line-height: 18px;
    margin: 0;
}

@media(max-width: 767px) {
    .meeting-menu-container.menu-not-available {
        padding: 0px !important;
    }

        .meeting-menu-container.menu-not-available .lunch-not-available {
            margin-bottom: 0px;
        }
}

span.lunch-not-available {
    font-weight: bold;
}

div.lunch-not-available {
    padding: 20px 10px 0px 10px;
    height: 220px;
    max-height: 220px;
}

.meeting-menu.mob-tab-fix.no-icon {
    padding: 80px 10px 0px 10px;
    height: 220px;
    max-height: 220px;
}

.meeting-menu.mob-tab-fix.config-boxes {
    height: 220px;
    max-height: 220px;
}

.setup .meeting-menus .meeting-menu img.config-meal {
    width: 57%;
    margin-top: -16px;
}

.meeting-menu-container.selected::after {
    background-color: transparent;
}

.meeting-menu-container.selected .meeting-menu.mob-tab-fix.config-boxes {
    background: transparent;
    border: solid 1px #E0E0E0;
}

/*div#item-0 .accordion-menu-panel.accordion-menu-panel-choices.active {
    max-height: 100%;
}



div#item-2 .accordion-menu-panel.accordion-menu-panel-choices.active {
    max-height: 100%;
}*/

#item-0 div#accordion-0.accordion-menu-panel.accordion-menu-panel-choices.active {
    max-height: 100%;
}

#item-0 .accordion-menu-panel.accordion-menu-panel-choices.hide {
    display: none;
}

#item-1 div#accordion-1.accordion-menu-panel.accordion-menu-panel-choices.active {
    max-height: 100%;
}

#item-1 .accordion-menu-panel.accordion-menu-panel-choices.hide {
    display: none;
}

#item-2 div#accordion-2.accordion-menu-panel.accordion-menu-panel-choices.active {
    max-height: 100%;
}

#item-2 .accordion-menu-panel.accordion-menu-panel-choice.hide {
    display: none;
}

.additional-info-meeting-box {
    margin-bottom: 20px;
}

    .additional-info-meeting-box p {
        font-family: "BrownLight",sans-serif;
        color: #9B9A9B;
        line-height: 17px;
        font-size: 12px;
    }

        .additional-info-meeting-box p.title {
            font-family: "BrownLight",sans-serif;
            color: #4A494A;
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 4px;
        }

@media (min-width: 768px) {
    .meeting-menu.mob-tab-fix.no-icon:hover {
        background: #F6F6F6;
        cursor: pointer;
    }

    .meeting-menu.mob-tab-fix.config-boxes:hover {
        background: #F6F6F6;
        cursor: pointer;
    }

    .meeting-menus .menu-overlay:hover {
        opacity: 0;
    }

    .meeting-booking .single-setup-style {
        display: none;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .meeting-menu-container.menu-not-available {
        padding: 3px;
    }

    div.lunch-not-available {
        padding: 12px;
        max-height: 220px;
        height: 220px;
    }

    .meeting-menu.mob-tab-fix.no-icon {
        height: 220px;
    }

    .meeting-menu.mob-tab-fix.lunch-not-available h4 {
        font-size: 15px;
    }

    span.extra-info.pricing.meal-pricing {
        position: absolute;
        bottom: 12px;
        margin-left: -7px;
    }

    .meeting-menu-container .meeting-menu.mob-tab-fix.config-boxes {
        background: transparent;
        border: solid 1px #E0E0E0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .meeting-menu.mob-tab-fix.config-boxes.active {
        background: #F6F6F6;
        border: solid 1px #E0E0E0;
    }
}

@media (max-width: 767px) {
    .setup .panel .menu-lunch-container {
        padding-bottom: 70px;
    }

    .lunch-not-available-container {
        height: 90px;
    }

    .meeting-menu-container.menu-not-available .lunch-not-available {
        margin-bottom: 0px;
        height: 100%;
        padding: 5px 5px 5px 20px;
    }

    .meeting-menu.mob-tab-fix.lunch-not-available h4 {
        font-size: 15px;
    }

    .meeting-menu.mob-tab-fix.no-icon {
        padding: 0;
        height: 100%;
    }

    .setup .meeting-menu-container.no-lunch-container {
        padding-top: 30px;
        padding-bottom: 0;
        max-height: 100px;
        height: 90px;
    }

    .meeting-menu-container.menu-not-available .lunch-not-available.inner-lunch-not-available {
        padding: 0;
    }

    .meeting-menu.mob-tab-fix.no-icon h4 {
        padding-left: 5px;
    }

    .meeting-menu.mob-tab-fix.lunch-not-available .lunch-not-available-heading {
        font-size: 18px;
    }

    .setup .meeting-menus .lunch-not-available.inner-lunch-not-available h4 {
        line-height: 24px;
    }

    .menu-lunch-container #special-requirements-trigger {
        width: 100%;
        text-align: center;
    }

    .setup .meeting-menu.meeting-menu-accordion {
        padding: 0;
    }

    .lunch-not-available-container .meeting-menu.mob-tab-fix.lunch-not-available {
        border: none;
    }

    .meeting-menu.mob-tab-fix.config-boxes {
        height: initial;
        max-height: inherit;
        margin: 0;
    }

    div#item-0 button.accordion-menu.accordion-menu-choices.upArrow {
        background: transparent;
        border: none;
        width: 100%;
        background-image: url(../../img/meeting/accordionarrowup.png);
        -ms-background-repeat: no-repeat;
        background-repeat: no-repeat;
        -ms-background-position: 90% center;
        background-position: 90% center;
    }

    div#item-1 button.accordion-menu.accordion-menu-choices.upArrow {
        background: transparent;
        border: none;
        width: 100%;
        background-image: url(../../img/meeting/accordionarrowup.png);
        -ms-background-repeat: no-repeat;
        background-repeat: no-repeat;
        -ms-background-position: 90% center;
        background-position: 90% center;
    }

    div#item-2 button.accordion-menu.accordion-menu-choices.upArrow {
        background: transparent;
        border: none;
        width: 100%;
        background-image: url(../../img/meeting/accordionarrowup.png);
        -ms-background-repeat: no-repeat;
        background-repeat: no-repeat;
        -ms-background-position: 90% center;
        background-position: 90% center;
    }

    button.accordion-menu.accordion-menu-choices.selected {
        background-image: url('../../img/meeting/activestate.png');
        -ms-background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-position: 92%;
        background-color: transparent;
    }

        button.accordion-menu.accordion-menu-choices.selected::after {
            background-color: transparent;
        }

    .meeting-menu-container.no-lunch-container.active {
        background-image: url('../../img/meeting/activestate.png');
        -ms-background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-position: 92%;
        background-color: transparent;
    }

        .meeting-menu-container.no-lunch-container.active::after {
            background-color: transparent;
        }

    .meeting-menu.mob-tab-fix.no-icon.active {
        background: transparent;
    }

    .meeting-process .setup .meeting-menu-container {
        padding: 3px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .meeting-process .meeting-menu-container.no-lunch-container {
        padding: 15px;
        padding-top: 30px;
        padding-bottom: 0;
    }

    .meeting-menu.mob-tab-fix.config-boxes {
        padding: 0;
    }

    a.extra-info.view-menu {
        display: inline;
    }

    .meeting-menu.mob-tab-fix.config-boxes.active {
        background: transparent;
        border: none;
        margin: 0;
    }

    .meeting-booking .setup .meeting-menus .menu-overlay { /*Temp Fix Until Design Change 649*/
        opacity: 0;
    }
}


.guests, .dates {
    padding-left: 25px;
    background-position-y: 2px;
}

.guests {
    background: url('../../img/meeting/guests.png') no-repeat;
}

.dates {
    background: url('../../img/meeting/dates-bar.png') no-repeat;
    padding-bottom: 2px;
}

.meeting-booking-popup .people-selector {
    width: 95% !important;
}

.meeting-booking-popup .layout-selector {
    margin-left: 0;
    width: 97% !important;
}

a.meeting-room-edit {
    padding-left: 25px;
    background: url('../../img/meeting/edit.png') no-repeat;
    background-position-y: 5px;
    text-indent: -99999px;
    display: inline-block;
}


/*body.header-sticky .header {
    position: fixed;
    width: 100%;
    z-index: 10;
    padding-bottom: 10px;
}*/

/*body.header-sticky ul.meeting-steps {
    margin-top: 0px;
}*/


.header {
    background: #fff;
    border-bottom: solid 1px #D2D2D2;
    height: 80px;
    z-index: 10;
    position: relative;
    -webkit-transition: padding 200ms linear;
    -moz-transition: padding 200ms linear;
    -ms-transition: padding 200ms linear;
    -o-transition: padding 200ms linear;
    transition: padding 200ms linear;
}



    .header img.hox-logo {
        width: 50px;
        height: 50px;
        top: 15px;
        position: relative;
    }


    .header ul li {
        margin-right: 20px;
    }

.steps ul.meeting-steps {
    text-align: center;
    font-family: "BrownLight";
    font-size: 16px;
    line-height: 16px;
    color: #dcdcdb;
    padding: 0;
    margin: 20px 0 0 0;
    -webkit-transition: margin 200ms linear;
    -moz-transition: margin 200ms linear;
    -ms-transition: margin 200ms linear;
    -o-transition: margin 200ms linear;
    transition: margin 200ms linear;
}

    .steps ul.meeting-steps .numeric {
        display: none;
    }

    .steps ul.meeting-steps li {
        display: inline;
        background: url('../../img/meeting/next-step.png') no-repeat right center;
        padding-right: 30px;
        margin-right: 28px;
    }

        .steps ul.meeting-steps li.active {
            color: #6c6c6c;
            background-image: url('../../img/meeting/next-step-active.png');
        }


        .steps ul.meeting-steps li:last-child {
            background: none;
        }

        .steps ul.meeting-steps li:nth-last-child(2) {
            background: none;
        }

ul.meeting-filter {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}

    ul.meeting-filter li:last-child {
    }

    ul.meeting-filter .title {
        display: block;
        font-size: 24px;
        padding-top: 50px;
        transform: translateY(-12px);
    }

    ul.meeting-filter li.not-available label span {
        cursor: default;
        -ms-opacity: 0.3;
        opacity: 0.3;
    }

    ul.meeting-filter li {
        display: inline-block;
        width: 84px;
        margin-left: 1%;
        font-family: "BrownLight";
        text-align: center;
        border: solid 1px #eee;
        height: 100px;
        position: relative;
        color: #454545;
    }

        ul.meeting-filter li.active-filter {
            border: solid 1px #9d9c9c;
            background-color: #f6f6f6;
        }

.meeting-filter li.error, .time-of-day label.error {
    border: 3px solid #c1272d;
    -moz-animation: shake .5s linear;
    -ms-animation: shake .5s linear;
    -o-animation: shake .5s linear;
    -webkit-animation: shake .5s linear;
    animation: shake .5s linear;
}

.filter-container .meeting-filter li.error {
    background-color: #fdf4f4;
    border-width: 1px;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

ul.meeting-filter li label {
    position: absolute;
    width: 84px;
    height: 100px;
    left: 0;
}

    ul.meeting-filter li label > span {
        width: 100%;
        height: 100%;
        cursor: pointer;
        display: block;
        position: relative;
        text-align: center;
        padding-bottom: 0;
        overflow: hidden;
    }

.meeting-booking .review .layout {
    margin-top: 8px;
    max-width: 24px;
    max-height: 24px;
}

    .meeting-booking .review .layout[alt=THE] {
        margin-top: 12px;
    }

    .meeting-booking .review .layout[alt=CAB] {
        margin-top: 11px;
    }

ul.meeting-filter li img {
    display: block;
    height: 22px;
    margin: 20px auto 0;
}

.filter-container.multi-selection .meeting-filter li img {
    margin: 26px 26px 5px !important;
}

ul.meeting-filter li input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline-offset: -2px !important;
}

    ul.meeting-filter li input + .status {
        display: none;
    }

    ul.meeting-filter li input:checked + .status {
        display: block;
        background: url('../../img/meeting/filter-on.png') no-repeat center center;
        height: 19px;
        width: 19px;
        margin: 8px auto;
        text-indent: -99999px;
        position: absolute;
        margin-left: calc(50% - 8px);
        bottom: 25px;
    }


ul.meeting-filter img {
    text-align: center;
}

ul.meeting-filter .text {
    display: block;
    width: 100%;
    position: absolute;
    height: auto;
    padding: 0px;
    bottom: 10px !important;
    overflow: visible;
    background-color: transparent;
    word-wrap: break-word;
}

.mobile-selection-options {
    display: none;
}

.function-space-body .compact-filter {
    top: -10px;
    position: relative;
}

    .function-space-body .compact-filter ul.meeting-filter li {
        width: 18%;
        height: 39px;
        margin-bottom: 15px;
    }

@media (min-width: 1000px) {
    .icon-selection img {
        width: 100%;
        height: 100% !important;
        margin-bottom: 3px !important;
    }
}

@media (max-width: 980px) {
    .icon-selection img {
        height: 22px !important;
    }

    .compact-filter.icon-selection .meeting-filter li img {
        margin-right: 32px;
        margin-top: 12px;
    }
}

.function-space-body .compact-filter ul.meeting-filter li input:checked + .status {
    display: none;
}

.function-space-body .compact-filter ul.meeting-filter li label {
    width: 100%;
}

    .function-space-body .compact-filter ul.meeting-filter li label > span {
        height: auto;
    }

.function-space-body .compact-filter ul.meeting-filter li img {
    height: 15px !important;
    width: auto;
}


.function-space-body .compact-filter ul.meeting-filter li.active-filter {
    background-color: white;
    border-color: white;
}


.meeting-booking .slick-slider {
    margin: 0px;
}


.meeting-room-availabilty .slider {
    overflow: hidden;
    height: 280px;
}



.meeting-room-availabilty.multi .slider {
    overflow: hidden;
    height: 260px;
}

.meeting-booking .slider-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 280px;
    width: 100%;
}

.multi-selection .meeting-booking .slider-image {
    height: 260px;
}

.meeting-booking .slider-image.tall {
    height: 525px;
}

.yourdetails .roundCheckbox label {
    font-size: 13px;
}


.includes {
    clear: both;
    overflow: hidden;
    width: 90%;
    margin: 45px auto;
}

    .includes.notice {
        margin: 45px auto 20px auto;
    }

    .includes ul {
        list-style: none;
        overflow: hidden;
        padding: 0;
        font-size: 12px;
    }

        .includes ul li {
            display: inline-block;
            float: left;
            width: auto;
            font-family: "BrownLight";
            padding-left: 35px;
            padding-right: 11px;
            background-repeat: no-repeat;
            background-position-y: 2px;
            background-size: 27px 27px;
        }

            .includes ul li.wifi {
                background-image: url('../../img/meeting/wifi.svg');
            }

            .includes ul li.beverage {
                background-image: url('../../img/meeting/beverage.svg');
            }

            .includes ul li.printer {
                background-image: url('../../img/meeting/printer.svg');
            }

            .includes ul li.av {
                background-image: url('../../img/meeting/av.svg');
            }






@media(min-width: 768px) {

    .meeting-booking {
        padding-bottom: 90px;
        padding-top: 70px;
    }
}

.meeting-booking.reduced-header {
    padding-top: 0;
}

/*.col-md-8.hide-scroll.meeting-room-spacer {
    padding-left: 10px;
}*/

.meeting-home .meeting-booking {
    padding-bottom: 30px;
    padding-top: 80px;
}


.meeting-booking ul {
    list-style: none;
}

.meeting-booking-popup .btn,
.meeting-booking .btn {
    background: #1E6A94;
    color: #fff;
    width: 100%;
    padding: 7.5% 10%;
    border: none;
    text-transform: uppercase;
    font-family: "BrownLight";
    border: solid 1px #dddedd;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
}

    .meeting-booking-popup .btn,
    .meeting-booking .btn .search-no-date {
        background: #1E6A94;
        color: #fff;
        width: 100%;
        padding: 5.5% 1%;
        border: none;
        text-transform: uppercase;
        font-family: "BrownLight";
        border: solid 1px #dddedd;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
    }



.meeting-booking .meeting-room-detail-container .pricing .btn {
    position: static;
}

.meeting-booking-configuration .btn {
    text-align: left;
    height: 68px;
}

.meeting-booking-popup .btn {
    position: static;
    border: none;
}

.meeting-booking .btn.secondary {
    background-color: #F5F4F4;
    color: #1E6A94;
    font-family: "BrownRegular";
    text-decoration: none;
}

    .meeting-booking .btn.secondary:hover {
        background-color: #1E6A94;
        border-color: #1E6A94;
        color: #fff !important;
    }

.travel-tip-info {
    font-size: 13px;
    font-family: BrownLight;
    min-width: 70px;
}

.meeting-booking .distances {
    position: absolute;
    bottom: 10px;
}

    .meeting-booking .distances ul {
        padding: 0;
        margin: 0;
    }

        .meeting-booking .distances ul li {
            padding-right: 5px;
            display: inline-block;
        }

.meeting-booking p.travel-tip-title {
    font-family: "BrownRegular";
    font-size: 11px;
    line-height: 11px;
    padding: 5px 0;
    margin: 0;
}

.travel-tip-info {
    font-size: 13px;
}

.meeting-booking p.travel-tip-title span {
    font-family: "BrownLight";
    font-size: 14px;
}


/* ROOM SELECTION*/

.meeting-room-availabilty {
    margin-bottom: 30px;
    position: relative;
    height: 280px;
    background-color: #fff;
}



    .meeting-room-availabilty hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.meeting-room-detail {
    background-color: #fff;
    height: 100%;
}

    .meeting-room-availabilty h3, .meeting-room-detail h3 {
        display: inline-block;
        margin: 0;
        font-size: 18px;
        line-height: 18px;
        font-family: "BrownRegular";
    }

        .meeting-room-availabilty h3 + span.guests, .meeting-room-detail h3 + span.guests {
            float: right;
            margin: 2px 0;
            font-size: 14px;
            font-family: "BrownLight";
        }

.meeting-room-availabilty .inner {
    padding: 0;
    margin: 0px;
}

.meeting-room-detail .inner {
    padding: 16px;
    margin-bottom: 20px;
}


.meeting-room-detail-container .pricing {
    height: 50px;
}

    .meeting-room-availabilty .pricing .inner, .multi-price, .meeting-room-detail-container .pricing .inner {
        font-family: "BrownLight";
        font-size: 15px;
        color: #464545;
    }


        .multi-price span.price {
            float: right;
        }

.multi-price {
    padding: 15px;
    padding-right: 6px;
    padding-top: 16px;
}

    .meeting-room-availabilty .pricing .inner span, .multi-price span, .meeting-room-detail-container .pricing .inner span {
        font-size: 10px;
        line-height: 20px;
        color: #c5c3c7;
    }

        .meeting-room-availabilty .pricing .inner span.price, .multi-price span.price, .meeting-room-detail-container .pricing .inner span.price {
            font-family: "BrownRegular";
            font-size: 18px;
            line-height: 18px;
            color: #353535;
            right: 10px;
            position: absolute;
        }


.meeting-room-availabilty ul.layouts,
ul.meeting-room-features {
    clear: both;
    padding: 0;
}

ul.meeting-room-features {
    margin-top: 17%;
}

.meeting-room-availabilty .layouts li {
    display: inline-block;
    margin-right: 12px;
}

ul.meeting-room-features li {
    font-family: "BrownLight";
    font-size: 14px;
    padding-left: 25px;
    margin-top: 10px;
    background: url('../../img/meeting/guests.png') no-repeat;
    float: left;
    display: inline;
    width: 45%;
    width: calc(50% - 20px); /* negate the right margin*/
    line-height: 16px;
    background-size: 10%;
}

ul.meeting-room-features.full li {
    font-family: "BrownLight";
    font-size: 14px;
    padding-left: 25px;
    margin-top: 10px;
    background: url(../../img/meeting/guests.png) no-repeat;
    float: left;
    display: inline;
    width: 45%;
    width: calc(50% - 20px);
    line-height: 16px;
    background-size: 16px;
}

.indi-info li {
    background-size: 5% !important;
}

ul.meeting-room-features.full {
    clear: both;
    margin: 0;
    margin-top: 10px;
    padding: 0;
}

    ul.meeting-room-features.full li {
        width: 100%;
        margin-left: 15px;
    }

.meeting-room-availabilty .pricing {
    top: 0;
    right: 0;
    bottom: 0;
    border: solid 1px #ddd;
    background: #F4F4F4;
    position: absolute;
    height: initial;
}

    .meeting-room-availabilty .pricing .btn {
        position: absolute;
        bottom: 0;
        left: 0;
        min-height: 66px;
    }




.meeting-room-availabilty.disabled .btn,
.meeting-room-availabilty.not-available .btn {
    display: none;
}

.meeting-room-selection-container {
    max-width: 896px;
}

.filter-container {
    height: 120px;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    background: #fff;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
}


@media only screen and (min-width: 768px) {
    .filter-container.hasMsg {
        margin-top: 20px;
    }
}


.filter-container.multi-selection {
    margin-bottom: 15px;
}


.additional-gutter {
    margin-left: 30px;
}

.filter-container-title {
    height: 100px;
}


.filter-container span.title {
    font-size: 24px;
    line-height: 100px;
    padding: 0;
    margin: 0;
    font-family: BrownLight;
}

.dropdownpicker.picker.hotels input[type="checkbox"] {
    display: none;
}




/** MULTI ROOM*/

.function-space-summary-box {
    margin-top: 15px;
    margin-bottom: 15px;
    background: #fff;
    position: relative;
    width: calc(50% - 15px);
    float: left;
    display: block;
}

@media (max-width: 991px) and (min-width: 500px) {
    .function-space-summary-box {
        margin-top: 15px;
        background: #fff;
        position: relative;
        height: 100%;
        width: calc(50% - 15px);
        float: left;
        display: block;
    }

    .function-space-body {
        height: 130px;
    }

    .meeting-booking .slider-image.tall {
        height: 525px;
    }
}

.availability-overlay.disabled,
.availability-overlay.not-available {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
}

    .availability-overlay,
    .availability-overlay.available .layout-availability-info,
    .availability-overlay.not-available .layout-availability-info,
    .availability-overlay.disabled .fs-availability-info {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.2s linear;
    }

        .availability-overlay.disabled,
        .availability-overlay.not-available,
        .availability-overlay.disabled .layout-availability-info,
        .availability-overlay.not-available .fs-availability-info {
            visibility: visible !important;
            opacity: 1 !important;
        }

            .availability-overlay.disabled.not-available .layout-availability-info {
                visibility: hidden !important;
                opacity: 0 !important;
            }

        .availability-overlay .background {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .availability-overlay.disabled.available .background {
            background: #ffffff;
            background: rgba(255, 255, 255, 0.9);
        }

        .availability-overlay.disabled.not-available .background {
            background: #000000;
            background: rgba(0, 0, 0, 0.7);
        }

        .availability-overlay .information {
            padding: 30px;
            position: absolute;
            top: 20%;
            left: 0;
            z-index: 2;
            color: #fff;
            width: 100%;
        }

            .availability-overlay .information h4 {
                margin: 0;
            }

        .availability-overlay.disabled.available .information h4,
        .availability-overlay.disabled.available .information p {
            color: #30739b;
            text-align: center;
        }

        .availability-overlay.disabled.not-available .information h4,
        .availability-overlay.disabled.not-available .information p {
            color: #fff;
            text-align: center;
        }

.meeting-room-availabilty.disabled .btn,
.function-space-summary-box.disabled .btn {
    display: none;
}

.availability-overlay.disabled .btn {
    display: block !important;
    width: auto;
    height: auto;
    padding: 18px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.availability-overlay.disabled.not-available .btn {
    background-color: #555555;
    border-color: transparent;
}

.function-space-summary-box:nth-of-type(odd) {
    margin-right: 15px;
    margin-left: 0;
}

.function-space-summary-box:nth-of-type(even) {
    margin-left: 15px;
    margin-right: 0;
}

.function-space-summary-box .inner {
    padding: 5px 15px;
    position: relative;
    height: 100%;
}

.function-space-summary-box .dark {
    background-color: #F5F4F4;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
}

/** Room INFO*/

.select-room-description p {
    padding-right: 46px;
}

.select-room-border {
    border-bottom: solid 1px #ededed;
    width: 89%;
    position: relative;
    top: 13px;
}

.room-info-distances.select-room-distances {
    border: none;
}


.function-space-footer {
    margin-bottom: 100px;
}

    .function-space-header.no-fixed-height,
    .function-space-body.no-fixed-height,
    .function-space-footer.no-fixed-height {
        height: auto !important;
    }


.function-space-container {
    background-color: #F0F0F0;
    max-width: 1480px;
    width: 100%;
}


.function-space {
    padding: 10px;
}


    .function-space.no-gutter {
        padding: 0px;
    }

.function-space-header {
    position: relative;
    height: 67%;
}

    .function-space-header .slick-prev, .slick-next {
        z-index: 1;
    }

    .function-space-header .slick-next:before {
        content: url(../../img/meeting/slider-right.png) !important;
    }

    .function-space-header .slick-next {
        right: 5px;
    }

    .function-space-header .slick-prev:before {
        content: url(../../img/meeting/slider-left.png) !important;
    }

    .function-space-header .slick-prev {
        left: 5px;
    }

.function-space-body {
    background-color: #fff;
    position: relative;
    height: 135px;
}

    .function-space-body h4 {
        font-size: 24px;
        margin-bottom: 10px;
    }



.multi-selection .function-space-body h4 {
    font-size: 18px;
    line-height: 18px;
    padding: 10px 0;
    margin: 0;
}

.function-space-body address {
    font-style: normal;
    color: #247FA6;
    font-size: 11.78px;
    margin-bottom: 15px;
}


.function-space-body ul.meeting-filter {
    width: 100%;
    overflow: hidden;
    padding: 0;
}

    .function-space-body ul.meeting-filter li {
        width: auto;
        border: none;
        height: auto;
        float: left;
    }

        .function-space-body ul.meeting-filter li span {
            margin-top: 1px;
        }


.function-space-footer .btn {
    position: static;
    margin: -1px;
}

    .function-space-footer .btn:disabled {
        background-color: #ddd;
        color: #000;
    }

button.btn.spinning-x.select-room-button.spinning {
    padding: 35px;
}

.function-space .inner-container {
    margin: 0 auto;
    max-width: 800px;
    position: relative;
}

.function-space .function-space-pricing .function-space-highlight-info {
    z-index: 10;
    height: 70px;
    top: -70px;
}

.function-space .function-space-highlight-info {
    background-color: #F0F0F0;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-top: solid 1px #ddd;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}


/* SETUP */

.spinner {
    font-size: 25px;
}

    .spinner span {
        cursor: pointer;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently */
        color: #1e6a94;
    }

    .spinner a {
        text-decoration: none;
        line-height: 25px;
        position: relative;
        top: -2px;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently */
    }

    .spinner input {
        padding: 0;
        text-align: center;
        border: none;
        line-height: 25px;
        width: 30px;
        font-family: BrownLight;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently */
    }

.panel {
    background: #fff;
    padding: 40px;
    margin: 20px auto;
    max-width: 1000px;
}

.lunch-options {
    margin-bottom: 20px;
}

#special-requirements-trigger {
    margin-bottom: 10px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    width: auto;
}

    #special-requirements-trigger:after {
        background: url(../../img/meeting/arrow-down.png) no-repeat right center;
        display: inline-block;
        height: 20px;
        width: 20px;
        content: ' ';
        top: 50%;
        margin-top: -9px;
        position: absolute;
        margin-left: 5px;
        -webkit-transition: all 250ms linear;
        -moz-transition: all 250ms linear;
        -ms-transition: all 250ms linear;
        -o-transition: all 250ms linear;
        transition: all 250ms linear;
    }


    #special-requirements-trigger.on:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

.setup h2 {
    font-family: "BrownLight";
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    margin: 0;
    padding: 0 0 20px;
}

.setup .filter-container-title {
    -webkit-transform: translateY(calc(50% - 16px));
    -moz-transform: translateY(calc(50% - 16px));
    -ms-transform: translateY(calc(50% - 16px));
    -o-transform: translateY(calc(50% - 16px));
    transform: translateY(calc(50% - 16px));
}

.setup #extras p {
    text-align: center;
    font-size: 18px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.setup .panel {
    margin-bottom: 0px;
}

    .setup .panel.extra-header {
        margin-bottom: 30px;
    }

@media (min-width: 1024px) {
    .panel.extra-header {
        margin-top: 30px;
    }

    .setup .extra,
    .setup .meeting-menu {
        border: solid 1px #E0E0E0;
        padding: 15px;
        margin-bottom: 15px;
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    .panel.extra-header {
        height: 100%;
        margin-top: 30px;
    }

    .setup .extras .extra {
        height: 80px;
        position: relative;
    }
}

@media (min-width: 768px) {
    .setup .extras .extra {
        height: 80px;
        position: relative;
        bottom: 36px;
    }

    .setup .extras textarea {
        width: 800px;
    }

    .setup #extras p {
        width: 700px;
    }
}

.setup .extras {
    line-height: 46px;
}

    .setup .extras textarea {
        height: 90px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .setup .extras .extra {
        height: 80px;
        border: solid 1px #E0E0E0;
    }

        .setup .extras .extra:nth-of-type(odd) {
            margin-right: 15px;
        }

        .setup .extras .extra:nth-of-type(even) {
            margin-left: 15px;
        }


    .setup .extras .extra-info {
        float: right;
        font-size: 16px;
    }


.setup .meeting-menus {
    text-align: center;
}

.setup .meeting-menu {
    position: relative;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}


.meeting-menus .menu-overlay {
    position: absolute;
    cursor: pointer;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -ms-opacity: 0.7;
    opacity: 0.7;
}

.meeting-menu a {
    outline: none;
}

.meeting-rooms-menu-modal .menu-icon {
    background-position: center;
    -ms-background-size: 65%;
    background-size: 65%;
    background-repeat: no-repeat;
    height: 54px;
}

.meeting-rooms-menu-modal .menu-title,
.meeting-rooms-menu-modal .menu-spinner,
.meeting-rooms-menu-modal .spinner,
.meeting-rooms-menu-modal .spinner span,
.meeting-rooms-menu-modal .spinner input {
    height: 54px;
    line-height: 0;
    vertical-align: middle;
}

    .meeting-rooms-menu-modal .menu-title h4 {
        line-height: 8px;
    }

.setup .extras h4,
.setup .meeting-menus h4 {
    margin: 0;
    font-family: "BrownLight";
    font-size: 18px;
    line-height: 25px;
}

h4.no-menu {
    padding-top: 10% !important;
    padding-bottom: 23% !important;
}

.setup .meeting-menus .meeting-menu img {
    width: 26%;
    padding-bottom: 5px;
    margin-bottom: 9px;
}



.setup .meeting-menus .meeting-menu-highlight {
    text-align: left;
    margin: 60px auto;
    overflow: hidden;
    width: 90%;
}



    .setup .meeting-menus .meeting-menu-highlight img {
        float: right;
        margin-right: 25px;
    }

    .setup .meeting-menus .meeting-menu-highlight .meeting-menu {
        border: none;
        margin: 0;
        margin-left: 25px;
        padding: 0;
    }


.setup .extras h4,
.setup .extras .extra-info,
.setup .meeting-menu-highlight .meeting-menu h4,
.setup .meeting-menu-highlight .extra-info {
    display: inline-block;
    width: auto;
}

.setup .meeting-menus .meeting-menu-highlight .meeting-menu h4 {
    margin-right: 25px;
}


.setup textarea {
    width: 100%;
    display: block;
    height: 60px;
    background-color: #F4F4F4 !important;
    margin-bottom: 12px;
    color: #000;
    padding: 0 14px;
    line-height: 30px;
    font-family: "BrownLight",sans-serif;
    min-width: 60px;
    border: none;
    font-size: 13px;
}


.extra-info.pricing {
    font-size: 16px;
    font-family: BrownLight;
}

.full-height {
    height: 100%;
}


.panel.panel-review {
    border: none;
}

.review .panel h2,
.review .panel h3,
.review .panel h4 {
    font-family: "BrownLight";
    font-size: 24px;
    text-align: center;
}

.review .panel .email-info h4 {
    font-family: "BrownRegular";
}


.review .panel h2 {
    margin-bottom: 9%;
}

.confirmation.review {
    text-align: left;
}

    .confirmation.review .panel h2 {
        margin-bottom: 20px;
    }

.review .panel h3 {
    margin-bottom: 25px;
}

.review .panel h4 {
    font-size: 18px;
}


.review .extra-info.highlight {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}

.review .panel .inner-panel {
    width: 50%;
    margin: 0 auto;
}


.email-info {
    background: #83C4C0;
    color: #fff;
    padding: 35px 50px;
    text-align: center;
    font-family: "BrownRegular";
}

    .email-info h4 {
        font-size: 18px;
        margin-top: 0 !important;
    }

    .email-info p {
        font-family: "BrownLight";
        font-size: 14px;
        margin-bottom: 15px;
        color: #fff;
    }

    .email-info .form-group {
        border-bottom: 1px solid #fff;
        width: 100%;
        clear: both;
        margin: 0 auto;
        overflow: hidden;
    }




    .email-info input[type=email] {
        padding: 10px;
        padding-left: 30px;
        color: #fff;
        border: none;
        font-family: "BrownLight";
        font-size: 15px;
        background: transparent !important;
        width: 90%;
        text-align: center;
        float: left;
    }

        .email-info input[type=email]:-webkit-autofill {
            background-color: transparent !important;
        }


        .email-info input[type=email]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #fff;
        }

        .email-info input[type=email]::-moz-placeholder { /* Firefox 19+ */
            color: #fff;
        }

        .email-info input[type=email]:-ms-input-placeholder { /* IE 10+ */
            color: #fff;
        }

        .email-info input[type=email]:-moz-placeholder { /* Firefox 18- */
            color: #fff;
        }

    .email-info button[type=submit] {
        color: white;
        background: transparent;
        border: none;
        float: right;
        padding: 10px;
        display: inline-block;
        text-indent: -99999px;
        background: url('../../img/meeting/arrow-right-white.png') center center no-repeat;
    }

.review .price {
    color: #1E6A94;
}

.review ul {
    overflow: hidden;
    padding: 0px;
    margin: 0 auto 14px;
}


    .review ul li {
        list-style: none;
        padding: 15px 0 15px 0;
        border-top: solid 1px #efefef;
        background-repeat: no-repeat;
        background-size: 27px 27px;
        clear: both;
        line-height: 35px;
        font-family: "BrownLight";
    }


        .review ul li:first-of-type img:first-of-type {
            margin-top: 5px;
        }



        .review ul li img {
            margin: 0 auto;
            display: block;
        }

            .review ul li img.review-img.menu-item-img {
                width: 30px;
                top: -1px;
                position: relative;
                max-width: 30px;
            }




        .review ul li:last-of-type {
            border-bottom: solid 1px #efefef;
        }

        .review ul li .price {
            text-align: right;
        }



.meeting-map {
    height: 100%;
    height: 80px;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
    padding: 9px;
}

    .meeting-map .text {
        position: relative;
        z-index: 2;
        font-family: "BrownRegular";
        font-size: 14px;
        color: #fff;
        background: transparent;
    }


        .meeting-map .text.open {
            font-size: 11px;
        }

    .meeting-map:after {
        width: 100%;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0,0, 0.4);
        position: absolute;
        z-index: 1;
        content: '';
    }




.booking-main-detail {
    margin: 20px auto;
    line-height: 18px;
}

    .booking-main-detail .board-type {
        font-family: "BrownRegular";
        font-size: 18px;
    }

    .booking-main-detail .guests-info {
        text-align: center;
    }

    .booking-main-detail span.guests {
        font-family: "BrownLight";
        font-size: 14px;
        padding-left: 30px;
        background: url('../../img/meeting/guests_light.png') no-repeat;
        background-position-y: 2px;
    }

    .booking-main-detail .total {
        font-family: "BrownLight";
        font-size: 12px;
        float: right;
    }

        .booking-main-detail .total .price {
            font-family: "BrownRegular";
            font-size: 17.67px;
            margin-left: 15px;
            font-weight: normal;
        }


.confirmation .summary {
    text-align: center;
    margin-top: 19px;
    padding-top: 19px;
    border-top: solid 1px #efefef;
}

.confirmation .travel-info {
    text-align: center;
    margin-top: 19px;
    padding-top: 19px;
    padding-bottom: 19px;
    border-top: solid 1px #efefef;
    overflow: hidden;
    clear: both;
}

.map-confirm {
    height: 0 !important;
}

.confirmation .location {
    margin-left: 10px;
}

    .confirmation .location a {
        margin-top: 10px;
        display: inline-block;
    }

.confirmation.review .meeting-map {
    margin-right: 10px;
}

.confirmation .meeting-map:after {
    display: none;
}

.confirmation .inner-panel a,
.confirmation .inner-panel .summary p {
    text-align: center;
    display: inline-block;
}

.confirmation .inner-panel .summary .location {
    text-align: left;
}

.confirmation .inner-panel a {
    width: 100%;
}

.confirmation .inner-panel .summary p {
    color: #237EA6;
    padding: 0 10%;
    font-size: 24px;
}

.confirmation .text.open {
    text-align: left;
}



.confirmation .confirmation-send {
    background: none;
    border: none;
    color: #237EA6;
    text-align: center;
    margin: 0 auto;
    display: block;
}


.meeting-payment #paymentFail {
    width: 480px;
    min-height: 100px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    position: relative;
    background-color: #fff;
}

.meeting-booking-configuration {
    background: #E6E6E6 !important;
    padding: 15.5px 0;
    border-top: solid 1px #D2D2D2;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-family: "BrownRegular";
    font-size: 14px;
    z-index: 10;
}

    .meeting-booking-configuration .btn {
        position: static;
        background-image: url("../../img/meeting/next-step.png");
        background-repeat: no-repeat;
        background-position: center right;
        -ms-background-origin: content-box;
        background-origin: content-box;
        font-family: BrownLight;
    }

        .meeting-booking-configuration .btn.spinning {
            background-image: none;
        }

    .meeting-booking-configuration .space-info {
        clear: both;
    }

        .meeting-booking-configuration .space-info .img {
            width: 40%;
            float: left;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            width: 60px;
            height: 60px;
            margin-right: 13px;
        }



        .meeting-booking-configuration .space-info ul {
            width: 50%;
            float: left;
            font-family: BrownLight;
        }


    .meeting-booking-configuration .guests {
        background-image: url('../../img/meeting/guests_light.png');
        padding-top: 3px;
        padding-left: 30px;
    }

    .meeting-booking-configuration .dates {
        padding-top: 3px;
        padding-left: 30px;
    }

    .meeting-booking-configuration .extras-list .edit {
        background-position: 4px;
        font-size: 12px;
        position: relative;
        color: #1E6A94;
        text-indent: initial;
    }



    .meeting-booking-configuration .extras-list .no-extras {
        color: #b4b4b4;
    }

    .meeting-booking-configuration ul {
        list-style: none;
        padding: 0;
        width: 100%;
        margin: 0;
    }


        .meeting-booking-configuration ul li {
            color: #454545;
            margin-bottom: 10px;
            width: 100%;
            background-position-y: 5px;
            margin: 0;
            padding-bottom: 6px;
        }

            .meeting-booking-configuration ul li.title {
                font-size: 18px;
                margin: 0;
                padding: 0;
            }

            .meeting-booking-configuration ul li a.meeting-room-edit {
                margin-left: 5px;
            }

    .meeting-booking-configuration .pricing {
        text-align: right;
        font-size: 24px;
        font-family: "BrownRegular";
    }

        .meeting-booking-configuration .pricing ul li {
            color: #1E6A94;
            line-height: 20px;
            padding-right: 20px;
            font-family: BrownLight;
        }

        .meeting-booking-configuration .pricing .tax {
            font-size: 10px;
            font-family: "BrownLight";
            padding-bottom: 0;
        }

.extras-list ul li {
    font-family: BrownLight;
}

.meeting-booking .payment {
    margin-top: 10px;
    font-family: "BrownRegular";
}

    .meeting-booking .payment .footer {
        padding: 0px;
    }

        .meeting-booking .payment .footer .btn {
            position: relative;
            padding: inherit;
        }

    .meeting-booking .payment .meeting-map:after {
        display: none;
    }


    .meeting-booking .payment .meeting-payment-summary {
        padding-left: 0px;
        border-top: 1px solid #CCC;
        clear: both;
        padding-top: 10px;
        padding-left: 5px;
    }

        .meeting-booking .payment .meeting-payment-summary li {
            background-color: transparent;
        }

            .meeting-booking .payment .meeting-payment-summary li.guests {
                overflow: hidden;
                background: url(../../img/meeting/guests_light.png) no-repeat;
                height: 30px;
                padding-left: 25px;
                font-family: BrownLight;
            }

ul.meeting-payment-summary .dates {
    font-family: BrownLight;
}


.meeting-booking .payment .meeting-booking-summary-panel .summaryPanel {
    padding: 5px;
}

.meeting-booking .payment .meeting-booking-summary-panel .tax {
    font-size: 10px;
    color: #1E6A94;
    font-family: "BrownLight";
}

ul.payment-summary-content li {
    margin-bottom: 2%;
}

.meeting-booking .payment .meeting-booking-summary-panel ul,
.meeting-booking .payment .meeting-booking-summary-panel ul li {
    padding-left: 0px;
    font-size: 14px;
    font-family: "BrownLight";
}


.roundCheckbox {
    margin-left: 0;
}

.meeting-filter li img {
    max-width: 37px;
    height: 32px;
}

.layouts li img {
    height: 14px;
}


.hide-scroll {
    overflow-x: hidden;
    padding-bottom: 50px;
}


.details-mobile-row {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin: 12px 0;
    padding: 12px 0;
    float: left;
    width: 100%;
}

    .details-mobile-row span.guests {
        background: url('../../img/meeting/guests_light.png') no-repeat;
    }

.details-mobile address {
    color: #1d7ba7;
    font-family: "BrownRegular";
    font-size: 11.78px;
    font-style: normal;
    margin-top: 7px;
}


.setup .meeting-menu-container .menu-overlay {
    display: block;
}

    .setup .meeting-menu-container .menu-overlay.active {
        display: none;
    }

.setup .meeting-menu-container .spinner {
    display: none;
}

    .setup .meeting-menu-container .spinner.active {
        display: block;
    }

.people-selector-25plus-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.1s ease-in;
}

    .people-selector-25plus-modal.visible {
        opacity: 1;
        visibility: visible;
    }

    .people-selector-25plus-modal .modal-container {
        width: 600px;
        height: 300px;
        position: relative;
        top: 25%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        background-color: #fff;
        padding: 30px;
    }

        .people-selector-25plus-modal .modal-container div {
            display: none;
        }

        .people-selector-25plus-modal .modal-container p {
            font-size: 18px;
        }

        .people-selector-25plus-modal .modal-container strong:hover {
            text-decoration: none;
        }

/*smaller desktop*/

@media (max-width: 1199px) {

    .additional-gutter {
        margin-left: 0;
    }



    .sticky-map.selection-page {
        max-width: 100% !important;
        width: 100%;
        height: 300px;
    }
}



/*@media (max-width: 1200px) and (min-width: 995px) {


    .sticky-map.selection-page {
        top: 185px;
        position: absolute !important;
        height: 350px !important;
    }

    #map {
        padding-bottom: 0;
    }

    .filter-container.multi-selection {
        margin-bottom: 260px;
    }

    .multi-selection.multi-options {
        margin-top: 142px;
    }
}*/


@media (min-width: 1200px) and (max-width: 1440px) {
    .meeting-booking .yourdetails .terms {
        margin-left: -100px !important;
        width: calc(100% + 150px) !important;
    }
}

@media (min-width: 1200px) {
    .yourdetails .terms {
        margin-left: -101px !important;
        width: calc(100% + 153px) !important;
    }
}

@media(max-width: 990px) {
    .meeting-booking .yourdetails .terms {
        margin-left: -29px !important;
        width: calc(100% + 33px) !important;
    }
}

@media(max-width: 768px) {
    .meeting-booking .yourdetails .terms {
        margin-left: -50px !important;
        width: calc(100% + 53px) !important;
    }
}


@media(max-width: 1197px) and (min-width: 1000px) {
    .meeting-booking .yourdetails .terms {
        margin-left: -50px !important;
        width: calc(100% + 53px) !important;
    }
}


/*tablet*/

@media (max-width: 991px) {
    header.nav-up {
        top: 0 !important;
    }

    .header {
        height: 60px;
    }

        .header img.hox-logo {
            display: none;
        }

    .home-x-logo a {
        position: static;
        margin-left: 0;
        display: inline;
    }

    .header img.hox-logo-black {
        display: inline-block;
        position: relative;
        top: 16px;
    }

    .filter-container {
        height: auto;
    }

    /*#main-nav-x-logo {
        display: none;
    }*/

    .header-navigation.white-nav.meeting-rooms-header .home-x-logo {
        padding-top: 13px;
        background: white;
        height: 41px;
    }


    .header-navigation {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .container.steps {
        top: 50px;
    }

    ul.meeting-room-features li {
        width: 100%;
    }

    .function-space-header {
        height: 100% !important;
    }


    .meeting-room-availabilty .pricing .inner span.price, .meeting-room-detail-container .pricing .inner span.price {
        float: none;
        right: 10px;
    }

    .meeting-room-availabilty .pricing .inner span, .meeting-room-detail-container .pricing .inner span {
        line-height: 10px;
    }

    .yourdetails {
        margin-top: 0;
    }

    .bookingContent {
        top: 0;
    }

    .yourdetails .terms {
        margin-left: -25px;
        width: calc(100% + 28px);
    }




    .room-info-distances.select-room-distances > .col-xs-12 {
        width: 70%;
    }



    .meeting-room-detail .details-mobile {
        display: block;
    }

    .meeting-room-detail-container .pricing .inner {
        margin: 5px 0 0 16px;
    }

    .additional-info-meeting-box {
        padding: 0 20px;
    }
}


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

    .customerDetailsContainer {
        padding-left: 25px;
    }

    #detailsChecker {
        padding-right: 25px;
    }
}

/*mobile*/

@media (max-width: 767px) {
    .room-layout-any {
        display: none;
    }

    .bookingContainer.meeting-rooms .controlContainer .dropdown-selector .dropdownpicker.picker.layout {
        top: -140px !important;
    }

    .meeting-process .meeting-logo {
        width: 200px;
        height: 34px;
    }

    h4.no-menu {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body {
        background-color: #fff;
    }

    header.header-navigation {
        height: 50px;
    }

        header.header-navigation.white-nav.nav-up {
            height: 40px;
        }

    .mobile-selection-options.selected {
        display: block;
        height: auto !important;
    }

        .mobile-selection-options.selected::after {
            display: none !important;
            background-color: transparent;
        }

    .header {
        height: 60px;
        text-align: center;
        padding-bottom: 0;
    }

    .logo {
        text-align: center;
    }

    .hox-logo {
        display: none;
    }

    .hox-logo-black {
        display: block;
    }

    .container.steps {
        height: 50px;
    }


    .filter-container {
        /*background-color: #F0F0F0;*/
        margin-top: 0;
        padding-top: 0;
    }

    .filter-container-title {
        text-align: center;
        height: 60px;
        margin-bottom: 23px;
    }

    .filter-container span.title {
        line-height: 60px;
    }

    .function-space-container {
        width: auto;
        overflow: hidden;
    }

    .additional-gutter {
        margin-left: 0;
    }

    .filter-container.multi-selection {
        /*display: none;*/
    }



    .sticky-map {
        position: relative !important;
        width: 100%;
        height: 100vh !important;
        max-width: 100%;
    }

    .function-space-summary-box, .function-space-summary-box.visible:nth-of-type(odd), .function-space-summary-box.visible:nth-of-type(even) {
        margin: 10px 10px 30px;
        width: calc(100% - 20px);
        height: 375px;
        margin-right: 10px !important;
        margin-left: 10px !important;
        margin-bottom: 22px !important;
        margin-top: 0 !important;
    }

    .function-space-header {
        height: 240px;
    }

    .meeting-booking .slider-image {
        height: 240px;
    }

    .meeting-booking .btn.secondary {
        padding: 3.5% 10%;
    }

    .function-space-summary-box .dark {
        background: none;
    }


    .steps ul.meeting-steps .numeric {
        display: inline-block;
    }


    .steps ul.meeting-steps .textual {
        display: none;
    }

    .steps ul.meeting-steps li,
    .steps ul.meeting-steps li.active {
        background: none;
        padding: 11px;
        line-height: 4px;
    }

    .steps ul.meeting-steps li {
        border: solid 1px #9d9c9c;
        text-align: center;
        border-radius: 50%;
        height: 31px;
        width: 32px;
    }

        .steps ul.meeting-steps li.active {
            border: solid 1px #1E6A94;
        }

    .steps ul.meeting-steps .numeric.complete {
        background: #1E6A94;
        border: solid 1px #1E6A94;
        background-image: url(../../img/checked.png);
        background-position: center;
        background-size: 43%;
        background-repeat: no-repeat;
    }

        .steps ul.meeting-steps .numeric.complete a {
            color: #fff;
            visibility: hidden !Important;
        }

    .function-space-body {
        height: 150px;
    }

    .multi-price {
        padding: 5px 10px;
        line-height: 18px;
    }

        .multi-price span {
            width: 100%;
            line-height: 10px;
            position: relative;
        }

        .multi-price > span {
            width: 100%;
            width: 100%;
        }

        .multi-price span.price {
            float: left;
            line-height: 28px;
        }


    .review .panel {
        padding: 10px;
        margin: 0px auto;
        display: block !important;
        padding-bottom: 110px;
    }

        .review .panel .inner-panel {
            width: auto;
        }


    .meeting-room-availabilty {
        height: auto;
        margin-right: auto !important;
        margin-left: auto !important;
        margin-bottom: 22px !important;
        margin-top: 0 !important;
    }

        .meeting-room-availabilty .pricing {
            position: relative;
            min-height: 66px;
        }

        .meeting-room-availabilty h3 {
            display: block;
        }

            .meeting-room-availabilty h3 + span.guests {
                clear: both;
                float: left;
            }

        .meeting-room-availabilty .inner {
            clear: both;
        }

    ul.meeting-room-features {
        float: left;
    }

        ul.meeting-room-features li {
            width: calc(100% - 20px);
        }

    ul.meeting-filter li img {
        height: 32px;
        margin: 30px auto 0 !important;
        max-width: 47px;
    }

    .filter-container.multi-selection .meeting-filter li img {
        margin: 30px auto 0 !important;
    }

    ul.meeting-filter li img[alt=CAB] {
        height: 22px;
        margin: 36px auto 0;
    }

    .details-mobile {
        display: block;
    }





        .details-mobile span.guests, .details-mobile span.date {
            display: block !important;
            font-family: "BrownLight";
            font-size: 14px;
            float: left;
        }

        .details-mobile span.date {
            float: right;
            background: url(../../img/meeting/calendar-icon.png) no-repeat;
            padding-left: 28px;
        }


    .meeting-room-availabilty .pricing .btn {
        position: relative;
    }

    .setup .panel {
        padding: 15px;
        margin-top: 10px;
        margin-bottom: 0px;
        padding-bottom: 100px;
    }

    .setup .extras {
        margin: 10px auto;
    }

        .setup .extras .extra:nth-of-type(even),
        .setup .extras .extra:nth-of-type(odd) {
            margin: 15px 0;
        }

    .setup .meeting-menu {
        border: none;
    }

    .setup .meeting-menus .meeting-menu h4 {
        display: inline-block;
        line-height: 30px;
    }

    .setup .meeting-menus .meeting-menu img {
        display: none;
    }

    .setup .meeting-menus .meeting-menu {
        text-align: left;
    }

    .meeting-menu.mob-tab-fix.no-icon h4 {
        padding-top: 0;
        padding-bottom: 0;
    }


    .meeting-booking-configuration {
        padding: 0px;
        height: 60px;
        border-top: 0;
    }

        .meeting-booking-configuration .btn {
            height: 60px;
            line-height: 60px;
            padding-top: 0;
            padding-bottom: 0;
        }

    .multi-selection .function-space-body h4 {
        padding: 10px 0 0;
    }

    #map.sticky-map {
        display: none;
        margin-bottom: 30px;
        top: 0;
    }

    .mobile-selection-options {
        background-color: #F0F0F0;
        overflow: hidden;
    }

        .mobile-selection-options p {
            width: 100%;
            float: left;
            font-size: 14px;
            padding: 0 5px;
        }

            .mobile-selection-options p.config-selection {
                font-family: "BrownLight";
                padding: 10px;
                padding-top: 0px;
                padding-bottom: 0px;
            }

            .mobile-selection-options p.view-map {
                text-align: right;
                font-family: "BrownRegular";
            }

            .mobile-selection-options p.config-selection a {
                color: #4d4947;
                background: url(../../img/meeting/previous.png) no-repeat left center;
                padding-left: 18px;
                float: left;
            }

                .mobile-selection-options p.config-selection a span {
                    display: none;
                }

                    .mobile-selection-options p.config-selection a span.active-selection {
                        display: block;
                        clear: both;
                        line-height: 25px;
                        width: 150px;
                        overflow: hidden;
                    }

                        .mobile-selection-options p.config-selection a span.active-selection img {
                            margin-right: 4px;
                            float: left;
                            line-height: 25px;
                            display: inline-block;
                            height: 25px;
                        }

                        .mobile-selection-options p.config-selection a span.active-selection span {
                            display: inline-block;
                            float: left;
                            line-height: 25px;
                        }

            .mobile-selection-options p a:hover, .mobile-selection-options p a:focus {
                text-decoration: none;
            }

            .mobile-selection-options p.view-map a:hover {
                color: #428bca !important;
            }

            .mobile-selection-options p.config-selection a:hover {
                color: #4d4947 !important;
            }



    ul.meeting-filter li {
        width: 49%;
        margin-bottom: 2%;
        margin-left: 2%;
        float: left;
        /*height: 0;
       width: 0;*/
        padding-bottom: 14%;
        padding-right: 14%;
        border: 1px solid #e7e7e7;
    }

        ul.meeting-filter li label {
            width: 100%;
            height: 100%;
        }

    .meeting-menu h4 {
        display: block;
    }

    .includes {
        display: none;
    }

    .meeting-booking-configuration .btn {
        /*margin-right: 1%;
        margin-top: 2%;*/
    }

    .meeting-booking-configuration .container, .meeting-booking-configuration .container .button-container {
        padding-right: 0 !important;
    }


    .meeting-booking-configuration .pricing ul li {
        color: #353535;
    }

    .confirmation.review .meeting-map {
        margin-right: 0;
    }

    .book-now-form.bookingContainer.meeting-rooms {
        display: block;
        font-size: 90%;
    }

    .payTitle {
        margin-bottom: 10px;
        font-family: 'BrownRegular', sans-serif !important;
        font-size: 18px !important;
        font-weight: normal;
    }

    .meeting-booking .payment .bookingContent {
        top: 0 !important;
    }

    .meeting-booking .footer {
        text-align: left !important;
    }

    .meeting-booking .review .panel h2 {
        margin-bottom: 0;
    }

    ul.meeting-filter {
        margin-left: auto;
        margin-right: auto;
        max-width: 290px;
    }

        ul.meeting-filter li {
            width: 140px;
            height: 140px;
            margin-bottom: 5px;
            margin-left: 5px;
        }

    .meeting-room-availabilty h3 {
        font-size: 16px;
    }

    .setup .meeting-menus .meeting-menu-highlight {
        padding: 10px;
        background-color: #f6f6f6;
        margin: 0 0 10px;
        width: 100%;
    }

        .setup .meeting-menus .meeting-menu-highlight .meeting-menu h4 {
            text-align: center;
            display: block;
        }

        .setup .meeting-menus .meeting-menu-highlight .extra-info.pricing {
            margin-left: 10px;
        }

    .review .booking-main-detail span.guests {
        margin-top: 10px;
    }

    .review .booking-main-detail.booking-main-detail-mobile {
        margin: 0px auto 10px;
    }

    .review .price {
        font-weight: normal;
        font-size: 14px;
    }

    .meeting-booking .btn {
        font-size: 13.74px;
    }

    .gm-style-iw {
        width: 120px !important;
    }

    .iw-container .iw-content {
        font-size: 15px;
    }

        .iw-container .iw-content span {
            font-size: 18px;
        }

            .iw-container .iw-content span.from {
                font-size: 12px;
            }

    .iw-container .iw-content {
        height: 60px;
    }

        .iw-container .iw-content span {
            font-size: 15px;
        }

    .steps ul.meeting-steps li:last-child {
        margin-right: 0;
    }


    .meeting-room-availabilty .slider {
        height: 230px;
        overflow: hidden;
        display: block;
        max-width: calc(100vw - -4px);
    }

    .meeting-room-availabilty.multi .slider {
        overflow: hidden;
        height: 100%;
    }

    .meeting-room-availabilty .slider-image {
        height: 230px;
    }

    .meeting-room-availabilty .function-space-header {
        height: 230px;
    }

    .meeting-room-availabilty .pricing {
        border: none;
    }





    .filter-hasValue {
        display: none;
    }

    .meeting-booking .meeting-booking-configuration .pricing p {
        font-family: "BrownRegular";
        font-size: 18px;
        color: #535353;
        width: 100%;
        line-height: 60px;
        padding: 0 10px 0 0;
        margin: 0;
    }

        .meeting-booking .meeting-booking-configuration .pricing p.tax {
            font-family: "BrownLight";
            font-size: 10px;
            color: #bbb5bb;
            line-height: 10px;
            text-align: left;
            position: absolute;
            bottom: 8px;
            left: 10px;
        }



    .meeting-room-availabilty .pricing .inner span.price, .multi-price span.price, .meeting-room-detail-container .pricing .inner span.price {
        font-family: "BrownRegular";
        font-size: 18px;
        line-height: 18px;
        color: #464545;
        top: 0px;
        right: 7px;
        left: auto;
        margin-right: auto;
    }

    .multi-price span.price {
        position: absolute;
        top: 6px;
        right: 10px;
        left: auto;
        width: auto;
    }

    .meeting-room-detail-container .pricing .inner .price {
        position: relative !important;
        top: -36px !important;
        left: 126px !important;
    }

    p.prices-from-text {
        position: relative;
        left: -9px;
        font-size: 15px;
    }

    span.tax-vat {
        position: relative;
        top: -24px;
        right: 67px;
    }

    .meeting-room-detail-container .pricing .inner {
        margin: 5px 0px 0 17px;
        position: relative;
        top: 4px;
    }

    .meeting-payment .meeting-booking {
        padding-top: 60px;
    }

    .yourdetails {
        background-color: #fff;
    }


    .roundCheckbox {
        margin-bottom: 5px;
        padding-left: 5px;
    }

    input#ProfileId {
        margin-top: 20px;
    }

    .paymentContainer .sslLogo {
        top: 10px;
    }

    .active-selection img {
        max-width: 35px;
    }

    .meeting-booking .yourdetails .terms {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .select-room .btn.find-out-more {
        position: absolute;
        top: 0;
        right: 0;
        padding: 5%;
    }

    .meeting-room-availabilty .pricing .btn {
        min-height: 66px;
    }
}

@media (max-width: 390px) {
    .meeting-room-detail-container .pricing .inner .price {
        position: relative !important;
        top: -36px !important;
        left: 111px !important;
    }
}

@media (max-width: 320px) {
    .meeting-room-detail-container .pricing .inner .price {
        position: relative !important;
        top: -36px !important;
        left: 86px !important;
    }
}

@media (max-width: 767px) {
    .booking-bar-roomInfo {
        display: none;
    }

    div.bookingContainer:not(.offerPanel) {
        display: block !important;
    }

    .meeting-room-detail-container .pricing {
        position: fixed;
        width: 100%;
        bottom: 0px;
        background: #F0F0F0;
        height: 53px;
    }
}

@media (max-width: 339px) {
    ul.meeting-filter li {
        width: 45%;
        height: 0;
        padding-bottom: 45%;
    }

        ul.meeting-filter li img {
            margin: 35px auto 0;
        }
}

.hotel-info-icons {
    position: relative;
    bottom: 0px;
    margin-bottom: 10px;
}

.close-close {
    position: relative;
}

@media (min-width: 2560px) {
    .close-img {
        width: 2%;
        z-index: 9000;
        position: absolute;
        left: 947px;
        right: 0;
        top: 6px;
    }
}

@media (min-width: 1440px) {
    .close-img {
        width: 2%;
        z-index: 9000;
        left: 97%;
        position: absolute;
        top: 6px;
    }
}


@media (min-width: 1024px) {
    .close-img {
        width: 2%;
        z-index: 9000;
        left: 97%;
        position: absolute;
        top: 6px;
    }
}

img.pop-up-icon {
    width: 88%;
}

img.mob-icon {
    width: 80%;
    position: relative;
    bottom: 11px;
}

@media (max-width: 1000px) and (min-width: 600px) {
    img.mob-icon {
        width: 52%;
        position: relative;
        bottom: -4px;
    }
}

b.bold-subject {
    font-family: BrownLight;
}

.row.company-checkbox {
    padding-left: 10px !important;
}

.row.non-commissionable {
    padding-left: 10px !important;
    text-align: center;
}

    .row.non-commissionable span {
        color: #333;
        font-family: "BrownLight",sans-serif !important;
        font-size: 13px;
    }



.row.company-checkbox .roundCheckbox {
    margin-left: -7px;
}

@media (min-width: 1200px) {
    .termsAndConditions .roundCheckbox {
        margin-left: -19px;
    }

    .joinTheClub .roundCheckbox {
        margin-left: -19px;
    }
}

/*Selected free items*/
.extra.active {
    background: #f6f6f6;
}

    .extra.active .spinner input {
        background: #f6f6f6;
    }

.setup .meeting-menu.active {
    background: #f6f6f6;
}

@media(max-width: 767px) {

    .setup .mobile-active,
    .setup .mobile-active .spinner input {
        background: #f6f6f6;
    }
}

@media (max-width: 991px) {
    .setup .meeting-menu-container {
        padding: 3px;
        margin-bottom: 15px;
        height: 178px;
    }

    .setup .extra, .setup .meeting-menu {
        padding: 15px;
        margin-bottom: 15px;
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .meeting-menu.mob-tab-fix {
        border: solid 1px #E0E0E0;
    }

    .meeting-booking #map.sticky-map {
        position: relative;
        position: relative !important;
        height: 25vh !important;
    }
}


@media (min-width: 1200px) {
    .meeting-booking #map.sticky-map {
        position: fixed !important;
        height: 100vh !important;
    }
}


@media (max-width: 991px) {
    .includes {
        display: none;
    }
}

/*Tablet View For Booking*/
a.btn.secondary.center-map.tablet-btn {
    position: relative;
    right: 0;
    left: 186px;
    top: 6px;
    padding: 4.5% 10%;
}

@media (max-width: 952px) and (min-width: 760px) {
    .availability-overlay.disabled, .availability-overlay.not-available {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        position: absolute;
        width: 100%;
        max-height: 500px;
        height: 100%;
    }
}

@media (max-width: 759px) and (min-width: 400px) {
    .availability-overlay.disabled, .availability-overlay.not-available {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .setup .meeting-menu-container {
        border: solid 1px #E0E0E0;
        padding: 15px;
        margin-bottom: 15px;
        height: 100%;
    }
}

@media (max-width: 399px) and (min-width: 0px) {

    .meeting-booking .slider-image.tall,
    .meeting-room-detail .slider {
        height: 250px;
    }

    .availability-overlay.disabled, .availability-overlay.not-available {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .setup .meeting-menu-container {
        border: solid 1px #E0E0E0;
        padding: 15px;
        margin-bottom: 15px;
        height: 100%;
    }
}

@media (max-width: 991px) and (min-width: 500px) {

    .includes {
        clear: both;
        overflow: hidden;
        width: 100%;
        margin: 46px auto;
        margin-left: 30px;
    }

    .yourdetails .terms.mob-tab {
        background-color: transparent;
        padding: 15px 35px 0px 35px;
        margin-bottom: 0px;
        margin-left: -48px;
        font-family: "BrownLight",sans-serif !important;
        height: 200px;
        width: calc(100% + 48px);
    }

    .filter-container.multi-selection {
        margin-bottom: 7px !important;
    }

    .panel.extra-header {
        height: 100%;
        margin-top: 30px;
    }

    .multi-selection .function-space-body h4 {
        font-size: 17px;
        line-height: 18px;
        padding: 10px 0;
        margin: 0;
        width: 173px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .col-md-8.hide-scroll.meeting-room-spacer {
        padding-left: 0;
    }

    .setup .meeting-menus .meeting-menu-highlight img {
        float: right;
        margin-right: -12px;
    }

    .tablet-booking {
        margin-top: 32px;
    }

    .booking-final-tablet {
        padding: 4%;
        margin-top: 3%;
    }

    .col-sm-5.col-md-6.paymentAndLinks.payment-btn-tablet {
        position: relative;
        right: 0;
        left: 20%;
    }

    .col-xs-6.tablet-terms {
        background: transparent;
        position: absolute;
        top: 132px;
        left: 313px;
    }

    img.close-img.img-responsive.visible-sm.tab-close-book {
        position: absolute;
        top: 24px;
        z-index: 9000;
        /* left: 0; */
        width: 3%;
        left: 35px;
    }

    .extra-info {
        font-size: 11px;
    }

    .lunch-options {
        margin-bottom: 50px;
    }
}


@media (max-width: 767px) {



    .function-space-summary-box {
        height: 100%;
    }

    .steps ul.meeting-steps {
        text-align: center;
        font-family: "BrownLight";
        font-size: 16px;
        line-height: 16px;
        color: #dcdcdb;
        padding: 0;
        margin: 0;
        -webkit-transition: margin 200ms linear;
        -moz-transition: margin 200ms linear;
        -ms-transition: margin 200ms linear;
        -o-transition: margin 200ms linear;
        transition: margin 200ms linear;
        height: 50px;
        margin-top: 14px;
    }

    span.total-price-booking {
        font-family: BrownLight;
        font-size: 15px;
        position: fixed;
        left: 0;
        margin-left: 10px;
    }

    img.mob-icon {
        width: 80%;
        position: relative;
        bottom: 0px;
    }

    .meeting-room-selection-container .mobile-selection-options.selected {
        height: 50px;
    }

    .mobile-page.mob-beige.active-mobile-page {
        background: #F0F0F0;
    }

    .col-md-7.col-xs-6.full-height.room-details.multi-room-backing {
        background: #ffffff;
    }
}

@media (max-width: 999px) and (min-width: 760px) {

    .function-space-body {
        background-color: #fff;
        position: relative;
        height: 123px !important;
    }
}



.col-xs-6.booking-text-desc.select-room-white {
    background: #fff;
    padding: 8px;
}

.col-xs-6.select-room-grey {
    padding: 11px;
    border: solid 1px #dddedd;
    padding-bottom: 23px;
    padding-top: 0px;
    padding: 11px;
    border: solid 1px #dddedd;
    padding-bottom: 42px;
    padding-top: 0px;
    position: absolute;
    width: 50%;
    right: 0;
    left: 50%;
    bottom: 0;
    top: 0;
}

    .col-xs-6.select-room-grey .inner {
        padding: 8px;
    }

.btn-spacing-hotel {
    margin-bottom: 66px;
}

.icon-space {
    padding: 42px;
    padding-top: 0;
    padding-bottom: 0;
}

.row.mobile-page.mob-beige.multi-hotel-results.meeting-room-availabilty {
    background: transparent;
}

.col-md-5.col-sm-5.col-xs-12.booking-text-desc.hidden-xs {
    padding: 11px;
}

/*Mobile Horizontal Slider*/

.map-shown .horizontal-slider .function-space-summary-box {
}

    /*Full Box*/
    .map-shown .horizontal-slider .function-space-summary-box .full-height {
    }

        /*Inner Box*/
        .map-shown .horizontal-slider .function-space-summary-box .full-height .inner {
            position: absolute;
            bottom: 106px;
            left: 105px;
        }

    /*Box H4*/
    .map-shown .horizontal-slider .function-space-summary-box h4 {
        width: 142px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /*Multi Price Class*/
    .map-shown .horizontal-slider .function-space-summary-box .full-height .multi-price {
        position: absolute;
        top: -55px;
        right: -111px;
        float: none;
        display: inline;
    }

    .map-shown .horizontal-slider .function-space-summary-box a.btn.secondary.center-map.tablet-btn {
        position: relative;
        right: 0;
        left: 186px;
        top: 6px;
        padding: 4.5% 10%;
        display: none;
    }

@media (max-width: 952px) and (min-width: 760px) {
    .map-tablet-hide {
        visibility: hidden;
    }
}

img.review-img {
    width: 21%;
}

img.date-confirm {
    width: 36%;
}

img.extra-img {
    width: 71%;
}

@media (min-width:766px) and (max-width: 999px) {
    img.review-img {
        width: 33%;
    }

    img.extra-img {
        width: 97%;
    }

    img.date-confirm {
        max-width: 26px;
        min-width: 26px;
    }
}

@media (max-width: 765px) {
    img.review-img {
        max-width: 16px;
        min-width: 15px;
        width: 16px;
    }

    img.date-confirm {
        max-width: 26px;
        min-width: 26px;
    }

    .meeting-booking-configuration.no-arrow .btn {
        background-image: none;
        text-align: center;
    }
}

@media (max-width: 700px) {

    .meeting-booking {
        background: white;
    }

        .meeting-booking.mb-background {
            background: transparent;
        }

    #lunch, #extras {
        position: static;
    }
}

}

@media (min-width: 1200px) {
    .function-space-body .find-out-more-meeting {
        background-color: #fff;
        position: relative;
        height: 152px !important;
    }

    .function-space .booking-find-out .function-space-highlight-info {
        background-color: #F0F0F0;
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
        border-top: solid 1px #ddd;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 155%;
        max-height: 400px;
    }
}

@media (max-width: 1000px) {
    .function-space-body .find-out-more-meeting {
        background-color: #fff;
        position: relative;
        height: 190px !important;
    }

    .find-out-more-meeting .function-space-highlight-info {
        background-color: #F0F0F0;
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
        border-top: solid 1px #ddd;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 102% !important;
        max-height: 400px;
    }
}

@media (min-width: 1000px) {
    .function-space-body {
        background-color: #fff;
        position: relative;
        height: 152px !important;
    }

    .function-space .booking-find-out .function-space-highlight-info {
        background-color: #F0F0F0;
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
        border-top: solid 1px #ddd;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 155%;
        max-height: 400px;
    }

    span.extra-info.error {
        color: red;
    }
}

.select-room-description p {
    padding-right: 46px;
    padding-left: 2%;
}

.function-space-footer .select-room-description p {
    padding-left: 0px;
}

.function-space-body {
    background-color: #fff;
    position: relative;
}


.function-space .booking-find-out .function-space-highlight-info {
    background-color: #F0F0F0;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-top: solid 1px #ddd;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.find-out-more-meeting .tab-padding,
.find-out-more-meeting .function-space-highlight-info {
    min-height: 155px;
    padding-top: 10px;
    padding-left: 10px;
}


@media (max-width: 767px) and (orientation: landscape) {

    div.container.mr-mobile {
        position: absolute;
        width: 100%;
        bottom: 0 !important;
    }

    ul.meeting-filter {
        margin-left: auto;
        margin-right: auto;
        max-width: 290px;
        height: 400px;
    }
}

@media (min-width: 768px) {
    .select-room-description p {
        padding: 20px !important;
        padding-top: 1px !important;
    }

    .function-space-footer .select-room-description p {
        padding-left: 6px !important;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .function-space-body .compact-filter {
        top: -10px;
        position: relative;
        right: 203px;
    }

        .function-space-body .compact-filter ul.meeting-filter li {
            width: 15%;
            height: 39px;
            margin-bottom: 15px;
        }

    ul.meeting-filter li label > span {
        width: 77px;
        height: 100%;
        cursor: pointer;
        display: block;
        position: relative;
        text-align: center;
        padding-bottom: 0;
        /* overflow: hidden; */
    }

    span.occupancy-compact {
        visibility: hidden;
        margin-left: auto;
        margin-right: auto;
    }

    ul.meeting-filter li img {
        display: block;
        height: 22px;
        margin: 0px 26px 5px;
        overflow: visible;
    }
}

.col-md-3.col-sm-2.pricing.hidden-xs .inner {
    padding: 9px;
}

@media (max-width: 767px) {
    .col-xs-6.select-room-grey {
        padding: 11px;
        border: solid 1px #dddedd;
        padding-bottom: 42px;
        padding-top: 0px;
        position: absolute;
        width: 50%;
        right: 0;
        left: 50%;
        bottom: 0;
        top: 0;
    }

        .col-xs-6.select-room-grey .inner {
            padding-top: 9px;
        }

        .col-xs-6.select-room-grey span {
            position: absolute;
            top: 27px;
            margin-top: 12px;
        }
}

/*Slide Up Foot Do Not Remove*/
.foot {
    border-top: 6px solid #1E6A94;
    position: fixed;
    width: 100%;
    z-index: 1000;
    height: auto;
    justify-content: center;
    /* border-top-left-radius: 25px; */
    /* border-top-right-radius: 25px; */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    bottom: 0px !important;
    border: none;
    -ms-transition: margin-bottom 250ms linear, border-top 250ms linear;
    -o-transition: margin-bottom 250ms linear, border-top 250ms linear;
    -webkit-transition: margin-bottom 250ms linear, border-top 250ms linear;
    transition: margin-bottom 250ms linear, border-top 250ms linear;
}

.slide-down {
    margin-bottom: -94px;
    border-top: 6px solid #1E6A94;
}

.slide-up-menu {
    margin-bottom: 0 !important;
    border-top: 0px !important;
}

.arrow-slide {
    position: fixed;
    bottom: -10px;
    margin-left: auto;
    margin-right: auto;
    width: 37px;
    left: 0;
    right: 0;
    cursor: pointer;
    z-index: 3;
}

    .arrow-slide:hover + .foot-slide-wrapper .foot {
        margin-bottom: 0px !important;
        border-top: none;
        display: block;
    }

.foot.slide-down {
    height: 100px;
}
/*Filter*/
ul.meeting-filter li.active-filter label span .occupancy-compact {
    visibility: visible !important;
}

span.occupancy-compact {
    visibility: hidden;
}


.meeting-room-availabilty address {
    color: #237EA6;
}



/*Text Truncate For Descriptions*/
/* styles for '...' */
.booking-text-desc p {
    font-family: "BrownLight";
    font-size: 14px;
    color: #5d5d5c;
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 3.6em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
}
    /* create the ... */
    .booking-text-desc p:before {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0;
    }
    /* hide ... if we have text, which is less than or equal to max lines */
    .booking-text-desc p:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white;
    }

@media (max-width: 767px) {
    .review .container {
        margin: 0 auto;
    }

    .review .panel {
        border-top: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .review .container {
        margin: 0 auto;
    }

    .pricing-room-select .col-xs-6.select-room-grey,
    .meeting-room-availabilty .pricing {
        position: relative;
        background: #fff;
    }


    .meeting-room-availabilty {
        height: auto;
    }

    .pricing-room-select .col-xs-6.select-room-grey {
        left: 0px;
        border: none;
        border-left: solid 1px #dddedd;
        background: #F4F4F4;
    }

    /*.row.meeting-room-availabilty .pricing {
        position: relative;
    }*/

    .single-room-select {
        position: relative;
    }



    .single-room-select-container:nth-of-type(odd) .single-room-select {
        margin-right: 10px;
    }

    .single-room-select-container:nth-of-type(even) .single-room-select {
        margin-left: 10px;
    }

    .meeting-room-availabilty.single-room-select .pricing .btn {
        position: absolute;
        width: 100%;
        display: block;
        min-height: 0;
    }


    .meeting-booking-configuration .button-container {
        right: 0px;
        top: 0px;
        bottom: 0px;
        position: absolute;
    }

        .meeting-booking-configuration .button-container .btn {
            bottom: 0px;
            position: absolute;
            top: 0px;
            height: 100%;
        }
}


@media (min-width: 992px) {
    .reduced-header .review .container {
        margin: 0 auto;
    }


    .meeting-room-availabilty .pricing .inner,
    .meeting-room-availabilty .booking-text-desc {
        padding: 15px;
    }

    ul.meeting-room-features {
        margin-top: 13%;
    }
}


.hacky-label {
    position: relative;
    margin: 20px 0 5px;
    display: inline-block;
}

@media(min-width: 1200px) {

    .hacky-label {
        left: 30px;
    }
}

.removePadding {
    padding: 0;
}

button.accordion-menu {
    background-color: #f6f6f6;
    color: #333;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    background-image: url('../../img/meeting/accordionarrow.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: 90% center;
    background-position: 90% center;
}

    button.accordion-menu.accordion-menu-choices {
        background-color: transparent;
        padding-bottom: 40px;
    }

        button.accordion-menu.accordion-menu-choices.active {
            padding-bottom: 40px;
        }

        button.accordion-menu.accordion-menu-choices.active {
            background-color: transparent;
        }

    button.accordion-menu:after {
        color: #000;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

.accordion-menu-panel.show {
    max-height: 100%;
}

div.accordion-menu-panel {
    padding: 0 18px;
    background-color: #f6f6f6;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

    div.accordion-menu-panel.accordion-menu-panel-choices {
        background-color: transparent;
        padding: 0;
        margin-top: -23px;
    }

.accordion-select-btn {
    background: #1E6A94;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    font-family: "BrownLight";
    border: none;
    text-align: center;
    position: relative;
    padding: 18px;
}

a.meeting-terms-link {
    color: #454545;
    font-size: 14px;
    font-family: BrownLight;
}

@media (min-width:768px) and (max-width:991px) {
    a.meeting-terms-link {
        font-size: 12px;
    }

    .meeting-booking-configuration .pricing ul li {
        padding-right: 0;
    }

    li.add-lunch-extra {
        padding-top: 5px;
    }
}

/*mobile terms & conditions meeting link*/
@media (max-width:767px) {
    div.meeting-terms-link {
        text-align: right;
    }

    a.meeting-terms-link {
        line-height: 25px;
    }

    div.review-meeting-terms-link {
        padding: 15px 20px;
    }
}


@font-face {
    font-family: 'FarnhamDisplayRegular';
    src: url('../fonts/Hoxton3.0/farnhamdisplay-regular.woff2') format('woff2'), url('../fonts/Hoxton3.0/farnhamdisplay-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FarnhamDisplayRegularItalic';
    src: url('../fonts/Hoxton3.0/farnhamdisplay-regularital.woff2') format('woff2'), url('../fonts/Hoxton3.0/farnhamdisplay-regularital.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FarnhamDisplayLightItalic';
    src: url('../fonts/Hoxton3.0/farnhamdisplay-lightital-webfont.woff2') format('woff2'), url('../fonts/Hoxton3.0/farnhamdisplay-lightital-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrownBold';
    src: url('../fonts/Hoxton3.0/brown-bold.woff2') format('woff2'), url('../fonts/Hoxton3.0/brown-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.main-video {
    /*background: transparent url('/img/hoxton/TheHoxton/overlay.svg') no-repeat center bottom;*/
    /*background: transparent url('/img/background-image.png') no-repeat center top;*/
    background-size: 100%;
    width: 100%;
    height: calc(100vh - 300px);
    position: relative;
    overflow: hidden;
}

.main-video-backup {
    height: 100%;
    width: 100%;
    background-size: cover;
}

*::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}


@media(max-width: 1280px ), (max-height: 800px) {
    .main-video {
        height: calc(100vh - 120px);
    }
}

@media (max-width: 1280px) and (max-height: 800px) and (min-height: 720px) {
    .main-video {
        height: calc(61vh - 191px) !important;
    }
}

.main-video .hotels-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 178px;
    /*background: rgba(76,0,0,0);*/
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}

.main-video video {
    width: 100%;
    height: auto;
    /*display: none;*/
}

#mmLink {
    color: #353535 !important;
}

.day-use-input {
    width: 60% !important;
    height: 20px !important;
    position: absolute !important;
    left: 30px !important;
    border: none;
    background-color: transparent;
}

.dayUseLink .day-use-input {
    margin: 0 !important;
    padding: 0 !important;
    height: 24px !important;
    left: 0px !important;
    width: 130% !important;
}

.hotel-container .rsTmb {
    width: 11.1%;
    height: 100%;
    float: left;
    text-align: center;
}

    .hotel-container .rsTmb.disabled {
        opacity: 0.5;
    }

.hoxton-bedrooms-book-now-bar .manageBookingSubmitContainer.code-selector .code-selector {
    margin-top: 6px;
    height: 40px;
}

.hotel-container .rsTmb a {
    color: #fff;
    text-align: center;
    text-decoration: none;
    outline: none;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 992px) {
    .hotel-container .rsTmb a {
        position: static !important;
    }
}

@media (max-width: 1024px) {
    .spaces-slides a.main-link, .spaces-slides span.main-link {
        position: static !important;
        top: auto !important;
    }
}

.hotel-container .rsTmb.disabled a {
    cursor: default;
}


.hotel-container .rsTmb a p {
    font-family: FarnhamDisplayRegularItalic;
    font-size: 12px;
    margin-top: 0px;
    letter-spacing: 1.02px;
    line-height: 15px;
}

.hotel-container .rsTmb a h3 {
    font-size: 14px;
    margin-bottom: 0;
    letter-spacing: 1.2px;
    font-family: BrownRegular;
    line-height: 35px;
    font-weight: normal;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.hotel-container .rsTmb {
    opacity: 1;
    transition: margin-top .5s ease-in-out, opacity .5s ease-in-out;
    -moz-transition: margin .5s ease-in-out, opacity .5s ease-in-out;
    -webkit-transition: margin .5s ease-in-out, opacity .5s ease-in-out;
    position: relative;
}

.hotel-container .rsThumb.rsNavSelected {
    background-color: transparent !important;
}


.hotel-container .rsTmb:not(.disabled):hover {
    margin-top: -15px;
}

.hotel-container .rsTmb.not-hovered {
    opacity: 0.5;
}


.hotels {
    height: 140px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.main-headline {
    background-color: #D3D0CC;
    text-align: center;
    width: 100%;
    position: relative;
}

    .main-headline .monogram-container {
        right: 0;
        height: 100px;
        width: 100%;
        position: absolute;
        max-width: 1205px;
        margin: 0 auto;
        left: 0;
    }

        .main-headline .monogram-container .mono {
            position: absolute;
            width: 100px;
            height: 100px;
            top: 10px;
            right: 0;
        }

            .main-headline .monogram-container .mono .header-monogram {
                width: 100px;
                height: 100px;
                position: absolute;
                margin: 0;
                top: 0;
                left: 0;
                background-size: 200% !important;
                opacity: 0.2;
            }


.text-content.slides-heading.clearfix a {
    position: relative;
    z-index: 99999;
}


/*.spaces-slides .text-content a h3 span {
    width: 100% !important;
    white-space: normal !important;
}*/

@media (min-width: 768px) {

    .main-headline.fix-height {
        height: 300px;
    }

        .main-headline.fix-height .fix-centre {
            justify-content: center;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            height: 100%;
        }

        .main-headline.fix-height h1 {
            padding: 0;
        }

        .main-headline.fix-height .monogram-container .header-monogram {
            top: 110px;
        }
}

.rooms-page .main-headline {
    min-height: 340px;
}


.main-headline h1 {
    width: 740px;
    color: #ffffff;
    font-family: BrownLight;
    font-size: 38px;
    line-height: 1.2;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 1.02px;
    padding: 90px 0;
    padding-top: 10px;
}

.rooms-page .main-headline h1 {
    padding-top: 150px;
}

.homepage-body .main-headline h1 {
    width: 900px;
}

div .book-now-form {
    /*display: none;*/
    background-color: #D3D0CC;
    height: auto;
}

.bookingContainer:not(.meeting-rooms) .selector:not(.offer) {
    margin: 5px 0;
    text-align: center;
    border-right: 1px solid #D3D0CC;
    width: 200px;
}



.bookingContainer .selector.inactive .date-value {
    opacity: 0.5;
}

.formheadermn {
    max-width: 1400px;
    transform: translateY(-45px);
    z-index: 10;
}

.manageBookingSubmitContainer {
    margin-left: 0;
}

.bookingContainer .room-selector .input-value {
    text-align: center;
}

.bookingContainer button {
    width: 200px;
}

.dropdown-selector.people-selector.selector.people-dropdown-box {
    width: 120px;
}

    .dropdown-selector.people-selector.selector.people-dropdown-box.on {
        width: 120px;
    }

.dropdown-selector.layout-selector.selector.date-dropdown-box {
    width: 120px;
}

.dropdown-selector.people-selector.selector.people-dropdown-box.on div.quantity .input.value {
    width: 100%;
}

div.book-now-form div.manageBookingSubmitContainer input {
    width: 200px;
}

div.book-now-form div.manageBookingSubmitContainer button {
    position: relative;
    right: 0;
    margin-left: 0;
}

.bookingContainer .controlContainer .dropdown-selector .dropdownpicker.picker.hotels {
    /*top: -175px; - put back in for Williamsburg*/
    top: -139px;
    margin-left: -1px;
    width: 201px;
}

.manageBooking, .manageBookingSubmitContainer .code {
    color: #353535;
    font-size: 12px;
    font-family: BrownLight;
}

.primary-container {
    margin: 0 auto;
    max-width: 1205px;
    position: relative;
}


.image-slider-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    height: 658px;
    padding-bottom: 0;
}

.image-slide {
    position: relative;
    height: 567px !important;
    /*padding-top: 280px;*/
    min-height: 567px;
    /*padding-bottom: 127px;*/
}

    .image-slide a:focus {
        outline: none;
    }


    .image-slide a:focus {
        outline: none;
    }

    .image-slide h4 {
        font-size: 14px;
        font-family: BrownRegular;
        color: #fff;
        margin: 0;
    }

        /*.image-slide h4::after {
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        margin-top: -5px;
        background: #474646;
        transition: width 0.5s ease 0s, left 0.5s ease 0s;
        width: 0;
    }

    .image-slide h4:hover::after {
        width: 100%;
    }*/



        .image-slide h4.sub-title {
            font-family: FarnhamDisplayRegularItalic;
            font-size: 14px;
            font-style: italic;
        }

.spaces-slides {
    position: relative;
    margin-top: 140px;
    min-height: 568px;
}

    .spaces-slides.first {
        margin-top: 60px;
    }

        .spaces-slides.first.on {
            margin-top: 170px;
        }

.homepage-body .spaces-slides.first.on {
    margin-top: 60px;
}

.spaces-slides a.main-link, .spaces-slides span.main-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.spaces-slides .image-slide .main-image {
    width: 66%;
    height: 568px;
    position: absolute;
    background-size: cover;
    top: 0;
    right: 0;
}

.spaces-slides.reversed .image-slide .main-image {
    width: 66%;
    height: 568px;
    position: absolute;
    top: 0;
    left: 0;
}


.spaces-slides .image-slide .main-image:after {
    display: block;
    Content: '';
    background: transparent;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.4) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.4)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.3) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.4) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 23%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.4) 100%);
    height: 60%;
    width: 100%;
    position: absolute;
    bottom: 0;
}



.spaces-slides .image-slider .slick-prev {
    left: 34%;
    top: 0;
    z-index: 2;
    right: 0;
    height: 85%;
    background: transparent;
    width: 200px;
    cursor: url(../../img/left_cursor.png), auto;
    content: none;
}


.spaces-slides .image-slider .slick-next {
    right: 0px;
    top: 0;
    z-index: 3;
    height: 100%;
    background: transparent;
    width: 200px;
    cursor: url(../../img/right_cursor.png), auto;
    content: none;
}

.spaces-slides.reversed .image-slider .slick-next {
    left: 50%;
}

.spaces-slides.reversed .image-slider .slick-prev {
    left: 0;
}



/*.spaces-slides .image-slide .sub-image {
        width: 49%;
        position: absolute;
        background-size: cover;
        left: 0;
        bottom: 0;
        height: 400px;
    }

    .spaces-slides.reversed .image-slide .sub-image {
        width: 49%;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 400px;
        left: auto;
    }*/


.spaces-slides.reversed.neighbourhood-section .image-slide {
    padding-bottom: 580px;
}


.spaces-slides .map-image .map {
    width: 100%;
    height: 100%;
}


.spaces-slides .map-image {
    width: 66%;
    height: 100%;
    margin-left: 33%;
    bottom: 0;
    z-index: 3;
    position: absolute;
}

.spaces-slides .text-content {
    /*width: 44%;*/
    /*top: 0 !important;
    z-index: 3; 
    position: relative;*/
}


    .spaces-slides .text-content a:hover h3 span {
        border-bottom: 2px solid #D2D4D5;
    }

    .spaces-slides .text-content.slides {
        position: absolute;
        z-index: 1;
        width: 66%;
        bottom: 20px;
        margin-left: calc(33% + 12px);
    }

        .spaces-slides .text-content.slides > a {
            display: block;
        }

.spaces-slides.reversed .text-content.slides {
    margin-left: 0;
}


.spaces-slides .image-slider-wrapper .slick-dots {
    max-width: 66%;
    bottom: -50px;
    float: right;
    margin-left: calc(33% + 12px);
}

.spaces-slides.reversed .image-slider-wrapper .slick-dots {
    max-width: 66%;
    bottom: -50px;
    margin-left: 0;
}

span.hidden-span {
    visibility: hidden !important;
    text-decoration: none;
    display: block;
    border-bottom: 3px solid transparent;
    width: 0;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    white-space: nowrap;
    height: 40px;
}


.spaces-slides .text-content.slides-heading {
    width: 100%;
    bottom: 0;
    z-index: 3;
    position: relative;
}

.spaces-slides.reversed .text-content.slides-heading {
    margin-left: 66%;
}

.monogram-address-mobile {
    display: none;
}


@media (min-width: 1025px) {
    .text-content .text-content-container, .text-content .text-content-copy {
        width: 100%;
        max-width: 280px;
    }


    .spaces-slides.reversed .text-content .text-content-container {
        padding-right: 5px;
        max-width: 389px;
    }
}

@media (min-width: 1281px) {
    .spaces-slides.reversed .text-content .text-content-container {
        padding-left: 104px;
    }
}


.spaces-slides .text-content h3, h3.section-title, div.primary-container a h3.section-title span {
    font-size: 36px;
    color: #4A494A;
    font-family: Arial;
    margin-top: 0;
    margin-bottom: 36px;
    display: inline-block;
}

/*.spaces-slides.reversed .text-content h3 {
    padding-left: 104px;
}*/

div.primary-container a h3.section-title span {
    text-decoration: none;
    display: block;
    border-bottom: 3px solid transparent;
    width: 0;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    white-space: nowrap;
    height: 50px;
}

div.primary-container a:hover h3.section-title span {
    border-bottom: 3px solid #D3D1CC;
    width: 100%;
}

.image-slider .image-slide h4, .image-slider .image-slide h4.sub-title {
    width: inherit;
    display: block;
    margin-left: 25px;
    line-height: 20px;
}

    .image-slider .image-slide h4.title {
        margin-right: 5px;
    }


.mapboxgl-ctrl-bottom-right {
    display: none;
}

.spaces-slides .text-content p {
    /*padding-right: 104px;*/
    font-size: 16px;
    padding-bottom: 0;
    font-family: FarnhamDisplayRegular;
    font-weight: normal;
    margin: 0 0 20px 0;
}

/*.spaces-slides.reversed .text-content p {
    padding-right: 5px;
    padding-left: 104px;
}*/

/*.spaces-slides.reversed .image-slide h4 {
    margin-left: 25px;
    position: relative;
    display: inline-block;
}*/


.image-slide .find-out span {
    font-size: 12px !important;
}

@media (max-width: 767px) {
    .find-out {
        display: none;
    }

    .find-out-br {
        display: none;
    }

    h4.title span {
        display: initial !important;
    }

    h4.sub-title span {
        display: initial !important;
    }
}

.image-slider .image-slide h4 span {
    height: 28px;
    display: block;
}

.image-slider .image-slide a h4.find-out span {
    text-decoration: none;
    display: block;
    border-bottom: 3px solid transparent;
    width: 0;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    white-space: nowrap;
    height: 28px;
}

.image-slider .image-slide a:hover h4 span {
    border-bottom: 3px solid #D3D1CC;
    width: 100%;
}

/*.spaces-slides.reversed .image-slide .arrows {
    margin-left: 150px;
}*/

.spaces-slides .text-content a:hover,
.spaces-slides .text-content a:focus {
    text-decoration: none;
}

.image-slider .slick-prev, .image-slider .slick-next {
    width: 13px;
    height: 8px;
    line-height: 15px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.hotel-homepage .spaces-slides .hotels-overlay {
    display: none;
}

.image-slider .slick-prev {
    right: 110px;
    left: auto;
    top: 95%;
    z-index: 2;
}

.image-slider .slick-next {
    right: 0px;
    top: 95%;
    z-index: 3;
}

.image-slider .slick-prev:before {
    content: url(../../img/hoxton/arrow-left.png) !important;
}

.image-slider .slick-next:before {
    content: url(../../img/hoxton/arrow-right.png) !important;
}


.spaces-slides .arrows {
    z-index: 3;
    position: absolute;
    margin-top: 40px;
}

    .spaces-slides .arrows span {
        clear: both;
        display: none;
        text-transform: uppercase;
        font-size: 12px;
        color: #9B9B9B;
        padding-top: 10px;
        letter-spacing: 0.5px;
    }

    .spaces-slides .arrows a:hover span {
        display: block;
    }

    /*.arrows {
    width: 110px;

}



@media (max-width: 1280px) {
    .arrows {
        margin-top: 15px;
    }
}


    .arrows .prev {
        float: left;
    }*/

    .spaces-slides .arrows .next {
        float: left;
    }



.offers-banner {
    padding-top: 0;
    padding-bottom: 14px;
    background-color: #FFAB9D;
    margin-top: 120px;
}

@media (max-height: 800px) and (min-width: 1152px) {
    .offers-banner {
        padding-top: 0;
        padding-bottom: 14px;
        background-color: #FFAB9D;
        margin-top: 0;
    }
}

.sign-up {
    width: 600px;
    max-width: 550px;
    z-index: 15;
    margin: 0 auto;
}


    .sign-up.right {
        float: right;
    }

.reversed .sign-up {
    float: none;
}

.reversed .contourForm.jointhelist .contourPage fieldset.expanded-options {
    margin-left: 0;
}

.sign-up h1 {
    font-family: BrownLight;
    text-align: left;
    font-size: 36px;
    color: #ffffff;
    margin: 0 0 20px 0;
    letter-spacing: -1px;
}

.sign-up .contourForm.jointhelist .contourPage fieldset:nth-of-type(2) .contourField.checkbox {
    margin-top: -19px;
}

.sign-up .contourForm.jointhelist .submitRow input[type=submit] {
    background-image: url('../../img/arrowSubmit.png');
    cursor: pointer;
    width: 40px;
    height: 16px;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-left: 10px;
    margin-top: 2px;
}

.sign-up .contourForm.jointhelist .email input[type="text"], .sign-up .contourForm.jointhelist .email input[type="email"] {
    border: none;
    background: transparent;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    width: 425px;
    font-family: BrownLight;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
}

.sign-up .contourField.email.textfield.mandatory {
    padding: 0;
    margin: 0;
}

.sign-up .contourForm.jointhelist input[type="checkbox"]:checked + label {
    background: url('../../img/hoxton/ticksbox_white.png') left top no-repeat;
}

.sign-up .contourForm.jointhelist input[type="checkbox"] + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../../img/hoxton/checkBackground_white.png') left top no-repeat;
}

.sign-up .contourForm.jointhelist fieldset {
    margin-left: 0;
    padding-left: 0;
}

.sign-up .contourForm.jointhelist .contourField h2 {
    display: none;
}

.sign-up .contourForm.jointhelist .contourField label {
    color: #fff;
}

.sign-up .contourForm.jointhelist .contourPage fieldset:nth-of-type(2) {
    width: 320px;
    margin-top: 20px;
    margin-left: 0px;
}

.sign-up .contourForm.jointhelist .submitRow {
    position: absolute;
    top: 0;
    right: 0;
}

.sign-up .contourForm.jointhelist .contourField.email .help-block {
    position: absolute;
    top: 4px;
    color: #ffffff;
    font-family: BrownLight;
    font-size: 14px;
    pointer-events: none;
    text-align: left;
    width: 100%;
    display: inline-block;
    bottom: 0px;
    margin-left: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}


.sign-up a.mailer-terms-link {
    color: white;
    text-decoration: none;
    font-family: 'BrownLight';
    font-size: 12px;
}

    .sign-up a.mailer-terms-link:hover {
        text-decoration: underline;
    }

.mailer-signup a.mailer-terms-link {
    color: #9B9B9B;
    text-decoration: none;
    font-family: 'BrownLight';
    font-size: 11px;
    padding-left: 12px;
}

    .mailer-signup a.mailer-terms-link:hover {
        text-decoration: underline;
    }

@media (max-width:767px) {
    .mailer-signup a.mailer-terms-link {
        padding-left: 5px;
    }
}

.event-highlight-slider h3.title {
    font-size: 26px;
    margin-top: 25px;
}

.event-highlight-slider location {
    font-size: 12px;
    font-family: BrownRegular;
}

.event-highlight-slider .slick-slide .info {
    display: none;
}

.event-highlight-slider .slick-slide.slick-current .info {
    display: block;
}

.event-highlight-slider .slick-slide {
    transform: scale(1);
}

@media (max-width: 767px) {
    .event-highlight-slider.slick-initialized.slick-slider.slick-dotted .slick-dots {
        position: absolute;
        bottom: -122px;
        display: block;
        width: 100%;
        padding: 0;
        list-style: none;
        text-align: center;
        z-index: 44;
        background: #FFFFFF;
    }
}

.search-hoxtown {
    margin-top: 110px;
}
/* Hoxtown Landing */
.hoxtown-landing {
    clear: both;
    margin: 4px 0;
}

    .hoxtown-landing .slider {
        margin-top: 60px;
        margin-bottom: 0;
    }

    .hoxtown-landing .panel {
        text-align: center;
        font-size: 40px;
        width: 100% !important;
        position: relative;
        padding: 0;
        height: 130px;
        float: left;
        margin: 0 !important;
        max-width: none !important;
    }

    .hoxtown-landing .guide-filters .guide-filter {
        float: left;
        width: 480px;
    }


    .hoxtown-landing .panel.see-all {
        background: #7cc6bd;
    }

    .hoxtown-landing .panel.filters {
        background: #113B53;
    }

    .hoxtown-landing .panel.see-all a {
        color: #fff;
        display: block;
        width: 100%;
        text-decoration: none;
        padding: 192px 0;
        font-family: "BrownLight" !important;
    }

.see-all-events {
    height: 110px;
    text-align: center;
    padding-top: 40px;
}

    .see-all-events a {
        font-family: BrownRegular;
        font-size: 26px;
        color: #fff;
        font-weight: normal;
    }

/*Guide Filters For Homepage*/

.guide-filters.home-guide-filters {
    margin: 0 auto;
    position: relative;
}

    .guide-filters.home-guide-filters .guide-filter {
        margin: 0 auto;
        float: left;
        overflow: hidden;
        margin: 0;
        text-align: center;
    }

    .guide-filters.home-guide-filters .guide-filter-title {
        margin: 0 auto;
        float: left;
        overflow: hidden;
        margin: 0;
        text-align: center;
        margin-left: 100px;
        margin-right: 40px;
    }

        .guide-filters.home-guide-filters .guide-filter-title label {
            color: #fff;
            font-size: 36px;
            display: inline-block;
            cursor: pointer;
            font-family: 'BrownLight';
            margin-right: 10px;
            text-align: right;
            line-height: 130px;
        }

.guide-filters .guide-filter select {
    width: 235px;
}

.guide-filters.home-guide-filters .guide-filter label {
    color: #5DACD2 !important;
    font-size: 35px;
    display: inline-block !important;
    cursor: pointer !important;
    font-family: 'BrownLight';
    margin-right: 10px !important;
    text-align: right;
    line-height: 130px;
}

.guide-filters {
    transform: none;
}

footer {
    max-height: none;
    clear: both;
    background-color: #F3F1EF;
    padding-top: 60px;
    position: relative;
    z-index: 300;
}

.arrows img {
    cursor: pointer;
}

h3.section-title {
    padding-top: 80px;
    font-size: 36px;
    color: #4A494A;
    font-family: Arial;
    margin-top: -10px;
}

.social-links {
    width: 50%;
    float: left;
}

.copyright {
    width: 50%;
    float: left;
}

    .copyright p {
        float: right;
        width: auto;
        margin-right: 110px;
    }


.dayUseLink {
    padding-top: 5px;
}

    .dayUseLink input {
        float: left;
        margin: 0px 11px 0px 0px;
        width: 17px;
        height: 17px;
        cursor: pointer;
    }

    .dayUseLink label {
        width: auto;
        text-transform: none;
        float: left;
        line-height: 13px;
        cursor: pointer;
        margin-top: 1px;
        margin-left: -5px;
        font-size: 12px;
        margin-bottom: 10px;
        color: #4a4a4a;
        font-family: BrownLight;
    }

        .dayUseLink label:after {
            display: inline-block !important;
        }

        .dayUseLink label a {
            /*color: #428bca;*/
            color: #000;
            text-decoration: none;
        }



    .dayUseLink input[type="checkbox"] ~ label {
        display: inline-block;
        padding-left: 24px;
        height: 20px;
        background: url('../../img/tick-empty.svg') left 4px no-repeat;
        padding-top: 7px;
        margin-left: 2px;
    }

    .dayUseLink input[type="checkbox"]:checked ~ label {
        background: url('../../img/tick-filled.svg') left 4px no-repeat;
    }

.selectDatesPage .dayUseLink input[type="checkbox"] ~ label {
    display: inline-block;
    padding-left: 24px;
    height: 20px;
    background: url('../../img/tick-empty-white.svg') left 4px no-repeat;
    padding-top: 7px;
    margin-left: 2px;
}

.selectDatesPage .dayUseLink input[type="checkbox"]:checked ~ label {
    background: url('../../img/tick-filled-white.svg') left 4px no-repeat;
}

.monogram-container {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

    /*.monogram-container .header-monogram {
        right: -50px;
        opacity: 0.2;
        top: 10px;
        zoom: 100% !important;
    }*/

    .monogram-container .hotel-address {
        position: absolute;
        top: 100px;
        font-size: 18px;
        right: 0px;
        left: auto;
        text-transform: none;
        width: 120px;
        color: #9b9b9b;
    }

.rooms-page .monogram-container .hotel-address {
    top: 220px;
    width: 200px;
    right: -40px;
}

.event-highlight-slider .slick-slide.slick-active,
.event-highlight-slider .slick-slide.slick-active a {
    cursor: url('../../img/left_cursor.png'), auto;
}

    .event-highlight-slider .slick-slide.slick-active.slick-current,
    .event-highlight-slider .slick-slide.slick-active.slick-current a {
        cursor: pointer;
        display: block;
    }

        .event-highlight-slider .slick-slide.slick-active.slick-current + .slick-slide.slick-active,
        .event-highlight-slider .slick-slide.slick-active.slick-current + .slick-slide.slick-active a {
            cursor: url('../../img/right_cursor.png'), auto;
        }

        .event-highlight-slider .slick-slide.slick-active.slick-current + .slick-slide,
        .event-highlight-slider .slick-slide.slick-active.slick-current + .slick-slide a {
            cursor: url('../../img/right_cursor.png'), auto;
        }


.event-highlight-slider .slick-slide,
.event-highlight-slider .slick-slide a {
    cursor: url('../../img/left_cursor.png'), auto;
}

.spaces-slides .mono {
    position: absolute;
    width: 90px;
    height: 90px;
    bottom: 40px;
}

    .spaces-slides .mono .header-monogram {
        top: auto;
        bottom: 0;
        left: inherit;
        margin-top: 0;
        margin-left: 0;
        width: 90px;
        height: 90px;
        max-width: 90px;
        position: absolute;
        opacity: 0.5;
        max-width: 90px;
        background-size: 200% !important;
    }

.spaces-slides .hotel-address {
    top: auto;
    bottom: 0;
    left: 0;
    font-size: 14px;
    line-height: 20px;
    width: 50%;
    text-transform: none;
    text-align: left;
    letter-spacing: 0;
}

.rooms-page .book-now-form {
    background-color: transparent;
}


.rooms-page .bookingContainer .input-value {
    border: 1px solid #D3D0CC;
    border-right: 0;
}

.rooms-page .bookingContainer .selector {
    border: 0;
}

.rooms-links {
    margin: 0;
    padding: 0;
    width: 100% !important;
    height: initial;
}

    .rooms-links.homepage {
        text-align: center;
        padding: 0;
        position: relative;
        height: 100px;
    }

        .rooms-links.homepage li.room-link a {
            font-size: 11px;
            text-transform: uppercase;
            font-family: BrownRegular;
            color: #4a4a4a !important;
            margin-bottom: 0;
            line-height: 20px;
            letter-spacing: 0.5px;
        }


            .rooms-links.homepage li.room-link a:before {
                content: "";
                position: absolute;
                width: 100%;
                max-width: 60px;
                height: 2px;
                bottom: 28px;
                /*top: 80px;*/
                left: calc(50% - 30px);
                background-color: #DDDDDD;
                visibility: hidden;
                -webkit-transform: scaleX(0);
                transform: scaleX(0);
                -webkit-transition: all 0.3s ease-in-out 0s;
                transition: all 0.3s ease-in-out 0s;
            }


            .rooms-links.homepage li.room-link a:hover:before, .rooms-links.homepage li.room-link a.active:before {
                visibility: visible;
                -webkit-transform: scaleX(1);
                transform: scaleX(1);
            }


.page-content.on {
    margin-top: 100px;
}

div.book-now-form .code-selector input.input-value {
    padding: 0 !important;
    text-align: center;
    border-bottom: 1px solid #D3D0CC;
}

    div.book-now-form .code-selector input.input-value::-webkit-input-placeholder {
        color: #4a4a4a !important;
    }

    div.book-now-form .code-selector input.input-value:-moz-placeholder {
        color: #4a4a4a !important;
    }

    div.book-now-form .code-selector input.input-value::-moz-placeholder {
        color: #4a4a4a !important;
    }

    div.book-now-form .code-selector input.input-value:-ms-input-placeholder {
        color: #4a4a4a !important;
    }

@media (min-width: 992px) {
    .room-link {
        display: inline-block;
        margin: 0 2% !important;
        position: relative;
        width: 180px !important;
        text-align: center;
        line-height: 100px;
    }



    .rooms-links.homepage .room-link {
        width: auto !important;
    }

    /*.event-hotel-filters.hori-container > ul li:after, .event-hotel-filters.hori-container > ul li:hover:after {
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        -ms-transition: 0.5s ease;
        -o-transition: 0.5s ease;
        transition: 0.5s ease;
        content: '';
        display: block;
        height: 4px;
        position: absolute;
        margin-top: 4px;
        background: #D3D0CC;
    }*/

    .event-hotel-filters.hori-container > ul li:after, .event-hotel-filters.hori-container > ul li:hover:after {
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        -ms-transition: 0.5s ease;
        -o-transition: 0.5s ease;
        transition: 0.5s ease;
        content: '';
        display: block;
        height: 4px;
        position: absolute;
        margin-top: 4px;
        background: transparent;
    }
}

@media (max-width: 991px) {
    .room-link {
        text-align: center;
    }
}



@media (max-width: 991px) {
    .room-link {
        position: relative;
        display: inline-block;
        width: auto;
        padding: 0 12px;
    }

    ul.rooms-links.on .room-link {
        width: 16%;
    }

    ul.rooms-links.homepage.on .room-link {
        width: auto;
    }

    .rooms-links.homepage, .rooms-links.homepage.on {
        height: 80px;
    }

        .rooms-links.homepage li {
            line-height: 80px;
        }

            .rooms-links.homepage li.room-link a:before {
                bottom: 22px;
            }
}

@media (max-width: 767px) {
    .room-link {
        display: inline-block;
    }

    .event-hotel-filters.hori-container > ul li:after, .event-hotel-filters.hori-container > ul li:hover:after {
        display: none !important;
    }
}

.room-link a:hover,
.room-link a:focus {
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

.room-link p {
    font-family: BrownRegular;
    font-size: 20px;
    color: #4a4a4a;
    margin-bottom: 0px;
}

    .room-link p.size {
        font-family: FarnhamDisplayRegularItalic;
        font-size: 14px;
        color: #4a4a4a;
        margin-top: 5px;
    }

.room-link a p span {
    display: inline-block;
}

.rooms-links.on {
    position: fixed;
    top: 80px;
    left: 0;
    background-color: #fff;
    margin: 0;
    padding: 0;
    z-index: 45;
    width: 100%;
    height: initial;
}


.rooms-links.homepage.on {
    top: 80px;
}

.rooms-page .rooms-header {
    margin-top: 50px;
}

    .rooms-page .rooms-header .text-content {
        width: 40%;
        float: left;
        text-align: left;
    }

        .rooms-page .rooms-header .text-content p {
            padding-right: 100px;
            font-size: 14px;
            padding-bottom: 50px;
            font-family: FarnhamDisplayRegular;
            font-weight: normal;
            margin-top: 0;
        }

    .rooms-page .rooms-header .main-image {
        height: 451px;
        width: 692px;
        float: right;
    }


.room-benefits-section {
    width: 100%;
    background-color: #F9EBD7;
    padding-top: 100px;
    padding-bottom: 40px;
    margin-top: -60px;
}

.room-benefits {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}

.room-benefit {
    list-style: none;
    float: left;
    width: auto;
    text-align: center;
}

    .room-benefit img, .room-benefit svg {
        height: 40px;
    }

    .room-benefit .room-benefit-title {
        font-family: BrownLight;
        font-size: 26px;
        margin: 0 auto;
        color: #353535;
        line-height: 28px;
        margin-top: 20px;
        max-width: 230px;
    }

    .room-benefit .room-benefit-description {
        font-family: FarnhamDisplayRegularItalic;
        font-size: 14px;
        color: #353535;
        max-width: 247px;
        margin: 0 auto;
        line-height: 20px;
        margin-top: 20px;
    }

.room-detail {
    margin-top: 100px;
    position: relative;
    margin-bottom: 40px;
}

.room-text-content .room-body-text {
    margin-top: 40px;
}

.room-text-content {
    float: right;
    width: 43%;
    height: 550px;
    position: relative;
    padding-left: 100px;
}

    .room-text-content h3 {
        font-family: BrownLight;
        font-size: 36px;
        padding: 0;
        margin: 0;
        line-height: 46px;
    }

    .room-text-content p {
        font-family: FarnhamDisplayRegular;
        font-size: 14px;
        line-height: 24px;
    }

.room-detail .image-slider {
    height: 550px;
    float: left;
    width: 57%;
}

    .room-detail .image-slider .main-image {
        height: 550px;
    }

.room-detail.reversed .image-slider {
    float: right;
}

.room-detail.reversed .room-text-content {
    padding-left: 0;
    padding-right: 100px;
}

.room-feature-content {
    margin-top: 50px;
}

    .room-feature-content ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .room-feature-content ul li {
            margin-bottom: 30px;
        }

            .room-feature-content ul li img {
                float: left;
                width: 45px;
                margin-right: 5px;
            }

            .room-feature-content ul li .feature-content {
                float: left;
                height: 32px;
            }


                .room-feature-content ul li .feature-content p.feature-title {
                    margin: 0;
                    padding: 0;
                    font-family: BrownRegular;
                    font-size: 14px;
                    line-height: 20px;
                    color: #353535;
                }

                .room-feature-content ul li .feature-content p.feature-description {
                    margin: 0;
                    padding: 0;
                    font-family: FarnhamDisplayRegularItalic;
                    font-size: 14px;
                    line-height: 20px;
                    color: #353535;
                }


.room-text-content a {
    position: absolute;
    left: 100px;
    bottom: 0;
    font-family: BrownRegular;
    font-size: 12px;
    text-transform: uppercase;
    padding-right: 40px;
    color: #353535;
}

.room-detail.reversed .room-text-content a {
    left: 0;
}


.room-text-content a::after {
    content: "";
    background-image: url('../../img/slider-next.png');
    display: block;
    width: 37px;
    height: 13px;
    position: absolute;
    top: 1px;
    right: -30px;
}

.room-benefits-section .read-more {
    font-family: FarnhamDisplayRegularItalic;
    font-size: 12px;
    color: #9b9b9b;
    display: none;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.rooms-page .monogram-container .header-monogram {
    top: 130px;
}


.room-detail.concept .concept-titles {
    position: absolute;
    right: 0;
    bottom: 40px;
    z-index: 3;
}

.room-detail.concept.reversed .concept-titles {
    left: 43px !important;
}


.room-detail.concept h4 {
    font-size: 18px;
    font-family: BrownRegular;
    color: #353535;
    margin: 0;
    margin-bottom: 5px;
}

    .room-detail.concept h4.sub-title {
        font-family: FarnhamDisplayRegularItalic;
        font-size: 14px;
        font-style: italic;
    }

.from-price {
    font-family: FarnhamDisplayRegularItalic;
    font-size: 14px;
    font-style: italic;
}


.from-price-price {
    font-family: BrownRegular;
    font-size: 18px;
}


.room-detail .image-slider .slick-counter {
    display: none;
}

@media(max-width: 1280px) {
    .primary-container {
        max-width: 900px;
    }

    .monogram-container .hotel-address {
        top: 70px;
    }

    .monogram-container .header-monogram {
        /*top: -30px;*/
        right: 0;
    }

    .room-detail.concept .concept-titles {
        left: auto;
        right: 5%;
        padding-right: 20px;
    }

    .room-detail.concept.reversed .concept-titles {
        left: auto;
    }

    .room-benefit .room-benefit-description {
        max-width: 190px;
    }

    .main-headline .monogram-container {
        max-width: 900px;
    }

    .main-headline h1 {
        width: 50%;
        font-size: 34px;
        padding-bottom: 60px;
    }

    div .book-now-form {
        margin-bottom: -20px;
    }

    .rooms-page .main-headline {
        height: 260px;
        min-height: 260px;
    }

        .rooms-page .main-headline h1 {
            height: 260px;
            min-height: 260px;
            padding-top: 100px;
        }

    .main-video {
        height: calc(100vh - 120px);
    }

    .hotel-address {
        font-size: 14px;
    }

    .monogram-container .hotel-address {
        font-size: 14px;
    }

    .homepage-body .main-headline h1 {
        width: 740px;
        font-size: 34px;
    }

    .rooms-page .monogram-container .header-monogram {
        top: 80px;
    }

    .rooms-page .monogram-container .hotel-address {
        top: 180px;
    }

    .offers-banner .contourForm.jointhelist .contourPage fieldset.expanded-options {
        margin-left: 0;
    }

    /*.spaces-slides .image-slide .main-image {
        width: 55%;
        height: 350px;
        position: absolute;
        top: 0;
        right: 0;
    }*/

    /*.spaces-slides.reversed .image-slide .main-image {
        height: 350px;
    }*/

    .spaces-slides .image-slide .sub-image {
        width: 37%;
        position: absolute;
        left: 35%;
        top: 280px;
        height: 230px;
    }

    .spaces-slides.reversed.neighbourhood-section .image-slide .main-image {
        width: 37%;
        position: absolute;
        left: auto;
        right: 35%;
        top: 280px;
        height: 230px;
    }

    .spaces-slides.reversed.neighbourhood-section .image-slide .sub-image {
        width: 57%;
        height: 350px;
        position: absolute;
        top: 0;
        right: auto;
        left: 0;
    }



    .spaces-slides.reversed .image-slide .sub-image {
        width: 37%;
        position: absolute;
        left: auto;
        right: 35%;
        top: 280px;
        height: 230px;
    }

    /*.spaces-slides.reversed .image-slide h4 {
        margin-left: 120px;
    }

    .spaces-slides.reversed .image-slide .arrows {
        margin-left: 120px;
    }

    .spaces-slides.reversed .text-content p {
        padding-left: 120px;
    }*/

    /*.spaces-slides .text-content {
        width: 40%;
        position: relative !important;
    }

    .spaces-slides.reversed .text-content h3 {
        padding-left: 120px;
    }*/



    /*.spaces-slides.reversed .text-content {
        width: 40%;
        margin-left: 60%;
    }*/


    /*.spaces-slides .image-slide {
        padding-top: 350px;
        padding-bottom: 500px;
    }

    .spaces-slides {
        min-height:auto;
        margin-top: 60px;
    }*/




    .spaces-slides .text-content p {
        padding-right: 104px;
    }

    .sign-up {
        width: 640px;
        max-width: none;
        float: none;
        margin: 0 auto;
    }

    .offers-banner {
        padding-top: 80px;
    }

        .offers-banner .contourForm.jointhelist {
            margin-left: 0;
        }

    .formheadermn {
        /*max-width: 720px;*/
        margin-left: auto;
    }


    .bookingContainer:not(.meeting-rooms) .selector:not(.offer) {
        width: 120px;
    }

    div.book-now-form div.manageBookingSubmitContainer input {
        width: 120px;
    }

    .bookingContainer button {
        width: 120px;
    }


    .header-navigation {
        height: 60px;
    }

    .rooms-links.on, .rooms-links.homepage.on {
        top: 60px;
    }

    .white-nav nav button.hamburger-menu-button {
        top: 20px;
    }



    header.white-nav .home-x-logo {
        padding-top: 15px;
    }

    .hoxtown-landing .panel {
        height: 80px;
    }

    .hoxtown-landing .guide-filters .guide-filter {
        width: 330px;
    }

        .hoxtown-landing .guide-filters .guide-filter.filter {
            width: 280px;
            margin-left: 30px;
        }

    .guide-filters .guide-filter select {
        width: 140px;
        font-size: 24px;
        text-align: left;
        background-size: 14px;
        padding-right: 0;
        padding-left: 0;
    }

    .guide-filters.home-guide-filters .guide-filter {
        text-align: left;
    }

    .guide-filters.home-guide-filters .guide-filter-title {
        margin-left: 50px;
        margin-right: 20px;
    }

    .guide-filters .guide-filter select#filter {
        width: 210px;
    }

    .guide-filters.home-guide-filters .guide-filter-title label,
    .guide-filters.home-guide-filters .guide-filter label {
        text-align: left;
        font-size: 24px;
        line-height: 80px;
    }

    .guide-filters.home-guide-filters .guide-filter label {
        width: auto;
    }

    .search-hoxtown {
        margin-top: 30px;
    }

    /*.hoxtown-landing {
        margin-top: 0;
    }*/

    div.instagramPanel {
        margin-top: -40px;
        padding-top: 10px;
    }

    .rooms-page .rooms-header .main-image {
        width: 490px;
        height: 351px;
    }

    .rooms-page .rooms-header .text-content p {
        padding-right: 50px;
    }


    .room-detail .image-slider,
    .room-detail.reversed .image-slider {
        float: none;
        width: 90%;
        margin: 0 auto;
        height: 540px;
        overflow: hidden;
        margin-top: 80px;
    }

        .room-detail .image-slider .main-image,
        .room-detail.reversed .image-slider .main-image {
            height: 540px;
        }



    .room-text-content,
    .room-detail.reversed .room-text-content {
        float: none;
        width: 90%;
        margin: 0 auto;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

        .room-text-content .room-body-text {
            width: 50%;
            float: left;
        }

            .room-text-content .room-body-text.room-concept-text {
                width: 50%;
                float: right !important;
            }



        .room-text-content .room-feature-content {
            float: right;
            width: 45%;
        }

        .room-text-content h3 {
            position: absolute;
            top: 0;
        }

        .room-text-content a,
        .room-detail.reversed .room-text-content a {
            top: 20px;
            right: 10%;
            left: auto;
        }

    .room-text-content {
        position: static;
    }

    .rooms-page .main-headline {
        height: 310px;
        padding-top: 40px;
    }

    .spaces-slides.reversed .text-content h3,
    .spaces-slides.reversed .text-content p,
    .spaces-slides.reversed .arrows .next,
    .spaces-slides.reversed .arrows span {
        padding-left: 50px;
    }

    .spaces-slides .text-content p {
        padding-right: 50px;
    }
}

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

    .white-nav .mobile-book-now .bookRoom {
        line-height: 60px;
    }
}

@media(max-width: 1280px) and (min-width: 768px) {
    .white-nav .mobile-book-now .bookRoom {
        line-height: 60px;
    }
}


@media(max-width: 991px) {

    .main-headline .monogram-container {
        max-width: 700px;
    }

    .rooms-page .main-headline {
        height: 260px;
        padding-top: 0;
    }

    .monogram-container {
        width: 720px;
    }

    .main-headline h1 {
        width: 450px;
        font-size: 34px;
    }

    .monogram-container .hotel-address {
        top: 140px;
    }

    .monogram-container .header-monogram {
        top: 30px;
    }

    .homepage-body .main-headline h1 {
        width: 600px;
    }

    /*.spaces-slides .image-slider .text-content {
        position: static;
    }*/

    /*.spaces-slides .text-content p {
        padding-bottom: 50px;
    }*/

    .main-video {
        height: auto;
    }

    .content {
        padding-top: 50px !important;
    }

    text-align: center;
}

.mailer-signup {
    padding-left: 20px;
    padding-right: 20px;
}

.home-x-logo #homepage-nav-logo img {
    
    height: 55px;
    margin: 0;
}

.containercs {
    max-width: 100%;
}

/*.offers-banner {
        margin-top: -40px;
    }*/

.hotels {
    position: absolute;
    top: 50px;
    width: 100%;
    bottom: 0;
    margin: 0;
    height: auto;
}

h3.section-title {
    padding-top: 60px;
    margin-bottom: 0px;
}

.hoxtown-landing .slider {
    margin-top: 40px;
}


.see-all-events {
    height: 80px;
    padding-top: 20px;
}

.sign-up .contourForm.jointhelist .email input[type="text"] {
    width: 100%;
}

.sign-up .contourForm.jointhelist .contourField.email {
    width: 100%;
}

.sign-up .contourForm.jointhelist .submitRow input[type=submit] {
    opacity: 1;
}

.hotel-container .rsTmb {
    width: 100%;
    height: auto;
}

.spaces-slides .text-content,
.spaces-slides.reversed .text-content {
    width: 100%;
    margin: 0 auto;
}

    .spaces-slides .text-content p {
        padding-right: 0px;
    }

    .spaces-slides.reversed .text-content h3,
    .spaces-slides.reversed .text-content p {
        padding-left: 0px;
    }

/*.spaces-slides.reversed .image-slide h4 {
        margin-left: 0;
    }*/

.spaces-slides.reversed .image-slide .arrows {
    margin-left: 0;
}

/*.spaces-slides .image-slide,
    .spaces-slides.reversed .image-slide {
        padding-top: 220px;
        padding-bottom: 500px;
    }


        .spaces-slides .image-slide .main-image {
            left: 60px;
            width: 500px;
            height: 370px;
            top: 390px;
        }

        .spaces-slides.reversed .image-slide .main-image {
            left: 60px;
            width: 500px;
            height: 370px;
            top: 390px;
        }*/

.spaces-slides .image-slide .sub-image {
    right: 60px;
    left: auto;
    width: 330px;
    top: 200px;
}

.spaces-slides.reversed .image-slide .sub-image {
    right: 60px;
    left: auto;
    width: 330px;
    top: 200px;
}


.spaces-slides.reversed.neighbourhood-section .image-slide .sub-image {
    width: 500px;
    height: 370px;
    top: 390px;
    left: 60px;
}


.spaces-slides.reversed.neighbourhood-section .image-slide .main-image {
    right: 60px;
    left: auto;
    width: 320px;
    top: 200px;
    height: 230px;
}


/*.spaces-slides {
        min-height: 760px;
    }*/

h3.section-title {
    padding-left: 90px;
}

.hoxtown-landing .guide-filters .guide-filter.filter {
    width: 250px;
    margin-left: 30px;
}

div.sitemap {
    height: auto;
    padding-bottom: 20px;
    padding-top: 20px;
}

    div.sitemap .siteLinks {
        text-align: center;
    }

.mailer-signup h4 {
    text-align: right;
    padding-right: 20px;
}

footer {
    padding-top: 20px;
}


/*.spaces-slides .header-monogram {
        display: block;
        position: absolute;
        left: calc(50% - 160px);
        margin-left: -60px;
        top: 240px;
    }*/

.spaces-slides .hotel-address {
    display: block;
    position: absolute;
    left: calc(50% - 160px);
    top: 340px;
    font-family: BrownLight;
    text-transform: none;
    width: 50%;
    transform: translateX(-50%);
}

.rooms-page .rooms-header .text-content {
    float: none;
    width: 100%;
    margin: 0 auto;
    padding-left: 60px;
    padding-right: 60px;
}

    .rooms-page .rooms-header .text-content p {
        padding-bottom: 20px;
        padding-right: 0;
    }



.room-detail .image-slider,
.room-detail.reversed .image-slider {
    float: none;
    width: 90%;
    margin: 0 auto;
    height: 451px;
    overflow: hidden;
    margin-top: 80px;
}

.room-text-content,
.room-detail.reversed .room-text-content {
    float: none;
    width: 90%;
    margin: 0 auto;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
}

    .room-text-content .room-body-text {
        width: 50%;
        float: left;
    }

    .room-text-content .room-feature-content {
        float: right;
        width: 45%;
    }

    .room-text-content h3 {
        position: absolute;
        top: 0;
    }

    .room-text-content a,
    .room-detail.reversed .room-text-content a {
        top: 20px;
        right: 10%;
        left: auto;
    }


.rooms-page .rooms-header .main-image {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    height: 370px;
}

.room-benefits-section {
    margin-top: -190px;
    padding-top: 240px;
    padding-left: 20px;
    padding-right: 20px;
}

.room-benefit .room-benefit-title {
    font-size: 18px;
    line-height: 20px;
    max-width: 180px;
}

.room-benefit .room-benefit-description {
    max-width: 160px;
    display: none;
}



.room-benefits-section .read-more {
    display: block;
}


.social-links {
    padding-left: 80px;
}

.contourForm.jointhelist, .copyright {
    padding-right: 80px;
}

#ennismorelogo {
    margin-right: 80px;
}

}

@media (max-width: 930px) {
    .hoxtown-landing.search-hoxtown-bar {
        padding-left: 20px;
        padding-right: 20px;
    }

    .guide-filters.home-guide-filters .guide-filter-title {
        margin-left: 30px;
    }

    .hoxtown-landing.search-hoxtown-bar .guide-filters .guide-filter.filter {
        margin-left: 10px;
    }

    .spaces-slides .hotel-address {
        font-size: 14px;
    }
}



@media (max-width: 991px) {






    .hotel-button .hotel-content {
        display: table;
        text-align: center;
        vertical-align: middle;
        height: 100%;
        width: 100%;
    }

        .hotel-button .hotel-content p {
            font-family: BrownRegular;
            font-size: 20px;
            letter-spacing: 1px;
            line-height: 24px;
        }

            .hotel-button .hotel-content p span {
                font-family: FarnhamDisplayRegularItalic;
                font-size: 14px;
                margin-top: 0px;
                letter-spacing: 1.02px;
            }

        .hotel-button .hotel-content a {
            color: #fff !important;
        }

        .hotel-button .hotel-content button {
            border: 0;
            background-color: transparent;
            font-family: BrownRegular;
            font-size: 16px;
            letter-spacing: 1px;
            line-height: 20px;
            text-transform: uppercase;
        }

        .hotel-button .hotel-content .hotel-content-half {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            width: 50%;
        }

        .hotel-button .hotel-content .hotel-content-full {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            width: 100%;
            padding: 0 60px;
            position: absolute;
            z-index: 1;
            top: 50%;
            transform: translateY(-50%);
        }

        .hotel-button .hotel-content .hotel-content-half p {
            font-size: 16px;
            text-transform: uppercase;
            line-height: 20px;
        }

        .hotel-button .hotel-content .hotel-content-half form {
            padding: 5px 0;
        }

        .hotel-button .hotel-content .hotel-content-half:first-of-type form {
            border-right: solid 1px #fff;
        }


    .informationPanel .hotel-button .hotel-content .hotel-content-full h3 {
        line-height: 70px;
        padding: 0;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .hotel-button .hotel-name {
        z-index: 3;
        position: relative;
        background-color: #333;
        background-position-x: center;
    }

    .hotel-button .hotel-name, .hotel-button .hotel-action {
        width: 100%;
        height: 100%;
        display: table;
        color: #fff;
    }

        .hotel-button .hotel-name h3 {
            line-height: 105px !important;
        }


        .hotel-button .hotel-name .hotel-button-explore {
            position: absolute;
            right: 13px;
            top: 40%;
            font-size: 17px;
            z-index: 5;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }

        .hotel-button .hotel-name.first .hotel-button-explore {
            right: -6px;
        }
}



@media (max-width: 813px) {

    .main-headline .monogram-container {
        top: calc(50% - 50px);
        height: 100%;
    }

        .main-headline .monogram-container .mono {
            top: -20px;
            right: calc(50% - 50px);
        }

            .main-headline .monogram-container .mono .header-monogram {
                transform: none;
            }


    /*.spaces-slides .hotel-address {
        display: none;
    }

    .spaces-slides .header-monogram {
        display: none;
    }*/

    .mobile-book-now .bookRoom {
        font-size: 14px;
        padding-top: 10px;
        width: 80px;
    }

    .hoxtonSignup .mobile-book-now .bookRoom {
        line-height: 1.2;
    }

    header .home-x-logo #homepage-nav-logo #thehoxton-black {
        width: 46px;
        position: absolute;
        top: 10%;
    }

    /*.header-monogram {
        display: none;
    }

    .hotel-address {
        display: none;
    }*/

    .offers-banner {
        margin-top: 40px;
    }

    .home-x-logo #homepage-nav-logo img {
        height: 51px;
        margin: 0;
    }
    /*-- Hotel Menu --*/

    .hotel-device-menu {
        display: block;
        height: auto;
        width: 100%;
        float: left;
        background-repeat: no-repeat;
        -ms-background-size: cover;
        background-size: cover;
        background-color: white;
    }

        .hotel-device-menu .hotel-name {
            -webkit-transition: background-image 1s linear;
            -moz-transition: background-image 1s linear;
            -ms-transition: background-image 1s linear;
            -o-transition: background-image 1s linear;
            transition: background-image 1s linear;
        }

            .hotel-device-menu .hotel-name .bookslidey, .hotel-device-menu .hotel-name .exploreslidey {
                cursor: pointer;
            }

    .device-header .device-logo {
        position: absolute;
        left: 50%;
        margin-left: -30px;
        top: 50px;
        width: 60px;
    }

    .hotel-button {
        width: 100%;
        height: 110px;
        border-bottom: 1px solid white;
        position: relative;
        overflow: hidden;
        z-index: 444;
    }

        .hotel-button .hotel-name, .hotel-button .hotel-action {
            width: 100%;
            height: 100%;
            display: table;
            color: #fff;
        }

            .hotel-button .hotel-name .hotel-button-book {
                position: absolute;
                left: 15px;
                top: 40%;
                font-size: 17px;
                z-index: 5;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            }

            .hotel-button .hotel-name.first .hotel-button-book {
                left: -12px;
            }




    .hotel-name.coming-soon p {
        opacity: 0.45;
    }


    .hotel-content-close {
        position: absolute;
        display: block;
        background: url('../../img/hoxton/roomselection/close-whitex.svg') no-repeat;
        width: 50px;
        height: 50px;
        left: calc(50% - 26px);
    }

    .hotel-button .hotel-action {
        position: absolute;
        z-index: 6;
        height: 100%;
        /*margin-top: 81px;*/
        /*-moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,0.8), 
                            inset  0 -8px 8px -8px rgba(0,0,0,0.8);
        -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.8), 
                            inset  0 -8px 8px -8px rgba(0,0,0,0.8);
        box-shadow:         inset  0  8px 8px -8px rgba(0,0,0,0.8), 
                            inset  0 -8px 8px -8px rgba(0,0,0,0.8);*/
    }

    .hotel-button .hotel-name {
        z-index: 3;
        position: relative;
        background-color: #333;
        background-position-x: center;
    }

    /*.hotel-button .hotel-name.resetting {
         -webkit-transition: transform 0.5s linear;
         -moz-transition: transform 0.5s linear;
         -ms-transition: transform 0.5s linear;
         -o-transition: transform 0.5s linear;
         transition: transform 0.5s linear;

     }*/

    .hotel-button .hotel-action.on {
        left: 0 !important;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .hotel-button .hotel-book {
        left: 0;
        top: 0;
        z-index: 1;
        background-color: #353535;
    }

    .hotel-button .hotel-explore {
        left: 0;
        top: 0;
        z-index: 1;
        background-color: #353535;
    }
    /*.hotel-button.hox .hotel-explore {
        background-color: #ffc648;
    }
    .hotel-button.holb .hotel-explore {
        background-color: #ff674c;
    }
    .hotel-button.ams .hotel-explore {
        background-color: #22a173;
    }*/


    /*-- Homepage --*/
    .homepage-body .main-video {
        /*display: none;*/
    }

    .hotels {
        /*display: none;*/
    }


    .social-links {
        width: 100%;
        float: none;
    }

    .copyright {
        width: 100%;
        float: none;
    }


        .copyright p {
            width: 100%;
        }


    div.book-now-form {
    }

    .hoxtown-page-content div.panel {
        border-top: none;
    }

    .main-headline {
        background-color: #fff;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 40px;
    }


        .main-headline h1 {
            width: auto;
            color: #9B9A9B;
            font-size: 22px;
            padding-bottom: 40px;
            padding-top: 20px;
            font-size: 22px;
            font-family: FarnhamDisplayLightItalic;
        }

        .main-headline.hotel-homepage {
            position: absolute;
            top: -160px;
            margin-top: 0;
            width: 100%;
        }

    .main-video.hotel-homepage {
        display: block;
        height: 320px;
        margin-top: 230px;
    }

        .main-video.hotel-homepage video {
            height: 100%;
            width: auto;
        }

    .homepage-body .main-headline h1 {
        width: auto;
        color: #9B9A9B;
        font-size: 22px;
        padding-bottom: 40px;
        font-family: FarnhamDisplayLightItalic;
    }

    #thehoxton-black {
        top: 5%;
    }

    .hoxton-bedrooms-book-now-bar {
        margin-left: auto;
        margin-right: auto;
        width: 68%;
    }

    .homepage-body .content-container {
        /* display: none; */
    }

    .hotel-device-menu.header-spacing {
        overflow: hidden;
        padding-bottom: 0;
        margin-top: 0;
    }

    footer {
        background-color: #F3F1EF;
    }

    .contourForm.jointhelist .contourField.email .help-block {
        width: auto;
    }

    header.header-navigation {
        position: fixed;
        background-color: #fff;
        border-bottom: 1px solid lightgrey;
    }

    .hotel-device-menu {
        position: relative;
    }

        .hotel-device-menu .fancy-background {
            content: "";
            display: block;
            height: 120vh;
            left: 0;
            right: 0;
            position: absolute !important;
            top: 0;
            will-change: transform;
            background-size: cover;
            background: transparent url('../../../thehoxton.azureedge.net/media/5656/hoxton_paris_00279ced.jpg?anchor=center&mode=crop&height=900&rnd=132347398930000000') no-repeat center top;
            /*background-attachment: fixed;*/
            transform: translate3d(0px, 0px, 0px);
        }

        .hotel-device-menu.on .fancy-background {
            position: fixed;
            background-position-y: 50px;
        }

        .hotel-device-menu.on.bottom .fancy-background {
            position: absolute;
            /*background-position-y: 50px;*/
        }

    .hotel-button .hotel-name:after, .hotel-button .hotel-name, .hotel-button .hotel-book {
        background-color: transparent;
    }

    div.mailer-signup {
        height: auto;
        background-color: transparent;
    }

    footer {
        background-color: #F3F1EF;
        margin-bottom: 0;
        padding-top: 20px;
    }

    div.sitemap {
        height: auto;
        background-color: transparent;
    }

    div.social-links ul {
        text-align: center;
    }

    .spaces-slides {
        /*padding-top: 60px;*/
        margin-top: 0;
        min-height: auto;
    }

        .spaces-slides .text-content, .spaces-slides.reversed .text-content {
            padding: 0 20px;
        }

    /*.spaces-slides .image-slide .text-content,
        .spaces-slides.reversed .image-slide .text-content {
            position: absolute !important;
            bottom: 0 !important;
            top: unset !important;
        }*/

    .image-slide .find-out span {
        font-size: 12px !important;
        display: none !important;
    }

    .spaces-slides .image-slide .text-content h4,
    .spaces-slides.reversed .image-slide .text-content h4 {
        color: #fff;
        font-size: 16px;
    }

        .spaces-slides .image-slide .text-content h4.sub-title,
        .spaces-slides.reversed .image-slide .text-content h4.sub-title {
            color: #fff;
            font-size: 14px;
        }


    /*.spaces-slides .image-slide, .spaces-slides.reversed .image-slide {
        padding: 0;
        min-height: auto;
        height: 320px !important;
    }*/

    .spaces-slides.reversed .image-slide .sub-image,
    .spaces-slides .image-slide .sub-image {
        position: static;
        display: none;
        width: 100%;
    }

    .spaces-slides.reversed .image-slide .main-image,
    .spaces-slides .image-slide .main-image {
        position: static;
        width: 100%;
        height: 320px;
    }


    .spaces-slides.reversed.neighbourhood-section .image-slide .main-image {
        position: static;
        display: none;
        width: 100%;
    }

    .spaces-slides.reversed.neighbourhood-section .image-slide .sub-image {
        position: static;
        width: 100%;
        display: block;
        height: 320px;
    }

    /*.spaces-slides .text-content a h3 span {
        text-decoration: none;
        display: block;
        border-bottom: none;
        width: 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        white-space: normal;
        height: 50px;
    }

    .spaces-slides .text-content a:hover h3 span {
        border-bottom: none;
        width: auto;
    }*/


    .spaces-slides .hotels-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 120px;
        /*background: rgba(76,0,0,0);*/
        width: 100%;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
    }

    .image-slider-wrapper {
        position: static;
        height: 320px;
        padding: 0;
        top: auto;
    }

    .instagramPanel {
    }

    .sign-up {
        width: 100%;
        padding: 0 20px;
    }

    h3.section-title {
        padding-left: 20px;
    }



    .hotel-container.rooms-page {
        background-color: #fff;
    }


        .hotel-container.rooms-page .main-headline {
            min-height: 170px;
            height: 170px;
            padding-top: 70px;
            margin-top: 0;
        }

            .hotel-container.rooms-page .main-headline h1 {
                color: #9b9b9b;
                font-size: 28px;
                padding-bottom: 0px;
                font-family: FarnhamDisplayLightItalic;
                padding-top: 20px;
                height: auto;
                min-height: auto;
            }

    .rooms-links .slick-prev {
        left: 25px;
        width: 37px;
    }

        .rooms-links .slick-prev::before {
            content: url(../../img/slider-prev.png) !important;
            display: block;
        }

    .rooms-links .slick-next {
        right: 25px;
        width: 37px;
    }

        .rooms-links .slick-next::before {
            content: url(../../img/slider-next.png) !important;
            display: block;
        }

    .rooms-header {
        display: none;
    }

    .room-benefits-section {
        display: none;
    }

    .room-detail {
        margin-top: 0;
    }

        .room-detail .image-slider, .room-detail.reversed .image-slider {
            width: 100%;
        }

        .room-detail .image-slider, .room-detail.reversed .image-slider {
            margin-top: 10px;
        }

    .room-text-content h3 {
        display: none;
    }

    .room-text-content a, .room-detail.reversed .room-text-content a {
        top: 330px;
        right: 0;
        left: 0;
        text-align: center;
        height: 40px;
        background-color: #e4e4e4;
        line-height: 40px;
        font-size: 14px;
        padding: 0;
        z-index: 444;
    }

        .room-text-content a.on, .room-detail.reversed .room-text-content a.on {
            position: fixed;
            top: 121px;
        }

    .room-detail .image-slider, .room-detail.reversed .image-slider {
        height: 320px;
    }

        .room-detail .image-slider .main-image,
        .room-detail.reversed .image-slider .main-image {
            height: 320px;
            background-size: cover;
        }

        .room-detail .image-slider .slick-counter {
            position: absolute;
            display: block;
            bottom: 32px;
            left: 62px;
            background: transparent;
            font-family: BrownRegular;
            font-size: 10px;
            padding: 5px;
            opacity: 0.8;
            border-radius: 5px;
        }


        .room-detail .image-slider .main-image::after,
        .room-detail.reversed .image-slider .main-image::after {
            background: transparent url('../../img/hoxton/expand.png') no-repeat;
            content: "";
            display: block;
            width: 28px;
            height: 28px;
            position: absolute;
            left: 30px;
            bottom: 30px;
        }



    .room-text-content a::after {
        display: none;
    }

    .room-text-content .room-body-text {
        float: none;
        width: 100%;
        margin-top: 80px;
    }

    .room-text-content .room-feature-content {
        width: 100%;
        float: none;
    }

    .room-detail.concept .concept-titles {
        bottom: 0;
        display: none !important;
    }

    .room-detail.concept .room-text-content .room-body-text {
        margin-top: 20px;
        width: 100%;
    }

    .rooms-links.on {
        top: 50px;
    }

    .room-link p.size {
        display: none;
    }

    .room-link p.slider-from-price {
        margin-top: 0;
    }

        .room-link p.slider-from-price .from-price-price {
            font-family: FarnhamDisplayRegularItalic;
            font-size: 14px;
            font-style: italic;
        }

    .room-benefits-section.mobile-room-benefits-section {
        margin: 0;
        padding: 0;
        padding-top: 40px;
    }

    .room-text-content, .room-detail.reversed .room-text-content {
        padding-left: 0;
    }

    .room-benefits-section.mobile-room-benefits-section .room-benefit {
        width: 100%;
        float: none;
        text-align: left;
        height: auto;
        padding-left: 5%;
        margin-bottom: 20px;
    }

        .room-benefits-section.mobile-room-benefits-section .room-benefit img,
        .room-benefits-section.mobile-room-benefits-section .room-benefit svg {
            float: left;
            height: 32px;
            text-align: center;
            margin-right: 15px;
            height: auto;
            padding-bottom: 20px;
            width: 40px;
        }

        .room-benefits-section.mobile-room-benefits-section .room-benefit .room-benefit-title {
            float: left;
            margin-top: 0;
            max-width: none;
            font-size: 14px;
            font-family: BrownRegular;
        }


    .room-benefits-section.mobile-room-benefits-section .read-more {
        margin-top: 20px;
        display: block;
        text-align: left;
        width: auto;
    }

    .room-feature-content ul li img {
        margin-right: 15px;
    }

    .room-benefits-section.mobile-room-benefits-section .room-benefit .room-benefit-description {
        max-width: none;
        float: left;
        margin-top: 5px;
        width: 80%;
    }

    .mailer-signup h4 {
        text-align: left;
    }

    .contourForm.jointhelist {
        margin-left: 0;
    }

    .copyright p {
        float: none;
    }

    .contourForm.jointhelist .contourField.email {
        width: 100%;
    }

    .social-links {
        padding-left: 0px;
    }

    .contourForm.jointhelist, .copyright {
        padding-right: 0;
    }

    #ennismorelogo {
        margin-right: 0px;
    }

    .sign-up .contourForm.jointhelist .contourPage fieldset:nth-of-type(2) {
        width: 100%;
    }

    .monogram-container {
        width: 100%;
    }

        .monogram-container .header-monogram {
            width: 130px;
            height: 130px;
            margin: 0;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0);
            margin-top: 320px;
            opacity: 1;
        }

        .monogram-container .hotel-address {
            margin: 0;
            top: 50%;
            left: 50%;
            width: 180px;
            transform: translate3d(-50%, -50%, 0);
            margin-top: 430px;
            color: #fff;
            opacity: 1;
            display: block;
            font-size: 18px;
        }

    .event-highlight-slider h3.title {
        margin-top: 20px;
        font-size: 18px;
    }

    .see-all-events a {
        font-size: 18px;
    }

    /*.spaces-slides .text-content h3, h3.section-title {
        font-size: 26px;
    }*/

    .book-now.continue {
        position: fixed;
        top: 50px;
        line-height: 40px;
        left: 0;
        width: 100%;
        height: 40px;
        text-align: center;
        background-color: #E9E9E9;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .book-now a.availability {
        margin-top: 0;
        color: #353535 !important;
    }

    .start-over-toggle {
        background: transparent url(../../img/black-x.png) no-repeat center center;
    }

    .start-over {
        top: 0;
    }

    .countdown {
        margin-top: 0;
        color: #353535;
    }

    /*.hotel-button.thw {
        background: rgba(53, 53, 53, 0.55);
    }*/

    .hotel-button.thw .hotel-name.williamsburg.swipe {
        background: transparent;
    }

    .hotel-button .hotel-name.williamsburg.swipe:after {
        background: transparent;
    }

    .hotel-button.thw .hotel-content {
        background: transparent;
    }
}

@media (max-width: 500px) {
    .room-link p {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}



@media (max-height: 800px) and (min-width: 1152px) {
    div.main-nav-links ul li a {
        line-height: inherit;
    }

    .spaces-slides {
        margin-bottom: 100px;
    }

        /*.spaces-slides .image-slide .main-image {
            width: 55%;
            height: 350px;
            position: absolute;
            top: 0;
            right: 0;
        }*/


        .spaces-slides .image-slide .sub-image {
            width: 30%;
            position: absolute;
            left: 40%;
            top: 330px;
            height: 230px;
        }

        .spaces-slides.reversed.neighbourhood-section .image-slide .main-image {
            width: 37%;
            position: absolute;
            left: auto;
            right: 35%;
            top: 280px;
            height: 230px;
        }

        .spaces-slides.reversed.neighbourhood-section .image-slide .sub-image {
            width: 57%;
            height: 350px;
            position: absolute;
            top: 0;
            right: auto;
            left: 0;
        }

        .spaces-slides.reversed .image-slide .sub-image {
            width: 30%;
            position: absolute;
            left: auto;
            right: 40%;
            top: 330px;
            height: 230px;
        }
}

.header-navigation.white-nav {
    border-bottom: 1px solid #F5F5F5;
    background-color: #fff;
    z-index: 11;
}


/*hoxhowto*/

.eventsHowToTopic.shoreditch .header-navigation.white-nav {
    background: #8CC8FA;
    background: rgba(140, 200, 250, 1);
    border-bottom: 1px solid #8CC8FA;
}

.eventsHowToTopic.holborn .header-navigation.white-nav {
    background: #5F1928;
    background: rgba(95, 25, 40, 1);
    border-bottom: 1px solid #5F1928;
}

.eventsHowToTopic.paris .header-navigation.white-nav {
    background: #23375A;
    background: rgba(35, 55, 90, 1);
    border-bottom: 1px solid #23375A;
}

.eventsHowToTopic.amsterdam .header-navigation.white-nav {
    background: #F0C350;
    background: rgba(240, 195, 80, 1);
    border-bottom: 1px solid #F0C350;
}

.eventsHowToTopic.williamsburg .header-navigation.white-nav {
    background: #009169;
    background: rgba(0, 145, 105, 1);
    border-bottom: 1px solid #009169;
}

.eventsHowToTopic header.white-nav .home-x-logo #homepage-nav-logo #thehoxton-white {
    visibility: visible;
    -ms-opacity: 1;
    opacity: 1;
}

.eventsHowToTopic header.white-nav .home-x-logo #homepage-nav-logo #thehoxton-black {
    visibility: hidden;
    -ms-opacity: 0;
    opacity: 0;
}

.eventsHowToTopic header.white-nav button.hamburger-menu-button > [class*='bar'] {
    background-color: #fff;
}

.eventsHowToTopic .white-nav .mobile-book-now .bookRoom {
    color: #fff;
}

/*.event-hotel-filters > ul li:after, .event-hotel-filters > ul li:hover:after {
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    content: '';
    display: block;
    height: 4px;
    position: absolute;
    margin-top: 4px;
    background: rgba(161, 217, 212, 1);
}*/

.main-nav-links a {
    font-size: 28px;
    color: #353535;
    line-height: 50px;
    text-decoration: none;
    outline: none;
    display: block;
}

.main-headline h1 a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: BrownRegular;
}

.viewGallery span {
    font-family: BrownRegular;
    font-size: 12px;
    color: #9B9B9B;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
}

a.viewGallery {
    top: 31px;
    position: relative;
}

.manageBookingSubmitContainer .dayUseLink p {
    font-size: 10.88px !important;
    text-align: right;
    position: relative;
    top: -9px;
    left: 5px;
    display: -webkit-box;
}


.text-content-copy-mobile {
    display: none;
}

@media (max-height: 800px) and (min-width: 1152px) {
    .spaces-slides .header-monogram {
        left: 76%;
        top: 356px;
    }
}



@media (max-width: 1024px) {


    .spaces-slides.reversed .image-slider .slick-next {
        left: auto;
        right: 0;
    }

    .spaces-slides .image-slider .slick-prev {
        left: 0;
    }


    .spaces-slides .image-slider .slick-prev, .spaces-slides .image-slider .slick-next {
        bottom: 0;
        top: inherit;
        height: 643px;
    }


    .spaces-slides .image-slide {
        min-height: 567px;
        height: auto !important;
    }
}




@media (max-height: 1366px) and (max-width: 1024px) and (min-height: 1366px) and (min-width: 1024px) {
    .spaces-slides .header-monogram {
        top: auto;
        left: 7%;
        bottom: 415px !important;
    }

    .header-monogram {
        margin-top: 36px;
    }

    .spaces-slides .hotel-address {
        left: -7%;
        bottom: 384px !important;
    }
}

@media (max-width: 1280px) and (min-width: 992px) {
    .spaces-slides .header-monogram {
        left: 0;
    }

    .spaces-slides .hotel-address {
        left: 0;
    }
}


@media (max-width: 1024px) {

    .rooms-links.homepage.on {
        top: 60px;
    }


    .spaces-slides {
        margin: 75px 90px;
    }

        .spaces-slides.single-slide {
            margin: 50px 90px;
        }


        .spaces-slides .text-content, .spaces-slides.reversed .text-content {
            padding: 0;
        }

            .spaces-slides .text-content p {
                padding-right: 0;
            }

        /*.spaces-slides .text-content a h3 span {
        width:0;
        white-space: nowrap;
        display: block;
    }

    .spaces-slides .text-content a:hover h3 span {
        border-bottom: 3px solid #D3D1CC;
        width: 100%;
    }*/

        .spaces-slides .arrows {
            margin-top: 20px;
        }

        /*.spaces-slides.first {
         margin-top: 0;
    }*/

        .spaces-slides.first.on {
            margin-top: 170px;
        }

    .homepage-body .spaces-slides.first.on {
        margin-top: 60px;
    }

    .spaces-slides .text-content.slides-heading {
        margin-left: 0;
        margin-bottom: 40px;
        width: 100%;
    }

    .spaces-slides.reversed .text-content.slides-heading {
        margin-left: 0;
    }

    .spaces-slides .text-content h3, .spaces-slides.reversed .text-content h3 {
        padding-left: 0;
        margin-left: 0;
    }

    .spaces-slides.reversed .text-content p {
        padding-left: 0;
    }

    .spaces-slides .image-slide {
        padding-top: 0;
        padding-bottom: 0;
    }

    .image-slider-wrapper {
        position: relative;
        height: auto;
    }

    .spaces-slides .image-slide .main-image {
        height: 643px;
    }

    .spaces-slides.reversed .image-slider-wrapper .slick-dots, .spaces-slides .image-slider-wrapper .slick-dots {
        max-width: 100%;
        margin-left: 0;
    }

    .spaces-slides .arrows {
        width: auto;
        position: absolute;
        top: 0;
        right: 0;
        padding-top: 0;
    }

    .spaces-slides.reversed .arrows {
        margin-left: 0;
    }

    .spaces-slides .arrows .next {
        position: fixed;
        right: 40px;
    }

    .spaces-slides.reversed .arrows .next {
        padding-left: 0;
    }

    .spaces-slides .arrows span {
        padding-top: 20px;
    }

    .spaces-slides.reversed .arrows {
        margin-left: 0;
    }

    .spaces-slides .image-slide .main-image, .spaces-slides.reversed .image-slide .main-image {
        width: 100%;
        height: 643px;
        clear: both;
        position: relative;
        top: inherit;
    }

    .spaces-slides .text-content.slides {
        width: 100%;
        margin-left: 0;
    }

    .spaces-slides .map-image {
        width: 100%;
        height: 576px;
        margin-left: 0;
        position: relative;
        margin-bottom: 100px;
    }

    /*.offers-banner {
        margin-top: 40px;
    }*/

    .spaces-slides .mono {
        position: relative;
        width: 100%;
        text-align: left;
        bottom: inherit;
        margin-bottom: 40px;
    }

    .spaces-slides .header-monogram {
        margin-left: 0;
        top: inherit;
        left: 0;
        height: 90px;
        width: 90px;
        background-size: cover !important;
    }

    .spaces-slides .hotel-address {
        position: relative;
        bottom: inherit;
        top: -94px;
        left: 110px;
    }


    .spaces-slides .arrows {
        right: 40px;
    }

    /*.spaces-slides .text-content a h3 span {
        width: 0;
        white-space: nowrap;
    }*/

    .spaces-slides .image-slider .slick-prev, .spaces-slides .image-slider .slick-next {
        display: none !important;
    }
}


@media (max-width: 991px) {


    .spaces-slides.first.on {
        margin-top: 125px;
    }

    .spaces-slides.first {
        margin-top: 30px;
    }

    .spaces-slides .image-slider .slick-prev, .spaces-slides .image-slider .slick-next {
        height: 480px;
    }

    /*.rooms-links.homepage li.room-link a:before {
        position: relative;
    }*/

    .rooms-links.homepage .room-link {
        width: auto;
        margin: 0;
    }

    .image-slide {
        height: 480px !important;
    }

    .spaces-slides .image-slide .main-image, .spaces-slides.reversed .image-slide .main-image, .spaces-slides .map-image {
        height: 480px;
    }

    /*.image-slider-wrapper {
        height: 480px;
    }*/

    .spaces-slides {
        margin: 75px 0 100px 0;
    }

        .spaces-slides.single-slide {
            margin: 50px 0;
        }

        .spaces-slides .text-content.slides-heading {
            padding: 0 82px;
        }

        .spaces-slides .arrows {
            right: 0;
        }

            .spaces-slides .arrows .next {
                right: 82px;
            }

            .spaces-slides .arrows span {
                padding-right: 25px;
            }

        .spaces-slides.reversed .image-slider-wrapper .text-content.slides {
            padding: 0 0 0 24px;
        }

        .spaces-slides .image-slider-wrapper .text-content.slides {
            padding: 0;
        }

        .spaces-slides .mono {
            padding: 0 90px;
        }

        .spaces-slides .hotel-address {
            left: 425px;
        }


        .spaces-slides .image-slider .slick-next, .spaces-slides .image-slider .slick-prev {
            max-width: 50%;
        }
}



@media (max-width: 767px) {

    .rooms-links.homepage {
        display: none;
    }

    .spaces-slides .map-image {
        margin-bottom: 20px;
    }

    .spaces-slides.neighbourhood-section .monogram-address-mobile .hotel-address {
        left: 0;
        top: 0;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        transform: none;
    }

    .spaces-slides .monogram-address-mobile .mono {
        margin-bottom: 20px;
    }

    .spaces-slides .mono .header-monogram {
        background-position: 0 !important;
        left: calc(50% - 45px);
    }

    .spaces-slide .image-slider .slick-next, .spaces-slides .image-slider .slick-prev,
    .spaces-slides.reversed .image-slider .slick-next, .spaces-slides.reversed .image-slider .slick-prev {
        bottom: 26px;
    }

    .spaces-slides.reversed .text-content h3, .spaces-slides .text-content h3 {
        max-width: calc(100% - 40px);
    }
}

@media (max-width: 767px) {


    .white-nav .mobile-book-now .bookRoom {
        line-height: 16px;
    }

    .lang-fr .white-nav .mobile-book-now .bookRoom {
        line-height: 50px;
        padding-top: 0;
    }
    /*for french*/

    .monogram-address-desktop {
        display: none;
    }

    .monogram-address-mobile {
        display: block;
    }

    .rooms-links.homepage, .rooms-links.homepage.on {
        display: none;
        top: 0;
    }

    .spaces-slides.first, .spaces-slides.first.on {
        margin-top: 60px;
    }

    .spaces-slides.single-slide.first, .spaces-slides.single-slide.first.on {
        margin-top: 50px;
    }

    .spaces-slides {
        margin: 50px 0;
    }

    .hoxtown-landing {
        margin-bottom: 50px;
    }

    .spaces-slides .text-content.slides-heading {
        padding: 0 20px;
    }

    .spaces-slides .arrows {
        margin-top: 15px;
    }

        .spaces-slides .arrows .next {
            right: 20px;
        }

        .spaces-slides .arrows a:hover span {
            display: none;
        }

    .spaces-slides .text-content h3 {
        font-size: 26px;
        margin-bottom: 10px;
        line-height: 36px;
    }

    .spaces-slides .image-slide .main-image, .spaces-slides.reversed .image-slide .main-image {
        height: 332px;
    }

    .spaces-slides .image-slider-wrapper .text-content.slides, .spaces-slides.reversed .image-slider-wrapper .text-content.slides {
        padding: 0 0 35px 0;
    }

    /*.spaces-slides .text-content a h3 span{height: auto;}
    .spaces-slides .text-content a:hover h3 span { border-bottom: 0 solid transparent; width: 0;}*/
    .spaces-slides .text-content p:first-child {
        margin-top: 18px;
    }




    .spaces-slides .text-content.slides-heading {
        margin-bottom: 0;
    }

    .spaces-slides .image-slider-wrapper .text-content.slides, .spaces-slides.reversed .image-slider-wrapper .text-content.slides {
        padding: 0 0 20px 0;
    }

    .spaces-slides .image-slide .main-image, .spaces-slides.reversed .image-slide .main-image {
        position: absolute;
        bottom: 26px;
    }

    .spaces-slides.single-slide .image-slide .main-image, .spaces-slides.single-slide.reversed .image-slide .main-image {
        bottom: 0;
    }

    .spaces-slides.reversed .image-slider-wrapper .slick-dots, .spaces-slides .image-slider-wrapper .slick-dots {
        display: block;
        bottom: 0;
        margin: 0;
    }


    .text-content-copy {
        display: none;
    }

    .text-content-copy-mobile .copy-all {
        display: none;
    }

    .text-content-copy-mobile {
        display: block;
    }

        .text-content-copy-mobile a.more-less {
            font-family: FarnhamDisplayRegularItalic;
            font-size: 14px;
            line-height: 24px;
            color: #9b9a9b !important;
        }

    .spaces-slides .text-content.slides-heading {
        margin-bottom: 40px;
    }


    .spaces-slides .image-slide .main-image, .spaces-slides.reversed .image-slide .main-image {
        position: relative;
        bottom: 26px;
    }
}



@media (max-width: 767px) {

    /*.spaces-slides .text-content a h3 span {
        display: inline-block;
    }*/

    .rooms-links.homepage {
        display: none;
    }

    .slick-slider {
        margin-bottom: 0;
    }

    .image-slide {
        height: 326px !important;
    }

    /*.image-slider-wrapper {
            height: 326px;
}*/

    .spaces-slides {
        margin-top: 0;
    }

        .spaces-slides .image-slide {
            min-height: initial;
        }

            .spaces-slides .image-slide .main-image, .spaces-slides.reversed .image-slide .main-image, .spaces-slides .map-image {
                height: 326px;
            }

        /*.image-slider-wrapper {
            height: 326px;
    }*/


        .spaces-slides .text-content h3 {
            display: block;
            margin-bottom: 0;
        }




        .spaces-slides .arrows {
            right: 40px;
        }
}







.slideshow {
    height: 100%;
    width: 100%;
    margin: auto;
}

    .slideshow img {
        padding: 0;
        border: none;
        background-color: transparent;
        height: fit-content;
        display: block !important;
        margin-left: auto;
        margin-right: auto;
        left: -49%;
    }

@media (max-width: 767px) {
    .nav-links-container .sub-nav-links.on div.mobile-right-arrow {
        display: block;
        margin-left: 40px;
        margin-top: 0 !important;
        width: 38px;
        height: 21px;
        position: absolute;
        top: 33px;
    }
}

.room-detail .image-slider .slick-prev {
    left: 0;
    top: 0;
    z-index: 2;
    right: 0;
    height: 100%;
    background: transparent;
    width: 200px;
    cursor: url('../../img/left_cursor.png'), auto;
    content: none;
}

.slick-prev:before, .slick-next:before {
    display: none;
}

.room-detail .image-slider .slick-next {
    right: 0px;
    top: 0;
    z-index: 3;
    height: 100%;
    background: transparent;
    width: 200px;
    cursor: url('../../img/right_cursor.png'), auto;
    content: none;
}

.image-slider .slick-dots li.slick-active button:before {
    font-size: 30px;
}


.image-slider .slick-dots li.slick-firstlast:not(.slick-active) button:before {
    font-size: 22px;
    top: -1px;
    opacity: 0.1;
}

.cookies-bar {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 60px;
    z-index: 1000;
    text-align: center;
    background-color: #F6F6F6;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .cookies-bar div {
        line-height: 60px;
    }

    .cookies-bar .close-icon {
        padding: 22px;
        height: 60px;
    }

    .cookies-bar span.cookies-message {
        font-size: 12px;
        color: #b3b3b3;
    }

        .cookies-bar span.cookies-message a {
            color: #b3b3b3;
            text-decoration: underline;
            text-decoration-color: #a1a1a1;
        }

        .cookies-bar span.cookies-message p {
            line-height: 15px;
            font-size: 12px;
            color: #9B9B9B;
        }

@media (min-width:768px) and (max-width:991px) {
    .cookies-bar {
        height: 70px;
    }

        .cookies-bar div {
            line-height: 15px;
            padding: 0 19%;
        }
}

@media (max-width:767px) {
    .cookies-bar {
        height: 80px;
    }

        .cookies-bar div {
            line-height: 15px;
            padding: 0 5%;
        }

        .cookies-bar p {
            font-size: 12px;
            line-height: 12px;
            padding: 0 45px;
        }

        .cookies-bar .close-icon {
            padding: 18px;
            height: 52px;
            padding-top: 22px;
        }

    .h-home div.book-now-form.bookingContainer {
    }
}

@media (max-width:450px) {
    .cookies-bar {
        height: auto;
    }

        .cookies-bar div {
            padding: 10px 10px;
        }

        .cookies-bar .close-icon {
            padding: 18px;
            height: 56px;
            padding-top: 27px;
        }
}


@media (max-width:1024px) {

    .h-home .primary-container {
        margin-top: 10px;
    }
}

.scroll-nav {
    height: 100px;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    cursor: grab;
    cursor: -o-grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    overflow: hidden;
}

.scrollable {
    overflow-x: auto;
    margin-bottom: 0;
    padding: 0 0 50px 0;
}

.line-break {
    width: 100%;
    position: relative;
    height: 62px;
    top: -50px;
    border-top: 2px solid #f2f2f2;
    background-color: #fff;
}

.scroll-nav ul {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .scroll-nav ul li {
        display: inline-block;
        list-style-type: none;
        line-height: 100px;
        font-family: Georgia;
        font-size: 16px;
        font-style: italic;
        width: 125px;
        margin-right: 35px;
        text-align: center;
        position: relative;
    }


        .scroll-nav ul li:last-child {
            margin-right: 0;
        }

        .scroll-nav ul li a {
            color: #000000;
            position: relative;
            padding-bottom: 10px;
            font-size: 11px;
            text-transform: uppercase;
            font-family: BrownRegular;
            color: #4a4a4a !important;
            margin-bottom: 0;
            line-height: 20px;
            letter-spacing: 0.5px;
            font-style: normal;
        }

            .scroll-nav ul li a span.city {
                display: none;
            }

            .scroll-nav ul li a span.break {
                display: none;
            }

            .scroll-nav ul li a:hover, .scroll-nav ul li a:focus {
                text-decoration: none;
            }

            .scroll-nav ul li a:before, .scroll-nav ul li a.active:before {
                content: "";
                position: absolute;
                height: 2px;
                bottom: 0;
                left: 0;
                background-color: #E4E4E4;
                visibility: hidden;
                -webkit-transform: scaleX(0);
                transform: scaleX(0);
                -webkit-transition: all 0.3s ease-in-out 0s;
                transition: all 0.3s ease-in-out 0s;
            }

            .scroll-nav ul li a:before {
                width: 100%;
            }

            .scroll-nav ul li a.active:before {
                width: 70%;
                margin: 0 15%;
            }

            .scroll-nav ul li a:hover:before, .scroll-nav ul li a.active:before {
                visibility: visible;
                -webkit-transform: scaleX(1);
                transform: scaleX(1);
            }

.faqs-list {
    position: relative;
    top: -30px;
}

    .faqs-list .faqs-list-item {
        float: left;
        margin-bottom: 80px;
        width: calc(100% - 20%);
        margin-left: 20%;
        max-width: 700px;
    }

    .faqs-list h2 {
        color: #4A4A4A;
        font-family: BrownLight;
        font-weight: normal;
        font-size: 36px;
        line-height: 46px;
        padding: 0;
        margin: 0 0 40px 0;
    }

    .faqs-list h3 {
        float: left;
        width: 100%;
        border-bottom: 1px solid #E4E4E4;
        color: #4A4A4A;
        font-family: BrownLight;
        font-size: 16px;
        font-weight: 300;
        line-height: 26px;
        padding-bottom: 16px;
        text-align: left;
        cursor: pointer;
    }

        .faqs-list h3.ui-state-default.ui-state-hover {
            border-top: none !important;
            border-left: none !important;
            border-right: none !important;
            border-bottom: 1px solid #E4E4E4 !important;
            border-radius: 0;
        }

        .faqs-list h3.ui-state-default.ui-state-active {
            border-bottom: 1px solid #fff !important;
        }

        .faqs-list h3:after {
            content: " ";
            position: absolute;
            width: 15px;
            height: 15px;
            right: 10px;
            top: 5px;
            background-image: url(../../img/faqs/expand_button.svg);
            background-repeat: no-repeat;
        }

        .faqs-list h3.ui-state-active:after {
            background-image: url(../../img/faqs/collapsable.svg);
            top: 10px;
        }

        .faqs-list h3 span {
            float: left;
            width: 100%;
            max-width: 90%;
        }

    .faqs-list .answer.ui-widget-content {
        background-color: #fff !important;
        clear: both;
    }

    .faqs-list .answer.ui-accordion-content-active {
        border-bottom: 1px solid #E4E4E4 !important;
    }

    .faqs-list .answer.ui-widget-content div {
        margin-right: 200px;
        padding: 1px 0 20px 0;
    }

    .faqs-list .answer p {
        color: #353535;
        font-family: 'FarnhamDisplayRegular';
        font-size: 14px;
        letter-spacing: 0.2px;
        line-height: 24px;
    }

@media (max-width: 1199px) {

    .faqs-list .faqs-list-item {
        width: 700px;
        margin-left: calc(50% - 350px);
    }

    .instagramPanel .hox-ig-post {
        width: 23.5%;
        height: 0;
    }
}

@media (max-width: 991px) {

    .scroll-nav ul li {
        margin-right: 0;
    }

    .faqs-list .faqs-list-item {
        margin-bottom: 70px;
        width: 600px;
        margin-left: calc(50% - 300px);
        margin-right: calc(50% - 300px);
        max-width: 600px;
    }

    .faqs-list .answer.ui-widget-content div {
        margin-right: 100px;
    }
}

@media (max-width: 767px) {


    .faqs-page .hotel-container .main-video {
        height: 230px !important;
        margin-top: 125px;
    }

    .faq-navigation {
        width: 100%;
        position: fixed;
        top: 50px;
        z-index: 3;
        background-color: #fff;
    }

    div.scrollable.dragscroll {
        margin-top: 0;
        height: 75px;
    }

    .scrollable {
        padding: 0;
    }

    .scroll-nav {
        height: 60px;
    }

        .scroll-nav ul {
            height: 65px;
        }

            .scroll-nav ul li {
                margin-right: 0;
                font-family: BrownLight;
                font-style: normal;
                font-size: 12px;
                line-height: 12px;
                height: 70px;
                padding-top: 20px;
                width: 100px;
            }

                .scroll-nav ul li a {
                    padding-bottom: 15px;
                }

                    .scroll-nav ul li a span.break {
                        display: block;
                    }

                    .scroll-nav ul li a span.city {
                        display: inline-block;
                        font-family: Georgia;
                        font-style: italic;
                        font-size: 10px;
                        line-height: 10px;
                    }

    .line-break {
        width: 100%;
        position: fixed;
        height: 12px;
        top: 114px;
        border-top: none;
        background-color: #fff;
        z-index: 3;
    }


    .faqs-list {
        top: 0;
        margin-top: 40px;
    }

        .faqs-list h2 {
            font-size: 22px;
            line-height: 36px;
            margin: 0;
        }

        .faqs-list h3 {
            padding-bottom: 14px;
        }

        .faqs-list .answer p {
            line-height: 26px;
        }

        .faqs-list .answer.ui-widget-content div {
            margin-right: 0;
        }

        .faqs-list .faqs-list-item {
            margin-bottom: 32px;
            margin-left: 20px;
            margin-right: 20px;
            max-width: calc(100% - 40px);
            width: 100%;
        }

        .faqs-list h3 span {
            max-width: 80%;
        }
}

.scroll-nav ul {
    text-align: center;
}

.faqs-page .hotel-container .main-video.faqs {
    height: 438px !important;
}

@media (max-width: 991px) {
    .faqs-page .hotel-container .main-video.faqs {
        height: 540px !important;
    }
}

@media (max-width: 767px) {
    .faqs-page .hotel-container .main-video.faqs {
        height: 302px !important;
    }
}

.formhoxton {
    height: calc(3rem + 2px) !important;
    font-size: 1em;
}

#thehoxton-black {
    width: 31%;
    position: absolute;
    top: -21%;
}

@media (min-width:1324px) {
    #thehoxton-black {
        width: 27%;
        position: absolute;
        top: -21%;
    }

    #thehoxton-white {
        width: 79% !important;
        height: 73px !important;
    }

    .bookingheadertext {
        padding-left: 80px;
    }

    .h3headertext {
        font-weight: bold;
        font-family: Arial;
    }

    .content {
        padding-top: 76px !important;
    }
}

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

    .hoxton-bedrooms-book-now-bar {
        margin-left: auto;
        margin-right: auto;
        width: 88% !important;
    }

    .home-x-logo #homepage-nav-logo img {
        height: 43px !important;
    }

    .manageBookingSubmitContainer {
        padding: 8px 0px 0px 125px;
    }

    .bookingContainer .input-value {
        height: 42px;
    }

    .bookingContainer .input-value, .bookingContainer .input {
        line-height: 43px;
    }

    div.book-now-form div.manageBookingSubmitContainer input {
        width: 106px;
        height: 40px;
    }

    .main-video video {
        height: 300px;
    }

    img.next {
        display: none;
    }

    div .book-now-form {
        height: 100px;
    }

    .homepage-body .main-headline h1 {
        padding: 0;
    }

    .offers-banner {
        padding-top: 0px;
    }

    .event-highlight-container .event-item .event-item-inner .image-container {
        height: 247px;
    }

    .spaces-slides .image-slide .main-image, .spaces-slides.reversed .image-slide .main-image, .spaces-slides .map-image {
        height: 280px;
    }

    .bookingContainer .datepicker.picker {
        left: 136%;
    }

    .bookingContainer .ui-datepicker {
        width: 339px !important;
    }

    .bookingContainer .dropdownpicker ul li {
        width: 61%;
    }

    .modal-backdrop.show {
        z-index: 1 !important;
    }

    .modal-dialog {
        margin: 5.5rem;
    }

    h3 {
        font-size: 12px;
    }

    .modal-content {
        height: 406px;
    }

    .bookingheadertext {
        padding-left: 50px;
    }

    .formhoxton {
        height: calc(2.5rem + 2px) !important;
    }

    .content {
        padding-top: 29px !important;
    }

    h3.headernewdetails {
        padding-top: 30px !important;
    }
    #thehoxton-black {
        width: 96px !important;
    }
}

@media screen and (max-width:380px) {
    .instagramPanel .hox-ig-post {
        width: 48%;
        height: 124px;
    }

    .bookingContainer:not(.meeting-rooms) .selector:not(.offer) {
        width: 110px;
    }

    .main-video {
        height: 233px;
    }

        .main-video video {
            height: 254px;
        }

    .manageBookingSubmitContainer {
        padding: 8px 0px 0px 110px;
    }

    .bookingContainer .dropdownpicker ul li {
        width: 56%;
    }

    h3.headernewdetails {
        padding-top: 30px !important;
    }

    .bookingContainer .controlContainer .dropdown-selector .dropdownpicker.picker.hotels {
    }
    .header .home-x-logo #homepage-nav-logo #thehoxton-black
    {
        width:96px;
     }
}

.modal-backdrop {
    z-index: 1 !important;
}



@media (max-width: 700px) {
    .hoxton-bedrooms-book-now-bar {
        width: 75%;
    }

    .instagramPanel .hox-ig-post {
        width: 48%;
        height: 124px;
    }
}

.rowroomlayout {
    padding: 20px;
}

.info > h3.title, .info > .location {
    color: black;
    font-family: Arial;
    text-decoration: none;
}

a.apnews:hover {
    text-decoration: none;
}

.contactlayout{
    color: grey;
    font-size: 0.9em;
}

@media screen and (min-width:1200px) {
    .hotels {
        top: 74%;
    }

    .hotel-container .rsTmb a {
        position: relative;
    }

    .hotel-container .rsTmb {
        width: 11%;
    }

    .event-highlight-slider .slick-slide.slick-current .info {
        margin-bottom: 60px;
    }

    .parentcontactlayout {
position:absolute;
bottom:-40%;
    }
}