.btn:focus,

    .btn:hover,

    .dropdown-menu button:focus,

    .dropdown-menu button:hover,

    .dropdown-menu:focus,

    .dropdown-menu:hover,

    .header-book_bottom-box .btn.active.focus,

    .header-book_bottom-box .btn.active:focus,

    .header-book_bottom-box .btn.focus,

    .header-book_bottom-box .btn:active.focus,

    .header-book_bottom-box .btn:active:focus,

    .header-book_bottom-box .btn:focus,

    .modal-dialog .btn.active.focus,

    .modal-dialog .btn.active:focus,

    .modal-dialog .btn.focus,

    .modal-dialog .btn:active.focus,

    .modal-dialog .btn:active:focus,

    .modal-dialog .btn:focus,

    .uib-datepicker .btn.active.focus,

    .uib-datepicker .btn.active:focus,

    .uib-datepicker .btn.focus,

    .uib-datepicker .btn:active.focus,

    .uib-datepicker .btn:active:focus,

    .uib-datepicker .btn:focus,

    .uib-datepicker:focus,

    .uib-datepicker:hover,

    .uib-daypicker .btn.active.focus,

    .uib-daypicker .btn.active:focus,

    .uib-daypicker .btn.focus,

    .uib-daypicker .btn:active.focus,

    .uib-daypicker .btn:active:focus,

    .uib-daypicker .btn:focus,

    .uib-daypicker:focus,

    .uib-daypicker:hover,

    a,

    a:active,

    a:focus,

    a:hover,

    button,

    input {

        outline: 0

    }



    body,

    h1,

    h2,

    h3,

    h4,

    h5,

    h6,

    ol,

    p,

    ul {

        margin: 0

    }



    .header-book-btn,

    .special-btn {

        -webkit-transition: color .5s ease-out, background-color .5s ease-out

    }



    html {

        font-family: sans-serif;

        -ms-text-size-adjust: 100%;

        -webkit-text-size-adjust: 100%

    }



    article,

    aside,

    details,

    figcaption,

    figure,

    footer,

    header,

    hgroup,

    main,

    menu,

    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-color: transparent;

        cursor: pointer

    }



    b,

    strong {

        font-weight: 700

    }



    dfn {

        font-style: italic

    }



    h1 {

        font-size: 2em

    }



    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 {

        box-sizing: content-box;

        height: 0

    }



    pre {

        overflow: auto

    }



    code,

    kbd,

    pre,

    samp {

        font-family: monospace, monospace;

        font-size: 1em

    }



    button,

    input,

    optgroup,

    select,

    textarea {

        color: inherit;

        font: inherit;

        margin: 0

    }



    button {

        overflow: visible

    }



    button,

    select {

        text-transform: none

    }



    .header-book-btn,

    .text-uppercase {

        text-transform: uppercase

    }



    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

    }



    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] {

        box-sizing: content-box;

        -webkit-appearance: none

    }



    *,

    .flex-grow-1,

    :after,

    :before {

        box-sizing: border-box

    }



    input[type=search]::-webkit-search-cancel-button,

    input[type=search]::-webkit-search-decoration {

        -webkit-appearance: none

    }



    ol,

    ul {

        padding: 0;

        list-style: none

    }



    a,

    a:active,

    a:focus,

    a:hover {

        text-decoration: none

    }



    input::-ms-clear {

        display: none!important

    }



    input::-ms-reveal {

        display: none!important;

        width: 0!important;

        height: 0!important

    }



    input:-webkit-autofill,

    select:-webkit-autofill,

    textarea:-webkit-autofill {

        background: #fff!important

    }



    @font-face {

        font-family: CenturyGothic;

        src: url(../fonts/CenturyGothic/gothicb.eot);

        src: url(../fonts/CenturyGothic/gothicb.eot?#iefix) format("embedded-opentype"), url(../fonts/CenturyGothic/gothicb.woff2) format("woff2"), url(../fonts/CenturyGothic/gothicb.woff) format("woff"), url(../fonts/CenturyGothic/gothicb.ttf) format("truetype"), url(../fonts/CenturyGothic/gothicb.svg#gothicb) format("svg");

        font-weight: 700;

        font-style: normal

    }



    @font-face {

        font-family: CenturyGothic;

        src: url(../fonts/CenturyGothic/gothici.eot);

        src: url(../fonts/CenturyGothic/gothici.eot?#iefix) format("embedded-opentype"), url(../fonts/CenturyGothic/gothici.woff2) format("woff2"), url(../fonts/CenturyGothic/gothici.woff) format("woff"), url(../fonts/CenturyGothic/gothici.ttf) format("truetype"), url(../fonts/CenturyGothic/gothici.svg#gothici) format("svg");

        font-weight: 400;

        font-style: italic

    }



    @font-face {

        font-family: CenturyGothic;

        src: url(../fonts/CenturyGothic/gothicbi.eot);

        src: url(../fonts/CenturyGothic/gothicbi.eot?#iefix) format("embedded-opentype"), url(../fonts/CenturyGothic/gothicbi.woff2) format("woff2"), url(../fonts/CenturyGothic/gothicbi.woff) format("woff"), url(../fonts/CenturyGothic/gothicbi.ttf) format("truetype"), url(../fonts/CenturyGothic/gothicbi.svg#gothicbi) format("svg");

        font-weight: 700;

        font-style: italic

    }



    @font-face {

        font-family: CenturyGothic;

        src: url(../fonts/CenturyGothic/gothic.eot);

        src: url(../fonts/CenturyGothic/gothic.eot?#iefix) format("embedded-opentype"), url(../fonts/CenturyGothic/gothic.woff2) format("woff2"), url(../fonts/CenturyGothic/gothic.woff) format("woff"), url(../fonts/CenturyGothic/gothic.ttf) format("truetype"), url(../fonts/CenturyGothic/gothic.svg#gothic) format("svg");

        font-weight: 400;

        font-style: normal

    }



    @font-face {

        font-family: ThirstyRough;

        src: url(../fonts/ThirstyRough/ThirstyRoughLtTwo.eot);

        src: url(../fonts/ThirstyRough/ThirstyRoughLtTwo.eot?#iefix) format("embedded-opentype"), url(../fonts/ThirstyRough/ThirstyRoughLtTwo.woff2) format("woff2"), url(../fonts/ThirstyRough/ThirstyRoughLtTwo.woff) format("woff"), url(../fonts/ThirstyRough/ThirstyRoughLtTwo.ttf) format("truetype"), url(../fonts/ThirstyRough/ThirstyRoughLtTwo.svg#ThirstyRoughLtTwo) format("svg");

        font-weight: 300;

        font-style: normal

    }



    @font-face {

        font-family: ThirstyRough;

        src: url(../fonts/ThirstyRough/ThirstyRoughRegThr.eot);

        src: url(../fonts/ThirstyRough/ThirstyRoughRegThr.eot?#iefix) format("embedded-opentype"), url(../fonts/ThirstyRough/ThirstyRoughRegThr.woff2) format("woff2"), url(../fonts/ThirstyRough/ThirstyRoughRegThr.woff) format("woff"), url(../fonts/ThirstyRough/ThirstyRoughRegThr.ttf) format("truetype"), url(../fonts/ThirstyRough/ThirstyRoughRegThr.svg#ThirstyRoughRegThr) format("svg");

        font-weight: 400;

        font-style: normal

    }



    @font-face {

        font-family: WisdomScriptAJ;

        src: url(../fonts/WisdomScriptAJ/wisdomscriptaj.eot);

        src: url(../fonts/WisdomScriptAJ/wisdomscriptaj.eot?#iefix) format("embedded-opentype"), url(../fonts/WisdomScriptAJ/wisdomscriptaj.woff2) format("woff2"), url(../fonts/WisdomScriptAJ/wisdomscriptaj.woff) format("woff"), url(../fonts/WisdomScriptAJ/wisdomscriptaj.ttf) format("truetype"), url(../fonts/WisdomScriptAJ/wisdomscriptaj.svg#wisdomscriptaj) format("svg");

        font-weight: 400;

        font-style: normal

    }



    @font-face {

        font-family: Cylburn;

        src: url(../fonts/cylburn.woff) format("woff");

        font-weight: 400;

        font-style: normal

    }



    body {

        font-family: CenturyGothic;

        color: #434343

    }

    .box_above_rates {
        width: 50%;
        padding: 20px;
        border: 1px solid #434343;
        margin-bottom: 30px;
    }
    @media (max-width: 991px){
        .box_above_rates {
            width: 80%;
            margin-bottom: 0;
            margin-top: 30px;
        }
    }
    @media (max-width: 480px){
        .box_above_rates {
            width: 100%;
        }
    }

    .fl {

        float: left

    }



    .fr {

        float: right

    }



    .table-holder {

        display: table

    }



    .cell {

        display: table-cell;

        vertical-align: middle

    }



    .full-width {

        width: 100%

    }



    .half-width {

        width: 50%

    }



    .full-height {

        height: 100%

    }



    .full-vh {

        height: 100vh

    }



    .full-dimensions {

        width: 100%;

        height: 100%

    }



    .svg-holder {

        display: inline-block

    }



    .svg-holder>svg {

        display: block

    }



    .text-center {

        text-align: center

    }



    .ng-modal-overlay {

        position: fixed;

        z-index: 9999;

        top: -5000px;

        right: -5000px;

        bottom: -5000px;

        left: -5000px;

        background-color: rgba(51, 51, 51, .85);

        opacity: .8

    }



    .ng-modal-dialog {

        z-index: 10000;

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        -webkit-transform: translate(-50%, -50%);

        -moz-transform: translate(-50%, -50%);

        background-color: #0000;

        box-shadow: 0 0 67px #0000;

        width: 30%;

        height: 50%

    }



    .ng-modal-dialog-content {

        padding: 10px;

        text-align: left

    }



    .ng-modal-close {

        color: #b6b6b6;

        position: absolute;

        top: 3px;

        right: 10px;

        padding: 0;

        cursor: pointer;

        font-size: 120%;

        display: inline-block;

        font-weight: 100;

        font-family: arial, sans-serif

    }



    .btn-menu,

    .btn-menu span,

    .pos-relative {

        position: relative

    }



    .btn-menu,

    .special-btn {

        font-family: ThirstyRough

    }



    .ng-modal-close:hover {

        color: #f7f3f3

    }



    div.ng-modal-dialog-content img {

        box-shadow: 2px 2px 20px #000

    }



    .text-left {

        text-align: left

    }



    .text-right {

        text-align: right

    }



    .display.flex:not(.inline-flex) {

        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex

    }



    .display.flex.inline-flex {

        display: -webkit-inline-box;

        display: -moz-inline-box;

        display: -ms-inline-flexbox;

        display: -webkit-inline-flex;

        display: inline-flex

    }



    .display.p-flex,

    .l-flex-parent {

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex

    }



    .display.flex.align-item-center {

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center

    }



    .display.flex.align-item-left {

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

        -ms-flex-align: start;

        align-items: flex-start

    }



    .display.flex.align-item-right {

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

        -ms-flex-align: end;

        align-items: flex-end

    }



    .display.flex.justify-content-center {

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .display.flex.justify-content-right {

        -webkit-box-pack: end;

        -webkit-justify-content: flex-end;

        -ms-flex-pack: end;

        justify-content: flex-end

    }



    .display.flex.direction-column {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column

    }



    .display.p-flex {

        display: -moz-box;

        display: flex

    }



    .display.p-flex.align-item-center {

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center

    }



    .display.p-flex.align-item-left {

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

        -ms-flex-align: start;

        align-items: flex-start

    }



    .display.p-flex.align-item-right {

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

        -ms-flex-align: end;

        align-items: flex-end

    }



    .display.p-flex.justify-content-center {

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .display.p-flex.justify-content-right {

        -webkit-box-pack: end;

        -webkit-justify-content: flex-end;

        -ms-flex-pack: end;

        justify-content: flex-end

    }



    .display.p-flex.direction-column,

    .navigation-item_text {

        -webkit-flex-direction: column;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal

    }



    .display.p-flex.direction-column {

        -ms-flex-direction: column;

        flex-direction: column

    }



    .flex-grow-1 {

        -webkit-box-flex: 1;

        -moz-box-flex: 1;

        -webkit-flex: 1;

        -ms-flex: 1 0 auto;

        flex: 1 1 auto

    }



    .l-flex-parent {

        display: -moz-box;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row

    }



    .l-flex-child {

        min-height: 100vh;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column

    }



    .l-grid-half {

        width: 50%

    }



    @media only screen and (max-width:812px) {
        
        .hidden-xs {

            display: none!important

        }

        .ng-modal-dialog {

            width: 69%;

            height: 50%

        }

    }



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

        .hidden-sm {

            display: none!important

        }

        .ng-modal-dialog {

            width: 60%;

            height: 50%

        }

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .hidden-md {

            display: none!important

        }

        .ng-modal-dialog {

            width: 45%;

            height: 50%

        }

    }



    @media only screen and (min-width:1200px) and (max-width:1400px) {

        .hidden-md {

            display: none!important

        }

        .ng-modal-dialog {

            width: 36%;

            height: 40%

        }

    }



    @media only screen and (min-width:1401px) and (max-width:1450px) {

        .hidden-md {

            display: none!important

        }

        .ng-modal-dialog {

            width: 38%;

            height: 50%

        }

    }



    @media only screen and (min-width:1451px) and (max-width:1919px) {

        .hidden-lg {

            display: none!important

        }

    }



    .btn {

        display: -webkit-inline-box;

        display: -moz-inline-box;

        display: -ms-inline-flexbox;

        display: -webkit-inline-flex;

        display: inline-flex;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center

    }



    .header-book-btn {

        transition: color .5s ease-out, background-color .5s ease-out;

        width: 100%;

        height: 35px;

        padding-right: 10px;

        padding-left: 10px;

        font-size: 1.25rem;

        line-height: 1.688rem;

        letter-spacing: 3px;

        color: #838080;

        border: 1px solid #838080;

        background-color: #341d1c

    }



    .header-book-btn:hover {

        color: #341d1c;

        background-color: #838080

    }



    .special-btn {

        transition: color .5s ease-out, background-color .5s ease-out;

        height: 33px;

        padding-right: 13px;

        padding-left: 13px;

        font-size: 1.438rem;

        line-height: 1.438rem;

        color: #fff;

        background-color: transparent;

        border: 1px solid rgba(255, 255, 255, .5)

    }



    .cta-btn,

    .submit-btn {

        -webkit-transition: color .5s ease-out, background-color .5s ease-out;

        letter-spacing: 3px;

        text-transform: uppercase

    }



    .special-btn:hover {

        color: #434343;

        background-color: #fff

    }



    .special-btn.theme-dark {

        color: #434343;

        border: 1px solid #434343

    }



    .special-btn.theme-dark:hover {

        color: #fff;

        background-color: #434343

    }



    .submit-btn {

        transition: color .5s ease-out, background-color .5s ease-out;

        height: 31px;

        padding-right: 25px;

        padding-left: 25px;

        border: none;

        font-size: 1.125rem;

        line-height: 1.438rem;

        color: #434343;

        background-color: #9e9e9e

    }



    .submit-btn:hover {

        color: #fff

    }



    .btn-menu {

        font-size: 1.938rem;

        line-height: 1;

        color: #4d4d4d;

        padding-bottom: 8px;

        -webkit-transition: color 1s ease-out, background-color .5s ease-out;

        transition: color 1s ease-out, background-color .5s ease-out

    }



    .cta-btn,

    .transparent-btn {

        font-family: CenturyGothic

    }



    .btn-menu span {

        z-index: 10

    }



    .btn-menu:after {

        content: "";

        display: block;

        position: absolute;

        bottom: 0;

        left: 0;

        right: 0;

        height: 1px;

        background-color: #4d4d4d;

        -webkit-transition: height .3s ease-out;

        transition: height .3s ease-out

    }



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

        .btn-menu {

            font-size: 1.5rem

        }

    }



    .btn-menu .table-holder {

        margin-top: -6px

    }



    .btn-menu .table-holder .cell {

        height: 46px

    }



    .btn-menu:hover {

        color: #fefefe

    }



    .btn-menu:hover:after {

        height: 100%

    }



    .cta-btn {

        transition: color .5s ease-out, background-color .5s ease-out;

        height: 50px;

        font-size: 1.4rem;

        line-height: 1.4rem;

        font-weight: 700;

        color: #fff;

        background-color: #341d1c;

        border: 1px solid #341d1c

    }



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

        .cta-btn {

            height: 45px;

            font-size: 1.2rem;

            line-height: 1.2rem

        }

    }



    .box-text-name,

    .transparent-btn {

        font-weight: 700;

        line-height: 2.5rem

    }



    .cta-btn:hover {

        color: #341d1c!important;

        background-color: #fff

    }



    .cta-btn.big {

        padding-right: 24px;

        padding-left: 24px

    }



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

        .cta-btn.big {

            padding-left: 16px;

            padding-right: 16px

        }

    }



    .cta-btn.small {

        padding-right: 21px;

        padding-left: 21px

    }



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

        .cta-btn.small {

            padding-left: 10px;

            padding-right: 10px

        }

    }



    .transparent-btn {

        -webkit-transition: color .5s ease-out, background-color .5s ease-out;

        transition: color .5s ease-out, background-color .5s ease-out;

        height: 79px;

        padding-right: 31px;

        padding-left: 31px;

        font-size: 2.5rem;

        letter-spacing: 1.5px;

        color: #fff;

        background-color: transparent;

        border: 1px solid #fff

    }



    .input-style::-webkit-input-placeholder {

        font-family: CenturyGothic;

        font-size: .9375rem!important;

        color: #4a4a4a!important

    }



    .input-style::-moz-placeholder {

        font-family: CenturyGothic;

        font-size: .9375rem!important;

        color: #4a4a4a!important

    }



    .input-style:-ms-input-placeholder {

        font-family: CenturyGothic;

        font-size: .9375rem!important;

        color: #4a4a4a!important

    }



    .input-style {

        width: 100%;

        height: 35px;

        padding-left: 12px;

        border: none;

        background-color: rgba(255, 255, 255, .9)

    }



    textarea.input-style {

        height: 127px;

        padding-top: 6px

    }



    .input-style+.input-style {

        margin-top: 13px

    }



    .preloader {

        position: fixed;

        top: 0;

        left: 0;

        z-index: 9999;

        width: 100%;

        height: 100%;

        background-color: #2b2b2b;

        opacity: 1

    }



    .loader,

    .loader:after,

    .loader:before {

        width: 1em;

        height: 4em;

        background: #fff

    }



    .preloader.ng-hide-add {

        -webkit-transition: opacity 1s ease-out;

        transition: opacity 1s ease-out

    }



    .preloader.ng-hide-add .loader {

        -webkit-transition: opacity .4s ease-out;

        transition: opacity .4s ease-out

    }



    .preloader.ng-hide,

    .preloader.ng-hide .loader {

        opacity: 0

    }



    .loader {

        -webkit-animation: load1 1s infinite ease-in-out;

        -moz-animation: load1 1s infinite ease-in-out;

        -o-animation: load1 1s infinite ease-in-out;

        animation: load1 1s infinite ease-in-out;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

        -webkit-animation-delay: -.16s;

        animation-delay: -.16s;

        position: relative;

        margin: 88px auto;

        text-indent: -9999em;

        font-size: 11px;

        opacity: 1

    }



    .loader:after,

    .loader:before {

        -webkit-animation: load1 1s infinite ease-in-out;

        -moz-animation: load1 1s infinite ease-in-out;

        -o-animation: load1 1s infinite ease-in-out;

        animation: load1 1s infinite ease-in-out;

        position: absolute;

        top: 0;

        content: ''

    }



    .loader:before {

        -webkit-animation-delay: -.32s;

        animation-delay: -.32s;

        left: -1.5em

    }



    .loader:after {

        left: 1.5em

    }



    @-webkit-keyframes load1 {

        0%,

        100%,

        80% {

            box-shadow: 0 0 #fff;

            height: 4em

        }

        40% {

            box-shadow: 0 -2em #fff;

            height: 5em

        }

    }



    @-moz-keyframes load1 {

        0%,

        100%,

        80% {

            box-shadow: 0 0 #fff;

            height: 4em

        }

        40% {

            box-shadow: 0 -2em #fff;

            height: 5em

        }

    }



    @-o-keyframes load1 {

        0%,

        100%,

        80% {

            box-shadow: 0 0 #fff;

            height: 4em

        }

        40% {

            box-shadow: 0 -2em #fff;

            height: 5em

        }

    }



    @keyframes load1 {

        0%,

        100%,

        80% {

            box-shadow: 0 0 #fff;

            height: 4em

        }

        40% {

            box-shadow: 0 -2em #fff;

            height: 5em

        }

    }



    @-webkit-keyframes border_anim {

        0% {

            background-position: 0 0

        }

        100% {

            background-position: 9px 0

        }

    }



    @-moz-keyframes border_anim {

        0% {

            background-position: 0 0

        }

        100% {

            background-position: 9px 0

        }

    }



    @-o-keyframes border_anim {

        0% {

            background-position: 0 0

        }

        100% {

            background-position: 9px 0

        }

    }



    @keyframes border_anim {

        0% {

            background-position: 0 0

        }

        100% {

            background-position: 9px 0

        }

    }



    .spinner {

        width: 240px;

        height: 180px;

        position: relative;

        margin: 100px auto

    }



    .box-hover-bg,

    .dark-overlay:before,

    .double-bounce1,

    .double-bounce2 {

        width: 100%;

        height: 100%;

        left: 0;

        top: 0

    }



    .double-bounce1,

    .double-bounce2 {

        opacity: .4;

        position: absolute;

        -webkit-animation: sk-bounce 2s infinite ease-in-out;

        animation: sk-bounce 2s infinite ease-in-out;

        background-image: url(/assets/img/svg/logoks.svg);

        background-repeat: no-repeat;

        background-position: 50% 50%;

        background-size: contain

    }



    .double-bounce2 {

        -webkit-animation-delay: -1s;

        animation-delay: -1s

    }



    @-webkit-keyframes sk-bounce {

        0%,

        100% {

            -webkit-transform: scale(0)

        }

        50% {

            -webkit-transform: scale(1)

        }

    }



    @keyframes sk-bounce {

        0%,

        100% {

            transform: scale(0);

            -webkit-transform: scale(0)

        }

        50% {

            transform: scale(1);

            -webkit-transform: scale(1)

        }

    }



    .dark-overlay {

        position: relative

    }



    .dark-overlay:before {

        -webkit-transition: opacity .5s cubic-bezier(1, 0, .4, 1);

        transition: opacity .5s cubic-bezier(1, 0, .4, 1);

        content: '';

        position: absolute;

        z-index: 1;

        display: block;

        background: #4a4a4a;

        opacity: 1

    }



    .dark-overlay .box-hover-bg {

        opacity: .3

    }



    .box-hover-style {

        position: relative;

        background: #05e0d8;

        background: -moz-linear-gradient(-45deg, #05e0d8 0, #ec65b7 100%);

        background: -webkit-linear-gradient(-45deg, #05e0d8 0, #ec65b7 100%);

        background: linear-gradient(135deg, #05e0d8 0, #ec65b7 100%);

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#05e0d8', endColorstr='#ec65b7', GradientType=1)

    }



    .box-hover-style:hover.dark-overlay:before {

        opacity: 0

    }



    .box-hover-style:hover .box-hover-bg {

        opacity: .6

    }



    .box-hover-style:hover .box-border-anim:after,

    .box-hover-style:hover .box-border-anim:before {

        -webkit-animation-play-state: running;

        animation-play-state: running

    }



    .box-hover-bg {

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center center;

        -webkit-transition: opacity .5s cubic-bezier(1, 0, .4, 1);

        transition: opacity .5s cubic-bezier(1, 0, .4, 1);

        position: absolute;

        z-index: 2

    }



    .fixed_box_border-anim_btn {

    /* width: 364px*/

        width: 50%;

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .fixed_box_border-anim_btn {

            width: 300px

        }

    }



    .box-border-anim {

        position: relative

    }



    .box-border-anim.theme-white:after,

    .box-border-anim.theme-white:before {

        background-image: url(../img/svg/circle-border-white.svg)

    }



    .box-border-anim.theme-dark:after,

    .box-border-anim.theme-dark:before {

        background-image: url(../img/svg/circle-border-dark.svg)

    }

    .box-border-anim:after,

    .box-border-anim:before {

        -webkit-transition: all .5s cubic-bezier(1, 0, .4, 1);

        transition: all .5s cubic-bezier(1, 0, .4, 1);

        -webkit-animation: border_anim .25s infinite linear paused;

        -moz-animation: border_anim .25s infinite linear paused;

        -o-animation: border_anim .25s infinite linear paused;

        animation: border_anim .25s infinite linear paused;

        content: '';

        position: absolute;

        left: 0;

        display: block;

        width: 100%;

        height: 3px;

        background-position: 0 0;

        background-repeat: repeat

    }



    .box-border-anim:before {

        top: 0

    }



    .box-border-anim:after {

        bottom: 0

    }



    .box-text-style {

        position: relative;

        z-index: 3;

        text-align: center

    }



    .box-text-style.theme-white {

        color: #fff

    }



    .box-text-style.theme-dark,

    .section-text {

        color: #434343

    }



    .box-text-name {

        position: relative;

        padding: 12px;

        font-size: 2.5rem;

        letter-spacing: 1px

    }



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

        .box-text-name {

            font-size: 2.125rem

        }

    }



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

        .box-text-name {

            font-size: 2.125rem

        }

    }



    .box-text-desc {

        font-size: 1.125rem;

        line-height: 1.5rem;

        letter-spacing: 2px;

        text-transform: uppercase

    }



    .box-text-desc_small {

        font-size: 1.063rem;

        line-height: 1.5rem

    }



    .box-text-desc+.special-btn,

    .box-text-name+.box-text-desc {

        margin-top: 10px

    }



    .box-text-name+.special-btn {

        margin-top: 20px

    }



    .section-container {

        padding-right: 25%;

        padding-left: 15%

    }



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

        .box-text-desc_small {

            font-size: 1rem;

            line-height: 1.4rem

        }

        .section-container {

            padding-left: 0;

            padding-right: 0

        }

    }



    .section-title {

        font-size: 3.125rem;

        line-height: 3.375rem;

        color: #434343;

        letter-spacing: 3px

    }



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

        .section-title {

            padding: 17px 0 13px;

            font-size: 1.5rem;

            line-height: 1.675rem

        }

    }



    .section-text {

        font-size: 1.063rem;

        line-height: 2.25rem

    }



    .section-title+.section-text {

        margin-top: 8px

    }



    .section-text+.btn {

        margin-top: 24px;
        margin-bottom: 10px;

    }



    .footer-social-wrapper {

        height: 275px;

        background-color: #f3f3f3;

        background-image: url(../img/02_Bedrooms_Section-bg-Book.jpg);

        background-position: left top;

        background-repeat: repeat

    }



    .footer-social-wrapper .footer-social-list {

        display: inline-flex

    }



    .footer-social-wrapper .footer-social-list li {

        width: 58px;

        height: 58px;

        position: relative;

        margin-left: 22px

    }



    .footer-social-wrapper .footer-social-list li:first-child {

        margin-left: 0

    }



    .footer-social-wrapper .footer-social-list li:before {

        content: '';

        padding: 50%;

        display: block

    }



    .footer-social-wrapper .footer-social-list a {

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%)

    }



    .footer-social-wrapper .footer-social-list a:hover svg {

        width: 72.5px;

        height: 72.5px

    }



    .footer-social-wrapper .footer-social-list a svg {

        width: 58px;

        height: 58px;

        -webkit-transition: all .2s ease-out;

        transition: all .2s ease-out

    }



    .slider-content {

        max-width: 550px;

        margin: 0 auto;

        padding-left: 50px;

        padding-right: 50px

    }



    .flexslider-container .box-hover-style,

    .slider-content .box-hover-style {

        padding-left: 0;

        padding-right: 0

    }



    .slider-content .box-text-desc_small {

        padding-top: 30px;

        letter-spacing: 1px

    }



    .bg-slider-holder {

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        width: 100%;

        height: 100%

    }



    .flexslider-container .flexslider {

        margin-bottom: 0;

        position: relative;

        border: none

    }



    .flexslider-container .flexslider .flex-control-nav {

        bottom: 18px;

        z-index: 2

    }



    .flexslider-container .flexslider .flex-control-paging li a {

        background: #fff

    }



    .flexslider-container .flexslider .flex-control-paging li a.flex-active {

        opacity: .65

    }



    .flexslider-container .flexslider .flex-direction-nav .flex-next,

    .flexslider-container .flexslider .flex-direction-nav .flex-prev {

        opacity: 1

    }



    .flexslider-container .flexslider .flex-direction-nav .flex-prev {

        left: 32px;

        width: 47px;

        height: 47px

    }



    .flexslider-container .flexslider .flex-direction-nav .flex-prev:before {

        content: url(../img/svg/slider-prev.svg)

    }



    .flexslider-container .flexslider .flex-direction-nav .flex-next {

        right: 32px;

        width: 47px;

        height: 47px

    }



    .flexslider-carousel,

    .flexslider-carousel .flex-viewport,

    .flexslider-carousel .flexslider,

    .flexslider-carousel .flexslider-container,

    .flexslider-carousel .slides,

    .flexslider-carousel .slides>li,

    .flexslider-responsive .flex-viewport,

    .flexslider-responsive .flexslider,

    .flexslider-responsive .flexslider-container,

    .flexslider-responsive .slides,

    .flexslider-responsive .slides>li {

        height: 100%

    }



    .flexslider-container .flexslider .flex-direction-nav .flex-next:before {

        content: url(../img/svg/slider-next.svg)

    }



    .flexslider-carousel .slides>li {

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center center

    }



    .flexslider-responsive {

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        overflow: hidden

    }



    .flexslider-responsive .slides>li {

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center center

    }



    .flexslider-responsive .slides>li .box-text-name {

        max-width: 404px;

        margin-bottom: 8px

    }



    .flexslider-responsive .slides>li .box-text-desc_small {

        padding: 0 90px;

        max-width: 480px;

        letter-spacing: 3px

    }



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

        .section-text {

            font-size: 1rem;

            line-height: 1.4rem

        }

        .flexslider-container .flex-direction-nav a {

            display: none

        }

        .flexslider-responsive .slides>li .box-text-desc_small {

            padding: 0 20px

        }

    }



    .hero-box {

        position: relative;

        z-index: 2

    }



    .hero-box:before {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: -1;

        opacity: .9;

        background-repeat: no-repeat;

        background-color: #fff

    }



    .hero-box.paragraph-box {

        padding: 32px

    }



    .hero-box.paragraph-box .box-title {

        margin-bottom: 20px;

        font-size: 3.125rem;

        letter-spacing: 2px;

        line-height: 1;

        font-weight: 400

    }



    .hero-box.paragraph-box .text-holder {

        margin-bottom: 25px;

        font-size: 1.063rem;

        line-height: 1.875rem

    }



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

        .hero-box.paragraph-box .box-title {

            font-size: 2.125rem

        }

        .hero-box.paragraph-box .text-holder {

            font-size: 1rem;

            line-height: 1.4rem

        }

    }



    .box-text {

        font-size: 1.063rem;

        line-height: 1.875rem

    }



    .hero-title-wrapper {

        height: 30vh;

        min-height: 165px;

        padding-top: 10%;

        text-align: center;

        display: none;

        background-color: #f3f3f3;

        background-image: url(../img/hero-title-bg.jpg);

        background-position: right top;

        background-repeat: no-repeat;

        background-size: auto 100%;

        -webkit-flex-flow: center;

        -ms-flex-flow: center;

        flex-flow: center;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .hero-title-wrapper h2 {

        font-size: 2.5rem

    }



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

        .hero-title-wrapper {

            display: -webkit-box;

            display: -moz-box;

            display: -ms-flexbox;

            display: -webkit-flex;

            display: flex

        }

        .page-layout.two-column-layout {

            display: block

        }

        .page-layout.two-column-layout .layout-column {

            width: 100%;

            min-height: 0

        }

    }



    .banner-box .box-text-name {

        padding-top: 22px;

        padding-bottom: 22px

    }



    .offset-header-box {

        padding: 134px 20px 85px

    }



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

        .page-layout.two-column-layout {

            display: block

        }

        .page-layout.two-column-layout .layout-column {

            width: 100%;

            min-height: 0

        }

    }



    .header-book_bottom-box .btn,

    .modal-dialog .btn,

    .uib-datepicker .btn,

    .uib-daypicker .btn {

        display: inline-block;

        margin-bottom: 0;

        font-weight: 400;

        text-align: center;

        vertical-align: middle;

        -ms-touch-action: manipulation;

        touch-action: manipulation;

        cursor: pointer;

        background-image: none;

        border: 1px solid transparent;

        white-space: nowrap;

        padding: 4px 8px;

        font-size: 13px;

        line-height: 1.42857143;

        border-radius: 4px;

        -webkit-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none

    }



    .header-book_bottom-box .btn-default.active,

    .modal-dialog .btn-default.active,

    .uib-datepicker .btn-default.active,

    .uib-daypicker .btn-default.active {

        background-color: rgba(52, 29, 28, .9)!important

    }



    .header-book_bottom-box .btn-default.active span,

    .modal-dialog .btn-default.active span,

    .uib-datepicker .btn-default.active span,

    .uib-daypicker .btn-default.active span {

        color: #fff

    }



    .header-book_bottom-box .btn-default,

    .modal-dialog .btn-default,

    .uib-datepicker .btn-default,

    .uib-daypicker .btn-default {

        color: #333;

        background-color: #fff;

        border-color: #ccc

    }



    .header-book_bottom-box .btn.focus,

    .header-book_bottom-box .btn:focus,

    .header-book_bottom-box .btn:hover,

    .modal-dialog .btn.focus,

    .modal-dialog .btn:focus,

    .modal-dialog .btn:hover,

    .uib-datepicker .btn.focus,

    .uib-datepicker .btn:focus,

    .uib-datepicker .btn:hover,

    .uib-daypicker .btn.focus,

    .uib-daypicker .btn:focus,

    .uib-daypicker .btn:hover {

        color: #333;

        text-decoration: none

    }



    .header-book_bottom-box .btn.active,

    .header-book_bottom-box .btn:active,

    .modal-dialog .btn.active,

    .modal-dialog .btn:active,

    .uib-datepicker .btn.active,

    .uib-datepicker .btn:active,

    .uib-daypicker .btn.active,

    .uib-daypicker .btn:active {

        outline: 0;

        background-image: none;

        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)

    }



    .header-book_bottom-box .btn-default.focus,

    .header-book_bottom-box .btn-default:focus,

    .modal-dialog .btn-default.focus,

    .modal-dialog .btn-default:focus,

    .uib-datepicker .btn-default.focus,

    .uib-datepicker .btn-default:focus,

    .uib-daypicker .btn-default.focus,

    .uib-daypicker .btn-default:focus {

        color: #333;

        background-color: #e6e6e6;

        border-color: #8c8c8c

    }



    .header-book_bottom-box .btn-default.active,

    .header-book_bottom-box .btn-default:active,

    .header-book_bottom-box .btn-default:hover,

    .header-book_bottom-box .open>.dropdown-toggle.btn-default,

    .modal-dialog .btn-default.active,

    .modal-dialog .btn-default:active,

    .modal-dialog .btn-default:hover,

    .modal-dialog .open>.dropdown-toggle.btn-default,

    .uib-datepicker .btn-default.active,

    .uib-datepicker .btn-default:active,

    .uib-datepicker .btn-default:hover,

    .uib-datepicker .open>.dropdown-toggle.btn-default,

    .uib-daypicker .btn-default.active,

    .uib-daypicker .btn-default:active,

    .uib-daypicker .btn-default:hover,

    .uib-daypicker .open>.dropdown-toggle.btn-default {

        color: #333;

        background-color: #e6e6e6;

        border-color: #adadad

    }



    .header-book_bottom-box .btn-default.active.focus,

    .header-book_bottom-box .btn-default.active:focus,

    .header-book_bottom-box .btn-default.active:hover,

    .header-book_bottom-box .btn-default:active.focus,

    .header-book_bottom-box .btn-default:active:focus,

    .header-book_bottom-box .btn-default:active:hover,

    .header-book_bottom-box .open>.dropdown-toggle.btn-default.focus,

    .header-book_bottom-box .open>.dropdown-toggle.btn-default:focus,

    .header-book_bottom-box .open>.dropdown-toggle.btn-default:hover,

    .modal-dialog .btn-default.active.focus,

    .modal-dialog .btn-default.active:focus,

    .modal-dialog .btn-default.active:hover,

    .modal-dialog .btn-default:active.focus,

    .modal-dialog .btn-default:active:focus,

    .modal-dialog .btn-default:active:hover,

    .modal-dialog .open>.dropdown-toggle.btn-default.focus,

    .modal-dialog .open>.dropdown-toggle.btn-default:focus,

    .modal-dialog .open>.dropdown-toggle.btn-default:hover,

    .uib-datepicker .btn-default.active.focus,

    .uib-datepicker .btn-default.active:focus,

    .uib-datepicker .btn-default.active:hover,

    .uib-datepicker .btn-default:active.focus,

    .uib-datepicker .btn-default:active:focus,

    .uib-datepicker .btn-default:active:hover,

    .uib-datepicker .open>.dropdown-toggle.btn-default.focus,

    .uib-datepicker .open>.dropdown-toggle.btn-default:focus,

    .uib-datepicker .open>.dropdown-toggle.btn-default:hover,

    .uib-daypicker .btn-default.active.focus,

    .uib-daypicker .btn-default.active:focus,

    .uib-daypicker .btn-default.active:hover,

    .uib-daypicker .btn-default:active.focus,

    .uib-daypicker .btn-default:active:focus,

    .uib-daypicker .btn-default:active:hover,

    .uib-daypicker .open>.dropdown-toggle.btn-default.focus,

    .uib-daypicker .open>.dropdown-toggle.btn-default:focus,

    .uib-daypicker .open>.dropdown-toggle.btn-default:hover {

        color: #333;

        background-color: #d4d4d4;

        border-color: #8c8c8c

    }



    .header-book_bottom-box .btn-default.active,

    .header-book_bottom-box .btn-default:active,

    .header-book_bottom-box .open>.dropdown-toggle.btn-default,

    .modal-dialog .btn-default.active,

    .modal-dialog .btn-default:active,

    .modal-dialog .open>.dropdown-toggle.btn-default,

    .uib-datepicker .btn-default.active,

    .uib-datepicker .btn-default:active,

    .uib-datepicker .open>.dropdown-toggle.btn-default,

    .uib-daypicker .btn-default.active,

    .uib-daypicker .btn-default:active,

    .uib-daypicker .open>.dropdown-toggle.btn-default {

        background-image: none

    }



    .header-book_bottom-box .btn-default.disabled.focus,

    .header-book_bottom-box .btn-default.disabled:focus,

    .header-book_bottom-box .btn-default.disabled:hover,

    .header-book_bottom-box .btn-default[disabled].focus,

    .header-book_bottom-box .btn-default[disabled]:focus,

    .header-book_bottom-box .btn-default[disabled]:hover,

    .header-book_bottom-box fieldset[disabled] .btn-default.focus,

    .header-book_bottom-box fieldset[disabled] .btn-default:focus,

    .header-book_bottom-box fieldset[disabled] .btn-default:hover,

    .modal-dialog .btn-default.disabled.focus,

    .modal-dialog .btn-default.disabled:focus,

    .modal-dialog .btn-default.disabled:hover,

    .modal-dialog .btn-default[disabled].focus,

    .modal-dialog .btn-default[disabled]:focus,

    .modal-dialog .btn-default[disabled]:hover,

    .modal-dialog fieldset[disabled] .btn-default.focus,

    .modal-dialog fieldset[disabled] .btn-default:focus,

    .modal-dialog fieldset[disabled] .btn-default:hover,

    .uib-datepicker .btn-default.disabled.focus,

    .uib-datepicker .btn-default.disabled:focus,

    .uib-datepicker .btn-default.disabled:hover,

    .uib-datepicker .btn-default[disabled].focus,

    .uib-datepicker .btn-default[disabled]:focus,

    .uib-datepicker .btn-default[disabled]:hover,

    .uib-datepicker fieldset[disabled] .btn-default.focus,

    .uib-datepicker fieldset[disabled] .btn-default:focus,

    .uib-datepicker fieldset[disabled] .btn-default:hover,

    .uib-daypicker .btn-default.disabled.focus,

    .uib-daypicker .btn-default.disabled:focus,

    .uib-daypicker .btn-default.disabled:hover,

    .uib-daypicker .btn-default[disabled].focus,

    .uib-daypicker .btn-default[disabled]:focus,

    .uib-daypicker .btn-default[disabled]:hover,

    .uib-daypicker fieldset[disabled] .btn-default.focus,

    .uib-daypicker fieldset[disabled] .btn-default:focus,

    .uib-daypicker fieldset[disabled] .btn-default:hover {

        background-color: #fff;

        border-color: #ccc

    }



    .header-book_bottom-box .btn-default .badge,

    .modal-dialog .btn-default .badge,

    .uib-datepicker .btn-default .badge,

    .uib-daypicker .btn-default .badge {

        color: #fff;

        background-color: #333

    }



    .error-container {

        align-items: center;

        justify-content: center;

        display: flex;

        height: 100vh;

        position: relative;

        background-image: url(../img/Karma-Sanctum-Soho-Hero-Images.jpg);

        overflow: hidden

    }



    .error-container:before {

        content: '';

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background-color: rgba(255, 255, 255, .75)

    }



    #main-footer:after,

    #main-footer:before {

        content: ""

    }



    .error-container .error-text {

        position: absolute;

        top: 0;

        right: 0;

        font-size: 292px;

        color: #434343;

        opacity: .5;

        line-height: 0;

        margin-right: -133px;

        margin-top: -8px;

        -webkit-transform: rotate(-90deg) translateX(-50%);

        -ms-transform: rotate(-90deg) translateX(-50%);

        -o-transform: rotate(-90deg) translateX(-50%);

        transform: rotate(-90deg) translateX(-50%)

    }



    .error-container .error-content {

        z-index: 1;

        overflow: hidden;

        position: relative

    }



    .error-container .error-content svg {

        display: block;

        max-width: 720px;

        width: 90%;

        height: auto;

        margin: 0 auto 17px

    }



    .error-container .error-content svg path {

        fill: #434343

    }



    .error-container .error-content h2 {

        display: block;

        font-size: 86px;

        font-weight: 400;

        margin-bottom: 26px

    }



    .error-container .error-content h4 {

        display: block;

        font-size: 23px;

        font-weight: 400;

        margin: 0 auto 35px;

        width: 90%

    }



    .error-container .error-content a {

        display: inline-block;

        background-color: #341d1c;

        color: #fff;

        font-size: 18px;

        line-height: 1;

        font-weight: 700;

        text-transform: uppercase;

        padding: 20px;

        border: 1px solid #341d1c;

        -webkit-transition: all 25s;

        -o-transition: all 25s;

        transition: all 25s

    }



    .error-container .error-content a:hover {

        background-color: #fff;

        border: 1px solid #341d1c;

        color: #341d1c

    }



    #eetwidg-checkAvailability {

        z-index: 998!important

    }



    body:not(.page-restaurant) #eetwidg-checkAvailability {

        display: none!important

    }



    .header-wrapper {

        position: relative

    }



    #main-header {

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        width: 100%;

        height: 71px;

        -webkit-box-pack: space-between;

        -webkit-justify-content: space-between;

        -ms-flex-pack: space-between;

        justify-content: space-between;

        z-index: 999

    }



    #main-header.slide-up .top-logo-holder {

        top: -71px

    }



    #main-header .top-logo-holder {

        position: absolute;

        top: 0;

        left: 96px;

        right: 96px;

        height: 71px;

        display: block;

        text-align: center;

        background-color: rgba(0, 0, 0, .7);

        -webkit-transition: top .7s cubic-bezier(1, 0, .3, 1);

        transition: top .7s cubic-bezier(1, 0, .3, 1)

    }



    #main-header .top-logo-holder .logo {

        display: block;

        line-height: 100%

    }



    #main-header .top-logo-holder .cell {

        display: table-cell;

        vertical-align: middle

    }



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

        #main-header {

            background: 0 0;

            height: 42px

        }

        #main-header.slide-up .top-logo-holder {

            top: -42px

        }

    }



    #main-footer:before,

    .footer-form .arrow-btn:after {

        background-repeat: no-repeat;

        background-size: cover

    }



    .dropdown-menu {

        background-color: #ebebeb!important;

        border: 1px solid #ccc!important

    }



    .dropdown-menu * {

        border-radius: 0!important

    }



    .uib-datepicker .btn-default {

        background-color: transparent!important

    }



    .datepicker table tr td.new,

    .datepicker table tr td.old {

        display: none

    }



    #main-footer {

        -webkit-box-pack: space-between;

        -webkit-justify-content: space-between;

        -ms-flex-pack: space-between;

        justify-content: space-between;

        width: 100%;

        position: relative;

        padding: 65px 37px 45px 38px;

        background-color: #434343

    }



    #main-footer:before {

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        width: 100%;

        max-width: 586px;

        background-image: url(../img/footer-bg.jpg);

        background-position: right bottom;

        z-index: 0

    }



    #main-footer:after {

        display: block;

        clear: both

    }



    #main-footer .footer-contacts-wrapper,

    #main-footer .footer-form-wrapper {

        position: relative;

        z-index: 2

    }



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

        #main-footer {

            display: block;

            height: auto;

            padding: 50px 30px

        }

        #main-footer .footer-contacts-wrapper,

        #main-footer .footer-form-wrapper {

            float: none;

            left: 0!important;

            top: 0!important

        }

        #main-footer .logo-svg {

            max-width: 100%

        }

        #main-footer .footer-social-list {

            margin-top: 20px

        }

        #main-footer .footer-contacts {

            margin-top: 12px

        }

        #main-footer .footer-contacts>span {

            color: #cbcbcb

        }

        #main-footer .footer-contacts .email-text,

        #main-footer .footer-contacts .phone-text {

            color: #fff

        }

        #main-footer .footer-form-wrapper {

            margin-top: 25px;

            padding-top: 15px;

            border-top: 1px solid #7c7c7c;

            text-align: left

        }

        #main-footer .footer-form-wrapper .footer-form {

            width: 100%

        }

        #main-footer .footer-form-wrapper .footer-txt {

            color: #cbcbcb

        }

        #main-footer .footer-form-wrapper .created-by {

            float: none;

            margin-top: 20px

        }

    }



    .footer-contacts {

        margin-top: 2px;

        margin-bottom: 14px

    }



    .footer-txt {

        display: block;

        font-size: .875rem;

        line-height: 1.4rem;

        color: #fff;

        letter-spacing: 3px

    }



    .footer-txt a {

        color: #fff

    }



    .form-title {

        font-weight: 400

    }



    .footer-terms a,

    optgroup {

        font-weight: 700

    }



    .footer-social-list {

        display: inline-flex

    }



    .footer-social-list li {

        width: 28px;

        height: 28px;

        position: relative;

        margin-left: 10px

    }



    .footer-social-list li:first-child {

        margin-left: 0

    }



    .footer-social-list li:before {

        content: '';

        padding: 50%;

        display: block

    }



    .footer-social-list a {

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%)

    }



    .footer-social-list a:hover svg {

        width: 35px;

        height: 35px

    }



    .footer-social-list a svg {

        -webkit-transition: all .2s ease-out;

        transition: all .2s ease-out

    }



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

        .footer-social-list {

            position: absolute!important;

            right: 37px;

            top: 145px

        }

    }



    .footer-form,

    .footer-form .field-wrap {

        position: relative

    }



    .footer-form-wrapper {

        text-align: right

    }



    .footer-form {

        width: 100%;

        max-width: 430px;

        margin-top: 7px;

        margin-bottom: 10px;

        float: right

    }



    .footer-form .text-field {

        width: 100%;

        height: 35px;

        padding-left: 12px;

        border: none;

        padding-right: 60px

    }



    legend,

    td,

    th {

        padding: 0

    }



    .footer-form .arrow-btn,

    .footer-form .text-field {

        background-color: #f1f1f1

    }



    .footer-form .arrow-btn {

        position: absolute;

        bottom: 2px;

        top: 2px;

        right: 2px;

        width: 60px;

        border: 0

    }



    .footer-form .arrow-btn:after {

        content: "";

        display: block;

        width: 30px;

        height: 20px;

        position: absolute;

        top: 50%;

        margin-top: -10px;

        left: 50%;

        margin-left: -15px;

        background-image: url(../img/NewsletterArrowIcon.svg);

        background-position: center center

    }



    .btn-danger.active,

    .btn-danger:active,

    .btn-info.active,

    .btn-info:active,

    .btn-primary.active,

    .btn-primary:active,

    .btn-success.active,

    .btn-success:active,

    .btn-warning.active,

    .btn-warning:active,

    .form-control,

    .open>.dropdown-toggle.btn-danger,

    .open>.dropdown-toggle.btn-info,

    .open>.dropdown-toggle.btn-primary,

    .open>.dropdown-toggle.btn-success,

    .open>.dropdown-toggle.btn-warning {

        background-image: none

    }



    .footer-form .submit-btn {

        margin-top: 13px

    }



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

        .footer-form {

            max-width: 100%;

            float: none

        }

    }



    .mailchimp-success {

        align-items: center;

        bottom: 0;

        display: flex;

        justify-content: flex-end;

        left: 0;

        position: absolute;

        right: 0;

        top: 0;

        opacity: 0;

        z-index: -1

    }



    .ajc-error {

        outline: red solid 2px

    }



    .footer-terms {

        color: #fff;

        font-size: 11px;

        margin-top: 20px;

        position: relative;

        width: 100%;

        z-index: 2;

        opacity: .6

    }



    .footer-terms p:not(:first-child) {

        margin-top: 2px

    }



    .footer-terms a {

        color: inherit

    }



    fieldset {

        border: 1px solid silver;

        margin: 0 2px;

        padding: .35em .625em .75em

    }



    legend {

        border: 0

    }



    textarea {

        overflow: auto

    }



    @font-face {

        font-family: 'Glyphicons Halflings';

        src: url(../fonts/glyphicons-halflings-regular.eot);

        src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")

    }



    .glyphicon {

        position: relative;

        top: 1px;

        display: inline-block;

        font-family: 'Glyphicons Halflings';

        font-style: normal;

        font-weight: 400;

        line-height: 1;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale

    }



    .glyphicon-chevron-left:before {

        content: "\e079"

    }



    .glyphicon-chevron-right:before {

        content: "\e080"

    }



    .img-responsive {

        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;

        -o-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%

    }



    .sr-only {

        position: absolute;

        width: 1px;

        height: 1px;

        margin: -1px;

        padding: 0;

        overflow: hidden;

        clip: rect(0, 0, 0, 0);

        border: 0

    }



    .sr-only-focusable:active,

    .sr-only-focusable:focus {

        position: static;

        width: auto;

        height: auto;

        margin: 0;

        overflow: visible;

        clip: auto

    }



    [role=button] {

        cursor: pointer

    }



    .text-muted {

        color: #777

    }



    .text-primary {

        color: #337ab7

    }



    a.text-primary:focus,

    a.text-primary:hover {

        color: #286090

    }



    .text-success {

        color: #3c763d

    }



    a.text-success:focus,

    a.text-success:hover {

        color: #2b542c

    }



    .text-info {

        color: #31708f

    }



    a.text-info:focus,

    a.text-info:hover {

        color: #245269

    }



    .text-warning {

        color: #8a6d3b

    }



    a.text-warning:focus,

    a.text-warning:hover {

        color: #66512c

    }



    .text-danger {

        color: #a94442

    }



    a.text-danger:focus,

    a.text-danger:hover {

        color: #843534

    }



    .bg-primary {

        color: #fff;

        background-color: #337ab7

    }



    a.bg-primary:focus,

    a.bg-primary:hover {

        background-color: #286090

    }



    .bg-success {

        background-color: #dff0d8

    }



    a.bg-success:focus,

    a.bg-success:hover {

        background-color: #c1e2b3

    }



    .bg-info {

        background-color: #d9edf7

    }



    a.bg-info:focus,

    a.bg-info:hover {

        background-color: #afd9ee

    }



    .bg-warning {

        background-color: #fcf8e3

    }



    a.bg-warning:focus,

    a.bg-warning:hover {

        background-color: #f7ecb5

    }



    .bg-danger {

        background-color: #f2dede

    }



    a.bg-danger:focus,

    a.bg-danger:hover {

        background-color: #e4b9b9

    }



    @media (min-width:768px) {

        .dl-horizontal dt {

            float: left;

            width: 160px;

            clear: left;

            text-align: right;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap

        }

        .dl-horizontal dd {

            margin-left: 180px

        }

    }



    abbr[data-original-title],

    abbr[title] {

        cursor: help;

        border-bottom: 1px dotted #777

    }



    .initialism {

        font-size: 90%;

        text-transform: uppercase

    }



    blockquote {

        padding: 10px 20px;

        margin: 0 0 20px;

        font-size: 17.5px;

        border-left: 5px solid #eee

    }



    blockquote ol:last-child,

    blockquote p:last-child,

    blockquote ul:last-child {

        margin-bottom: 0

    }



    .table,

    address {

        margin-bottom: 20px

    }



    blockquote .small,

    blockquote footer,

    blockquote small {

        display: block;

        font-size: 80%;

        line-height: 1.42857143;

        color: #777

    }



    blockquote .small:before,

    blockquote footer:before,

    blockquote small:before {

        content: '\2014 \00A0'

    }



    .blockquote-reverse,

    blockquote.pull-right {

        padding-right: 15px;

        padding-left: 0;

        border-right: 5px solid #eee;

        border-left: 0;

        text-align: right

    }



    caption,

    th {

        text-align: left

    }



    .blockquote-reverse .small:before,

    .blockquote-reverse footer:before,

    .blockquote-reverse small:before,

    blockquote.pull-right .small:before,

    blockquote.pull-right footer:before,

    blockquote.pull-right small:before {

        content: ''

    }



    .blockquote-reverse .small:after,

    .blockquote-reverse footer:after,

    .blockquote-reverse small:after,

    blockquote.pull-right .small:after,

    blockquote.pull-right footer:after,

    blockquote.pull-right small:after {

        content: '\00A0 \2014'

    }



    address {

        font-style: normal;

        line-height: 1.42857143

    }



    table {

        border-collapse: collapse;

        border-spacing: 0;

        background-color: transparent

    }



    caption {

        padding-top: 8px;

        padding-bottom: 8px;

        color: #777

    }



    .table {

        width: 100%;

        max-width: 100%

    }



    .table>tbody>tr>td,

    .table>tbody>tr>th,

    .table>tfoot>tr>td,

    .table>tfoot>tr>th,

    .table>thead>tr>td,

    .table>thead>tr>th {

        padding: 8px;

        line-height: 1.42857143;

        vertical-align: top;

        border-top: 1px solid #ddd

    }



    .table>thead>tr>th {

        vertical-align: bottom;

        border-bottom: 2px solid #ddd

    }



    .table>caption+thead>tr:first-child>td,

    .table>caption+thead>tr:first-child>th,

    .table>colgroup+thead>tr:first-child>td,

    .table>colgroup+thead>tr:first-child>th,

    .table>thead:first-child>tr:first-child>td,

    .table>thead:first-child>tr:first-child>th {

        border-top: 0

    }



    .table>tbody+tbody {

        border-top: 2px solid #ddd

    }



    .table .table {

        background-color: #fff

    }



    .table-condensed>tbody>tr>td,

    .table-condensed>tbody>tr>th,

    .table-condensed>tfoot>tr>td,

    .table-condensed>tfoot>tr>th,

    .table-condensed>thead>tr>td,

    .table-condensed>thead>tr>th {

        padding: 5px

    }



    .table-bordered,

    .table-bordered>tbody>tr>td,

    .table-bordered>tbody>tr>th,

    .table-bordered>tfoot>tr>td,

    .table-bordered>tfoot>tr>th,

    .table-bordered>thead>tr>td,

    .table-bordered>thead>tr>th {

        border: 1px solid #ddd

    }



    .table-bordered>thead>tr>td,

    .table-bordered>thead>tr>th {

        border-bottom-width: 2px

    }



    .table-striped>tbody>tr:nth-of-type(odd) {

        background-color: #f9f9f9

    }



    .table-hover>tbody>tr:hover,

    .table>tbody>tr.active>td,

    .table>tbody>tr.active>th,

    .table>tbody>tr>td.active,

    .table>tbody>tr>th.active,

    .table>tfoot>tr.active>td,

    .table>tfoot>tr.active>th,

    .table>tfoot>tr>td.active,

    .table>tfoot>tr>th.active,

    .table>thead>tr.active>td,

    .table>thead>tr.active>th,

    .table>thead>tr>td.active,

    .table>thead>tr>th.active {

        background-color: #f5f5f5

    }



    table col[class*=col-] {

        position: static;

        float: none;

        display: table-column

    }



    table td[class*=col-],

    table th[class*=col-] {

        position: static;

        float: none;

        display: table-cell

    }



    .table-hover>tbody>tr.active:hover>td,

    .table-hover>tbody>tr.active:hover>th,

    .table-hover>tbody>tr:hover>.active,

    .table-hover>tbody>tr>td.active:hover,

    .table-hover>tbody>tr>th.active:hover {

        background-color: #e8e8e8

    }



    .table>tbody>tr.success>td,

    .table>tbody>tr.success>th,

    .table>tbody>tr>td.success,

    .table>tbody>tr>th.success,

    .table>tfoot>tr.success>td,

    .table>tfoot>tr.success>th,

    .table>tfoot>tr>td.success,

    .table>tfoot>tr>th.success,

    .table>thead>tr.success>td,

    .table>thead>tr.success>th,

    .table>thead>tr>td.success,

    .table>thead>tr>th.success {

        background-color: #dff0d8

    }



    .table-hover>tbody>tr.success:hover>td,

    .table-hover>tbody>tr.success:hover>th,

    .table-hover>tbody>tr:hover>.success,

    .table-hover>tbody>tr>td.success:hover,

    .table-hover>tbody>tr>th.success:hover {

        background-color: #d0e9c6

    }



    .table>tbody>tr.info>td,

    .table>tbody>tr.info>th,

    .table>tbody>tr>td.info,

    .table>tbody>tr>th.info,

    .table>tfoot>tr.info>td,

    .table>tfoot>tr.info>th,

    .table>tfoot>tr>td.info,

    .table>tfoot>tr>th.info,

    .table>thead>tr.info>td,

    .table>thead>tr.info>th,

    .table>thead>tr>td.info,

    .table>thead>tr>th.info {

        background-color: #d9edf7

    }



    .table-hover>tbody>tr.info:hover>td,

    .table-hover>tbody>tr.info:hover>th,

    .table-hover>tbody>tr:hover>.info,

    .table-hover>tbody>tr>td.info:hover,

    .table-hover>tbody>tr>th.info:hover {

        background-color: #c4e3f3

    }



    .table>tbody>tr.warning>td,

    .table>tbody>tr.warning>th,

    .table>tbody>tr>td.warning,

    .table>tbody>tr>th.warning,

    .table>tfoot>tr.warning>td,

    .table>tfoot>tr.warning>th,

    .table>tfoot>tr>td.warning,

    .table>tfoot>tr>th.warning,

    .table>thead>tr.warning>td,

    .table>thead>tr.warning>th,

    .table>thead>tr>td.warning,

    .table>thead>tr>th.warning {

        background-color: #fcf8e3

    }



    .table-hover>tbody>tr.warning:hover>td,

    .table-hover>tbody>tr.warning:hover>th,

    .table-hover>tbody>tr:hover>.warning,

    .table-hover>tbody>tr>td.warning:hover,

    .table-hover>tbody>tr>th.warning:hover {

        background-color: #faf2cc

    }



    .table>tbody>tr.danger>td,

    .table>tbody>tr.danger>th,

    .table>tbody>tr>td.danger,

    .table>tbody>tr>th.danger,

    .table>tfoot>tr.danger>td,

    .table>tfoot>tr.danger>th,

    .table>tfoot>tr>td.danger,

    .table>tfoot>tr>th.danger,

    .table>thead>tr.danger>td,

    .table>thead>tr.danger>th,

    .table>thead>tr>td.danger,

    .table>thead>tr>th.danger {

        background-color: #f2dede

    }



    .table-hover>tbody>tr.danger:hover>td,

    .table-hover>tbody>tr.danger:hover>th,

    .table-hover>tbody>tr:hover>.danger,

    .table-hover>tbody>tr>td.danger:hover,

    .table-hover>tbody>tr>th.danger:hover {

        background-color: #ebcccc

    }



    .table-responsive {

        overflow-x: auto;

        min-height: .01%

    }



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

        .table-responsive {

            width: 100%;

            margin-bottom: 15px;

            overflow-y: hidden;

            -ms-overflow-style: -ms-autohiding-scrollbar;

            border: 1px solid #ddd

        }

        .table-responsive>.table {

            margin-bottom: 0

        }

        .table-responsive>.table>tbody>tr>td,

        .table-responsive>.table>tbody>tr>th,

        .table-responsive>.table>tfoot>tr>td,

        .table-responsive>.table>tfoot>tr>th,

        .table-responsive>.table>thead>tr>td,

        .table-responsive>.table>thead>tr>th {

            white-space: nowrap

        }

        .table-responsive>.table-bordered {

            border: 0

        }

        .table-responsive>.table-bordered>tbody>tr>td:first-child,

        .table-responsive>.table-bordered>tbody>tr>th:first-child,

        .table-responsive>.table-bordered>tfoot>tr>td:first-child,

        .table-responsive>.table-bordered>tfoot>tr>th:first-child,

        .table-responsive>.table-bordered>thead>tr>td:first-child,

        .table-responsive>.table-bordered>thead>tr>th:first-child {

            border-left: 0

        }

        .table-responsive>.table-bordered>tbody>tr>td:last-child,

        .table-responsive>.table-bordered>tbody>tr>th:last-child,

        .table-responsive>.table-bordered>tfoot>tr>td:last-child,

        .table-responsive>.table-bordered>tfoot>tr>th:last-child,

        .table-responsive>.table-bordered>thead>tr>td:last-child,

        .table-responsive>.table-bordered>thead>tr>th:last-child {

            border-right: 0

        }

        .table-responsive>.table-bordered>tbody>tr:last-child>td,

        .table-responsive>.table-bordered>tbody>tr:last-child>th,

        .table-responsive>.table-bordered>tfoot>tr:last-child>td,

        .table-responsive>.table-bordered>tfoot>tr:last-child>th {

            border-bottom: 0

        }

    }



    .modal,

    .modal-open {

        overflow: hidden

    }



    .form-control {

        display: block;

        width: 100%;

        height: 34px;

        padding: 6px 12px;

        font-size: 14px;

        line-height: 1.42857143;

        color: #555;

        background-color: #fff;

        border: 1px solid #ccc;

        border-radius: 4px;

        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s

    }



    .form-control:focus {

        border-color: #66afe9;

        outline: 0;

        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);

        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)

    }



    .form-control::-moz-placeholder {

        color: #999;

        opacity: 1

    }



    .form-control:-ms-input-placeholder {

        color: #999

    }



    .form-control::-webkit-input-placeholder {

        color: #999

    }



    .has-success .checkbox,

    .has-success .checkbox-inline,

    .has-success .control-label,

    .has-success .form-control-feedback,

    .has-success .help-block,

    .has-success .radio,

    .has-success .radio-inline,

    .has-success.checkbox label,

    .has-success.checkbox-inline label,

    .has-success.radio label,

    .has-success.radio-inline label {

        color: #3c763d

    }



    .form-control::-ms-expand {

        border: 0;

        background-color: transparent

    }



    .form-control[disabled],

    .form-control[readonly],

    fieldset[disabled] .form-control {

        background-color: #eee;

        opacity: 1

    }



    .form-control[disabled],

    fieldset[disabled] .form-control {

        cursor: not-allowed

    }



    textarea.form-control {

        height: auto

    }



    @media screen and (-webkit-min-device-pixel-ratio:0) {

        input[type=date].form-control,

        input[type=time].form-control,

        input[type=datetime-local].form-control,

        input[type=month].form-control {

            line-height: 34px

        }

        .input-group-sm input[type=date],

        .input-group-sm input[type=time],

        .input-group-sm input[type=datetime-local],

        .input-group-sm input[type=month],

        input[type=date].input-sm,

        input[type=time].input-sm,

        input[type=datetime-local].input-sm,

        input[type=month].input-sm {

            line-height: 30px

        }

        .input-group-lg input[type=date],

        .input-group-lg input[type=time],

        .input-group-lg input[type=datetime-local],

        .input-group-lg input[type=month],

        input[type=date].input-lg,

        input[type=time].input-lg,

        input[type=datetime-local].input-lg,

        input[type=month].input-lg {

            line-height: 46px

        }

    }



    .form-group {

        margin-bottom: 15px

    }



    .checkbox,

    .radio {

        position: relative;

        display: block;

        margin-top: 10px;

        margin-bottom: 10px

    }



    .checkbox label,

    .radio label {

        min-height: 20px;

        padding-left: 20px;

        margin-bottom: 0;

        font-weight: 400;

        cursor: pointer

    }



    .checkbox input[type=checkbox],

    .checkbox-inline input[type=checkbox],

    .radio input[type=radio],

    .radio-inline input[type=radio] {

        position: absolute;

        margin-left: -20px;

        margin-top: 4px\9

    }



    .checkbox+.checkbox,

    .radio+.radio {

        margin-top: -5px

    }



    .checkbox-inline,

    .radio-inline {

        position: relative;

        display: inline-block;

        padding-left: 20px;

        margin-bottom: 0;

        vertical-align: middle;

        font-weight: 400;

        cursor: pointer

    }



    .checkbox-inline+.checkbox-inline,

    .radio-inline+.radio-inline {

        margin-top: 0;

        margin-left: 10px

    }



    .checkbox-inline.disabled,

    .checkbox.disabled label,

    .radio-inline.disabled,

    .radio.disabled label,

    fieldset[disabled] .checkbox label,

    fieldset[disabled] .checkbox-inline,

    fieldset[disabled] .radio label,

    fieldset[disabled] .radio-inline,

    fieldset[disabled] input[type=checkbox],

    fieldset[disabled] input[type=radio],

    input[type=checkbox].disabled,

    input[type=checkbox][disabled],

    input[type=radio].disabled,

    input[type=radio][disabled] {

        cursor: not-allowed

    }



    .form-control-static {

        padding-top: 7px;

        padding-bottom: 7px;

        margin-bottom: 0;

        min-height: 34px

    }



    .form-control-static.input-lg,

    .form-control-static.input-sm {

        padding-left: 0;

        padding-right: 0

    }



    .form-group-sm .form-control,

    .input-sm {

        padding: 5px 10px;

        border-radius: 3px;

        font-size: 12px

    }



    .input-sm {

        height: 30px;

        line-height: 1.5

    }



    select.input-sm {

        height: 30px;

        line-height: 30px

    }



    select[multiple].input-sm,

    textarea.input-sm {

        height: auto

    }



    .form-group-sm .form-control {

        height: 30px;

        line-height: 1.5

    }



    .form-group-lg .form-control,

    .input-lg {

        border-radius: 6px;

        padding: 10px 16px;

        font-size: 18px

    }



    .form-group-sm select.form-control {

        height: 30px;

        line-height: 30px

    }



    .form-group-sm select[multiple].form-control,

    .form-group-sm textarea.form-control {

        height: auto

    }



    .form-group-sm .form-control-static {

        height: 30px;

        min-height: 32px;

        padding: 6px 10px;

        font-size: 12px;

        line-height: 1.5

    }



    .input-lg {

        height: 46px;

        line-height: 1.3333333

    }



    select.input-lg {

        height: 46px;

        line-height: 46px

    }



    select[multiple].input-lg,

    textarea.input-lg {

        height: auto

    }



    .form-group-lg .form-control {

        height: 46px;

        line-height: 1.3333333

    }



    .form-group-lg select.form-control {

        height: 46px;

        line-height: 46px

    }



    .form-group-lg select[multiple].form-control,

    .form-group-lg textarea.form-control {

        height: auto

    }



    .form-group-lg .form-control-static {

        height: 46px;

        min-height: 38px;

        padding: 11px 16px;

        font-size: 18px;

        line-height: 1.3333333

    }



    .has-feedback {

        position: relative

    }



    .has-feedback .form-control {

        padding-right: 42.5px

    }



    .form-control-feedback {

        position: absolute;

        top: 0;

        right: 0;

        z-index: 2;

        display: block;

        width: 34px;

        height: 34px;

        line-height: 34px;

        text-align: center;

        pointer-events: none

    }



    .form-group-lg .form-control+.form-control-feedback,

    .input-group-lg+.form-control-feedback,

    .input-lg+.form-control-feedback {

        width: 46px;

        height: 46px;

        line-height: 46px

    }



    .form-group-sm .form-control+.form-control-feedback,

    .input-group-sm+.form-control-feedback,

    .input-sm+.form-control-feedback {

        width: 30px;

        height: 30px;

        line-height: 30px

    }



    .has-success .form-control {

        border-color: #3c763d;

        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)

    }



    .has-success .form-control:focus {

        border-color: #2b542c;

        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;

        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168

    }



    .has-success .input-group-addon {

        color: #3c763d;

        border-color: #3c763d;

        background-color: #dff0d8

    }



    .has-warning .checkbox,

    .has-warning .checkbox-inline,

    .has-warning .control-label,

    .has-warning .form-control-feedback,

    .has-warning .help-block,

    .has-warning .radio,

    .has-warning .radio-inline,

    .has-warning.checkbox label,

    .has-warning.checkbox-inline label,

    .has-warning.radio label,

    .has-warning.radio-inline label {

        color: #8a6d3b

    }



    .has-warning .form-control {

        border-color: #8a6d3b;

        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)

    }



    .has-warning .form-control:focus {

        border-color: #66512c;

        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;

        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b

    }



    .has-warning .input-group-addon {

        color: #8a6d3b;

        border-color: #8a6d3b;

        background-color: #fcf8e3

    }



    .has-error .checkbox,

    .has-error .checkbox-inline,

    .has-error .control-label,

    .has-error .form-control-feedback,

    .has-error .help-block,

    .has-error .radio,

    .has-error .radio-inline,

    .has-error.checkbox label,

    .has-error.checkbox-inline label,

    .has-error.radio label,

    .has-error.radio-inline label {

        color: #a94442

    }



    .has-error .form-control {

        border-color: #a94442;

        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)

    }



    .has-error .form-control:focus {

        border-color: #843534;

        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;

        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483

    }



    .has-error .input-group-addon {

        color: #a94442;

        border-color: #a94442;

        background-color: #f2dede

    }



    .has-feedback label~.form-control-feedback {

        top: 25px

    }



    .has-feedback label.sr-only~.form-control-feedback {

        top: 0

    }



    .help-block {

        display: block;

        margin-top: 5px;

        margin-bottom: 10px;

        color: #737373

    }



    @media (min-width:768px) {

        .form-inline .form-control-static,

        .form-inline .form-group {

            display: inline-block

        }

        .form-inline .control-label,

        .form-inline .form-group {

            margin-bottom: 0;

            vertical-align: middle

        }

        .form-inline .form-control {

            display: inline-block;

            width: auto;

            vertical-align: middle

        }

        .form-inline .input-group {

            display: inline-table;

            vertical-align: middle

        }

        .form-inline .input-group .form-control,

        .form-inline .input-group .input-group-addon,

        .form-inline .input-group .input-group-btn {

            width: auto

        }

        .form-inline .input-group>.form-control {

            width: 100%

        }

        .form-inline .checkbox,

        .form-inline .radio {

            display: inline-block;

            margin-top: 0;

            margin-bottom: 0;

            vertical-align: middle

        }

        .form-inline .checkbox label,

        .form-inline .radio label {

            padding-left: 0

        }

        .form-inline .checkbox input[type=checkbox],

        .form-inline .radio input[type=radio] {

            position: relative;

            margin-left: 0

        }

        .form-inline .has-feedback .form-control-feedback {

            top: 0

        }

        .form-horizontal .control-label {

            text-align: right;

            margin-bottom: 0;

            padding-top: 7px

        }

    }



    .btn-block,

    input[type=button].btn-block,

    input[type=reset].btn-block,

    input[type=submit].btn-block {

        width: 100%

    }



    .form-horizontal .checkbox,

    .form-horizontal .checkbox-inline,

    .form-horizontal .radio,

    .form-horizontal .radio-inline {

        margin-top: 0;

        margin-bottom: 0;

        padding-top: 7px

    }



    .form-horizontal .checkbox,

    .form-horizontal .radio {

        min-height: 27px

    }



    .form-horizontal .form-group {

        margin-left: -15px;

        margin-right: -15px

    }



    .form-horizontal .has-feedback .form-control-feedback {

        right: 15px

    }



    @media (min-width:768px) {

        .form-horizontal .form-group-lg .control-label {

            padding-top: 11px;

            font-size: 18px

        }

        .form-horizontal .form-group-sm .control-label {

            padding-top: 6px;

            font-size: 12px

        }

    }



    .btn.disabled,

    .btn[disabled],

    fieldset[disabled] .btn {

        cursor: not-allowed;

        opacity: .65;

        filter: alpha(opacity=65);

        -webkit-box-shadow: none;

        box-shadow: none

    }



    a.btn.disabled,

    fieldset[disabled] a.btn {

        pointer-events: none

    }



    .btn-primary {

        color: #fff;

        background-color: #337ab7;

        border-color: #2e6da4

    }



    .btn-primary.focus,

    .btn-primary:focus {

        color: #fff;

        background-color: #286090;

        border-color: #122b40

    }



    .btn-primary.active,

    .btn-primary:active,

    .btn-primary:hover,

    .open>.dropdown-toggle.btn-primary {

        color: #fff;

        background-color: #286090;

        border-color: #204d74

    }



    .btn-primary.active.focus,

    .btn-primary.active:focus,

    .btn-primary.active:hover,

    .btn-primary:active.focus,

    .btn-primary:active:focus,

    .btn-primary:active:hover,

    .open>.dropdown-toggle.btn-primary.focus,

    .open>.dropdown-toggle.btn-primary:focus,

    .open>.dropdown-toggle.btn-primary:hover {

        color: #fff;

        background-color: #204d74;

        border-color: #122b40

    }



    .btn-primary.disabled.focus,

    .btn-primary.disabled:focus,

    .btn-primary.disabled:hover,

    .btn-primary[disabled].focus,

    .btn-primary[disabled]:focus,

    .btn-primary[disabled]:hover,

    fieldset[disabled] .btn-primary.focus,

    fieldset[disabled] .btn-primary:focus,

    fieldset[disabled] .btn-primary:hover {

        background-color: #337ab7;

        border-color: #2e6da4

    }



    .btn-primary .badge {

        color: #337ab7;

        background-color: #fff

    }



    .btn-success {

        color: #fff;

        background-color: #5cb85c;

        border-color: #4cae4c

    }



    .btn-success.focus,

    .btn-success:focus {

        color: #fff;

        background-color: #449d44;

        border-color: #255625

    }



    .btn-success.active,

    .btn-success:active,

    .btn-success:hover,

    .open>.dropdown-toggle.btn-success {

        color: #fff;

        background-color: #449d44;

        border-color: #398439

    }



    .btn-success.active.focus,

    .btn-success.active:focus,

    .btn-success.active:hover,

    .btn-success:active.focus,

    .btn-success:active:focus,

    .btn-success:active:hover,

    .open>.dropdown-toggle.btn-success.focus,

    .open>.dropdown-toggle.btn-success:focus,

    .open>.dropdown-toggle.btn-success:hover {

        color: #fff;

        background-color: #398439;

        border-color: #255625

    }



    .btn-success.disabled.focus,

    .btn-success.disabled:focus,

    .btn-success.disabled:hover,

    .btn-success[disabled].focus,

    .btn-success[disabled]:focus,

    .btn-success[disabled]:hover,

    fieldset[disabled] .btn-success.focus,

    fieldset[disabled] .btn-success:focus,

    fieldset[disabled] .btn-success:hover {

        background-color: #5cb85c;

        border-color: #4cae4c

    }



    .btn-success .badge {

        color: #5cb85c;

        background-color: #fff

    }



    .btn-info {

        color: #fff;

        background-color: #5bc0de;

        border-color: #46b8da

    }



    .btn-info.focus,

    .btn-info:focus {

        color: #fff;

        background-color: #31b0d5;

        border-color: #1b6d85

    }



    .btn-info.active,

    .btn-info:active,

    .btn-info:hover,

    .open>.dropdown-toggle.btn-info {

        color: #fff;

        background-color: #31b0d5;

        border-color: #269abc

    }



    .btn-info.active.focus,

    .btn-info.active:focus,

    .btn-info.active:hover,

    .btn-info:active.focus,

    .btn-info:active:focus,

    .btn-info:active:hover,

    .open>.dropdown-toggle.btn-info.focus,

    .open>.dropdown-toggle.btn-info:focus,

    .open>.dropdown-toggle.btn-info:hover {

        color: #fff;

        background-color: #269abc;

        border-color: #1b6d85

    }



    .btn-info.disabled.focus,

    .btn-info.disabled:focus,

    .btn-info.disabled:hover,

    .btn-info[disabled].focus,

    .btn-info[disabled]:focus,

    .btn-info[disabled]:hover,

    fieldset[disabled] .btn-info.focus,

    fieldset[disabled] .btn-info:focus,

    fieldset[disabled] .btn-info:hover {

        background-color: #5bc0de;

        border-color: #46b8da

    }



    .btn-info .badge {

        color: #5bc0de;

        background-color: #fff

    }



    .btn-warning {

        color: #fff;

        background-color: #f0ad4e;

        border-color: #eea236

    }



    .btn-warning.focus,

    .btn-warning:focus {

        color: #fff;

        background-color: #ec971f;

        border-color: #985f0d

    }



    .btn-warning.active,

    .btn-warning:active,

    .btn-warning:hover,

    .open>.dropdown-toggle.btn-warning {

        color: #fff;

        background-color: #ec971f;

        border-color: #d58512

    }



    .btn-warning.active.focus,

    .btn-warning.active:focus,

    .btn-warning.active:hover,

    .btn-warning:active.focus,

    .btn-warning:active:focus,

    .btn-warning:active:hover,

    .open>.dropdown-toggle.btn-warning.focus,

    .open>.dropdown-toggle.btn-warning:focus,

    .open>.dropdown-toggle.btn-warning:hover {

        color: #fff;

        background-color: #d58512;

        border-color: #985f0d

    }



    .btn-warning.disabled.focus,

    .btn-warning.disabled:focus,

    .btn-warning.disabled:hover,

    .btn-warning[disabled].focus,

    .btn-warning[disabled]:focus,

    .btn-warning[disabled]:hover,

    fieldset[disabled] .btn-warning.focus,

    fieldset[disabled] .btn-warning:focus,

    fieldset[disabled] .btn-warning:hover {

        background-color: #f0ad4e;

        border-color: #eea236

    }



    .btn-warning .badge {

        color: #f0ad4e;

        background-color: #fff

    }



    .btn-danger {

        color: #fff;

        background-color: #d9534f;

        border-color: #d43f3a

    }



    .btn-danger.focus,

    .btn-danger:focus {

        color: #fff;

        background-color: #c9302c;

        border-color: #761c19

    }



    .btn-danger.active,

    .btn-danger:active,

    .btn-danger:hover,

    .open>.dropdown-toggle.btn-danger {

        color: #fff;

        background-color: #c9302c;

        border-color: #ac2925

    }



    .btn-danger.active.focus,

    .btn-danger.active:focus,

    .btn-danger.active:hover,

    .btn-danger:active.focus,

    .btn-danger:active:focus,

    .btn-danger:active:hover,

    .open>.dropdown-toggle.btn-danger.focus,

    .open>.dropdown-toggle.btn-danger:focus,

    .open>.dropdown-toggle.btn-danger:hover {

        color: #fff;

        background-color: #ac2925;

        border-color: #761c19

    }



    .btn-danger.disabled.focus,

    .btn-danger.disabled:focus,

    .btn-danger.disabled:hover,

    .btn-danger[disabled].focus,

    .btn-danger[disabled]:focus,

    .btn-danger[disabled]:hover,

    fieldset[disabled] .btn-danger.focus,

    fieldset[disabled] .btn-danger:focus,

    fieldset[disabled] .btn-danger:hover {

        background-color: #d9534f;

        border-color: #d43f3a

    }



    .btn-danger .badge {

        color: #d9534f;

        background-color: #fff

    }



    .btn-link {

        color: #337ab7;

        font-weight: 400;

        border-radius: 0

    }



    .btn-link,

    .btn-link.active,

    .btn-link:active,

    .btn-link[disabled],

    fieldset[disabled] .btn-link {

        background-color: transparent;

        -webkit-box-shadow: none;

        box-shadow: none

    }



    .btn-link,

    .btn-link:active,

    .btn-link:focus,

    .btn-link:hover {

        border-color: transparent

    }



    .btn-link:focus,

    .btn-link:hover {

        color: #23527c;

        text-decoration: underline;

        background-color: transparent

    }



    .btn-link[disabled]:focus,

    .btn-link[disabled]:hover,

    fieldset[disabled] .btn-link:focus,

    fieldset[disabled] .btn-link:hover {

        color: #777;

        text-decoration: none

    }



    .btn-lg {

        padding: 10px 16px;

        font-size: 18px;

        line-height: 1.3333333;

        border-radius: 6px

    }



    .btn-sm,

    .btn-xs {

        font-size: 12px;

        line-height: 1.5;

        border-radius: 3px

    }



    .btn-sm {

        padding: 5px 10px

    }



    .btn-xs {

        padding: 1px 5px

    }



    .btn-block {

        display: block

    }



    .btn-block+.btn-block {

        margin-top: 5px

    }



    .caret {

        display: inline-block;

        width: 0;

        height: 0;

        margin-left: 2px;

        vertical-align: middle;

        border-top: 4px dashed;

        border-top: 4px solid\9;

        border-right: 4px solid transparent;

        border-left: 4px solid transparent

    }



    .dropdown,

    .dropup {

        position: relative

    }



    .dropdown-toggle:focus {

        outline: 0

    }



    .dropdown-menu {

        position: absolute;

        top: 100%;

        left: 0;

        z-index: 1000;

        display: none;

        float: left;

        min-width: 160px;

        padding: 5px 0;

        margin: 2px 0 0;

        list-style: none;

        font-size: 14px;

        text-align: left;

        border: 1px solid rgba(0, 0, 0, .15);

        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

        -webkit-background-clip: padding-box;

        background-clip: padding-box

    }



    .dropdown-menu-right,

    .dropdown-menu.pull-right {

        left: auto;

        right: 0

    }



    .dropdown-header,

    .dropdown-menu>li>a {

        display: block;

        padding: 3px 20px;

        line-height: 1.42857143;

        white-space: nowrap

    }



    .dropdown-menu .divider {

        height: 1px;

        margin: 9px 0;

        overflow: hidden;

        background-color: #e5e5e5

    }



    .dropdown-menu>li>a {

        clear: both;

        font-weight: 400;

        color: #333

    }



    .dropdown-menu>li>a:focus,

    .dropdown-menu>li>a:hover {

        text-decoration: none;

        color: #262626;

        background-color: #f5f5f5

    }



    .dropdown-menu>.active>a,

    .dropdown-menu>.active>a:focus,

    .dropdown-menu>.active>a:hover {

        color: #fff;

        text-decoration: none;

        outline: 0;

        background-color: #337ab7

    }



    .dropdown-menu>.disabled>a,

    .dropdown-menu>.disabled>a:focus,

    .dropdown-menu>.disabled>a:hover {

        color: #777

    }



    .dropdown-menu>.disabled>a:focus,

    .dropdown-menu>.disabled>a:hover {

        text-decoration: none;

        background-color: transparent;

        background-image: none;

        filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);

        cursor: not-allowed

    }



    .open>.dropdown-menu {

        display: block

    }



    .open>a {

        outline: 0

    }



    .dropdown-menu-left {

        left: 0;

        right: auto

    }



    .dropdown-header {

        font-size: 12px;

        color: #777

    }



    .dropdown-backdrop {

        position: fixed;

        left: 0;

        right: 0;

        bottom: 0;

        top: 0;

        z-index: 990

    }



    .pull-right>.dropdown-menu {

        right: 0;

        left: auto

    }



    .dropup .caret,

    .navbar-fixed-bottom .dropdown .caret {

        border-top: 0;

        border-bottom: 4px dashed;

        border-bottom: 4px solid\9;

        content: ""

    }



    .dropup .dropdown-menu,

    .navbar-fixed-bottom .dropdown .dropdown-menu {

        top: auto;

        bottom: 100%;

        margin-bottom: 2px

    }



    @media (min-width:768px) {

        .navbar-right .dropdown-menu {

            left: auto;

            right: 0

        }

        .navbar-right .dropdown-menu-left {

            left: 0;

            right: auto

        }

    }



    .modal {

        display: none;

        position: fixed;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        z-index: 1050;

        -webkit-overflow-scrolling: touch;

        outline: 0

    }



    .modal.fade .modal-dialog {

        -webkit-transform: translate(0, -25%);

        -ms-transform: translate(0, -25%);

        -o-transform: translate(0, -25%);

        transform: translate(0, -25%);

        -webkit-transition: -webkit-transform .3s ease-out;

        -o-transition: -o-transform .3s ease-out;

        transition: transform .3s ease-out

    }



    .modal.in .modal-dialog {

        -webkit-transform: translate(0, 0);

        -ms-transform: translate(0, 0);

        -o-transform: translate(0, 0);

        transform: translate(0, 0)

    }



    .modal-open .modal {

        overflow-x: hidden;

        overflow-y: auto

    }



    .modal-dialog {

        position: relative;

        width: auto;

        margin: 10px

    }



    .modal-content {

        position: relative;

        background-color: #fff;

        border: 1px solid #999;

        border: 1px solid rgba(0, 0, 0, .2);

        border-radius: 6px;

        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

        -webkit-background-clip: padding-box;

        background-clip: padding-box;

        outline: 0

    }



    .modal-backdrop {

        position: fixed;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        z-index: 1040;

        background-color: #000

    }



    .modal-backdrop.fade {

        opacity: 0;

        filter: alpha(opacity=0)

    }



    .modal-backdrop.in {

        opacity: .5;

        filter: alpha(opacity=50)

    }



    .modal-header {

        padding: 15px;

        border-bottom: 1px solid #e5e5e5

    }



    .modal-header .close {

        margin-top: -2px

    }



    .modal-title {

        margin: 0;

        line-height: 1.42857143

    }



    .modal-body {

        position: relative;

        padding: 15px

    }



    .modal-footer {

        padding: 15px;

        text-align: right;

        border-top: 1px solid #e5e5e5

    }



    .modal-footer .btn+.btn {

        margin-left: 5px;

        margin-bottom: 0

    }



    .modal-footer .btn-group .btn+.btn {

        margin-left: -1px

    }



    .modal-footer .btn-block+.btn-block {

        margin-left: 0

    }



    .modal-scrollbar-measure {

        position: absolute;

        top: -9999px;

        width: 50px;

        height: 50px;

        overflow: scroll

    }



    @media (min-width:768px) {

        .modal-dialog {

            width: 600px;

            margin: 30px auto

        }

        .modal-content {

            -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

            box-shadow: 0 5px 15px rgba(0, 0, 0, .5)

        }

        .modal-sm {

            width: 300px

        }

    }



    @media (min-width:992px) {

        .modal-lg {

            width: 900px

        }

    }



    .clearfix:after,

    .clearfix:before,

    .dl-horizontal dd:after,

    .dl-horizontal dd:before,

    .form-horizontal .form-group:after,

    .form-horizontal .form-group:before,

    .modal-footer:after,

    .modal-footer:before,

    .modal-header:after,

    .modal-header:before {

        content: " ";

        display: table

    }



    .clearfix:after,

    .dl-horizontal dd:after,

    .form-horizontal .form-group:after,

    .modal-footer:after,

    .modal-header: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

    }



    .affix {

        position: fixed

    }



    #menu-btn {

        position: absolute;

        cursor: pointer;

        z-index: 9998!important

    }



    #menu-btn.open {

        top: 0;

        right: 0

    }



    #menu-btn .navicon-button {

        -webkit-transition: .25s;

        transition: .25s;

        -webkit-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none;

        display: inline-block;

        position: relative;

        cursor: pointer

    }



    #menu-btn .navicon-button .navicon:after,

    #menu-btn .navicon-button .navicon:before {

        -webkit-transition: .25s;

        transition: .25s

    }



    #menu-btn .navicon {

        -webkit-transition: .5s;

        transition: .5s;

        position: relative;

        width: 24px;

        height: 3px;

        background: #fff

    }



    #menu-btn .navicon:after,

    #menu-btn .navicon:before {

        -webkit-transition: .5s .25s;

        transition: .5s .25s;

        display: block;

        content: "";

        height: 3px;

        width: 24px;

        background: #fff;

        position: absolute;

        z-index: -1

    }



    #menu-btn .navicon:before {

        top: 8px

    }



    #menu-btn .navicon:after {

        top: -8px

    }



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

        #menu-btn .navicon,

        #menu-btn .navicon:after,

        #menu-btn .navicon:before {

            height: 2px;

            width: 18px

        }

        #menu-btn .navicon:before {

            top: 6px

        }

        #menu-btn .navicon:after {

            top: -6px

        }

    }



    #menu-btn .open:not(.steps) .navicon:after,

    #menu-btn .open:not(.steps) .navicon:before {

        top: 0!important

    }



    #menu-btn .open .navicon:after,

    #menu-btn .open .navicon:before {

        -webkit-transition: .5s;

        transition: .5s

    }



    #menu-btn .open.x .navicon {

        background: 0 0

    }



    #menu-btn .open.x .navicon:before {

        -webkit-transform: rotate(-45deg);

        transform: rotate(-45deg);

        background: #fff

    }



    #menu-btn .open.x .navicon:after {

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

        background: #fff

    }



    .header-book_wrapper {

        width: 96px;

        height: 100%;

        display: inline-block;

        float: left

    }



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

        .header-book_wrapper {

            width: 54px;

            height: 42px

        }

    }



    .header-book_link {

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

        position: relative;

        z-index: 2;

        width: 100%;

        height: 100%;

        background-color: rgba(131, 132, 133, .9)

    }



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

        .header-book_link svg {

            height: 15px

        }

    }



    .header-book {

        -webkit-box-pack: space-between;

        -webkit-justify-content: space-between;

        -ms-flex-pack: space-between;

        justify-content: space-between;

        -webkit-transition: all .5s cubic-bezier(1, 0, .4, 1);

        transition: all .5s cubic-bezier(1, 0, .4, 1);

        -webkit-transform: translateX(-100%);

        transform: translateX(-100%);

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

        width: 309px;

        height: 100vh;

        background-color: rgba(52, 52, 52, .92)

    }



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

        .header-book {

            width: 100%;

            position: fixed;

            z-index: 10000;

            background-color: rgba(52, 52, 52, .95);

            display: -webkit-box;

            display: -moz-box;

            display: -ms-flexbox;

            display: -webkit-flex;

            display: flex;

            -webkit-box-pack: center;

            -webkit-justify-content: center;

            -ms-flex-pack: center;

            justify-content: center

        }

        .header-book_clsoe-btn {

            position: absolute;

            top: 0;

            right: 0

        }

    }



    .home-btn,

    .home-btn2 {

        position: absolute;

        left: 0;

        top: 0

    }



    .header-book.open {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }



    .header-book_clsoe-btn {

        -webkit-align-self: flex-end;

        -ms-flex-item-align: flex-end;

        align-self: flex-end;

        margin-top: 26px;

        margin-right: 30px;

        opacity: .4

    }



    .header-book_bottom-box {

        padding: 0 38px

    }



    .hb_bottom-box_title {

        margin-bottom: 6px;

        color: #fff;

        font-size: 1.75rem;

        line-height: 2.375rem;

        text-transform: uppercase;

        text-align: left;

        letter-spacing: .078em;

        font-weight: 400

    }



    .hb_bottom-box_form .header-book-btn {

        display: block;

        margin-top: 13px;

        text-align: center;

        padding-top: 2px

    }



    .hb_bottom-box_form .input-style {

        margin-bottom: 13px

    }



    .hb_bottom-box_form:last-child {

        margin-bottom: 0

    }



    .hb_bb_contact-box {

        margin-top: 121px;

        padding-top: 20px;

        padding-bottom: 39px;

        border-top: 1px solid rgba(255, 255, 255, .4);

        color: #fff

    }



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

        .hb_bb_contact-box {

            margin-top: 30px;

            padding-bottom: 30px

        }

    }



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

        .hb_bb_contact-box {

            margin-top: 30px;

            padding-bottom: 15px

        }

    }



    .hb_bb_address {

        font-size: 1.063rem;

        line-height: 1.6rem;

        letter-spacing: .1em

    }



    .hb_bb_phone {

        margin-top: 10px;

        font-size: 1.5rem;

        line-height: 1.188rem;

        letter-spacing: .1em

    }



    .header-menu_wrapper {

        width: 96px;

        height: 100%;

        display: inline-block;

        float: right

    }



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

        .header-menu_wrapper {

            width: 54px

        }

    }



    .header-menu_link {

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

        width: 96px;

        height: 71px;

        background-color: rgba(52, 29, 28, .9)

    }



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

        .header-menu_link {

            width: 54px;

            height: 42px

        }

    }



    .home-btn {

        right: 0;

        width: 96px;

        height: 71px;

        z-index: 999;

        background-color: #434343;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center

    }



    .home-btn .icon-btn {

        display: block;

        margin: 0 auto;

        width: 32px;

        height: 26px

    }



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

        .home-btn {

            display: none!important

        }

    }



    .home-btn2 {

        display: none!important

    }



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

        .home-btn {

            display: none!important

        }

        .home-btn2 {

            display: block!important

        }

        .home-btn2 .icon-btn {

            width: 38px;

            height: 26px;

            margin: 20px 0 0 27px

        }

    }



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

        .home-btn2 {

            display: block!important;

            padding: 10px;

            width: 50px;

            height: 40px

        }

        .home-btn2 .icon-btn {

            width: 30px;

            height: 20px

        }

    }



    .navigation {

        position: fixed;

        top: 0;

        left: 0;

        z-index: 1000;

        width: 100%;

        height: 100%

    }



    .navigation.ng-hide-add,

    .navigation.ng-hide-remove {

        -webkit-transition: all .65s;

        transition: all .65s

    }



    .navigation .book-btn-wrap .nit-name {

        position: relative;

        left: 0;

        opacity: .7;

        -webkit-transition: all .5s ease-out;

        transition: all .5s ease-out

    }



    .navigation .book-btn-wrap .navigation-item_text {

        display: inline-block;

        padding-right: 45px

    }



    .navigation .book-btn-wrap:hover .nit-name {

        opacity: 1;

        left: 20px

    }



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

        .navigation {

            overflow-x: hidden;

            left: auto;

            right: 0;

            background-image: url(../img/background-mobilenav.jpg);

            background-repeat: repeat;

            background-position: top left;

            -webkit-transition: initial;

            transition: initial

        }

        .navigation .navigation-item_text {

            padding: 0 20px;

            -webkit-box-align: baseline;

            -webkit-align-items: baseline;

            -ms-flex-align: baseline;

            align-items: baseline

        }

        .navigation .nit-name {

            font-size: 2.4rem;

            line-height: 1

        }

        .navigation .book-btn-wrap {

            padding-top: 8px

        }

        .navigation .book-btn-wrap .navigation-item_text {

            padding-top: 15px;

            padding-bottom: 15px

        }

        .navigation .lists-wrapper {

            display: table;

            width: auto;

            margin: 0 auto;

            padding-top: 50px;

            -webkit-transition-delay: .3s;

            transition-delay: .3s;

            -webkit-transition-duration: 1s;

            -moz-transition-duration: 1s;

            -o-transition-duration: 1s;

            transition-duration: 1s;

            -webkit-transition-property: opacity;

            -moz-transition-property: opacity;

            -o-transition-property: opacity;

            transition-property: opacity;

            opacity: 1

        }

        .navigation .cell-holder {

            display: table-cell;

            vertical-align: middle

        }

        .navigation.ng-hide {

            width: 45px;

            height: 35px

        }

        .navigation.ng-hide .lists-wrapper {

            opacity: 0

        }

        .navigation.ng-hide-add {

            -webkit-transition: all .4s cubic-bezier(.5, .4, .4, 1);

            transition: all .4s cubic-bezier(.5, .4, .4, 1)

        }

        .navigation.ng-hide-add .lists-wrapper {

            -webkit-transition-delay: 0s;

            transition-delay: 0s;

            -webkit-transition-duration: .2s;

            -moz-transition-duration: .2s;

            -o-transition-duration: .2s;

            transition-duration: .2s;

            opacity: 0

        }

        .navigation.ng-hide-remove {

            -webkit-transition: all .4s cubic-bezier(.5, .4, .4, 1);

            transition: all .4s cubic-bezier(.5, .4, .4, 1)

        }

    }



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

        .navigation {

            overflow-x: hidden;

            overflow-y: auto;

            left: auto;

            right: 0;

            background-image: url(../img/background-mobilenav.jpg);

            background-repeat: repeat;

            background-position: top left;

            -webkit-transition: initial;

            transition: initial

        }

        .navigation .navigation-item_text {

            padding: 0 20px;

            -webkit-box-align: baseline;

            -webkit-align-items: baseline;

            -ms-flex-align: baseline;

            align-items: baseline

        }

        .navigation .nit-name {

            font-size: 2rem;

            line-height: 1

        }

        .navigation .book-btn-wrap {

            padding-top: 8px

        }

        .navigation .book-btn-wrap .navigation-item_text {

            padding-top: 15px;

            padding-bottom: 15px

        }

        .navigation .book-btn-wrap .navigation-item_text .nit-name {

            margin-bottom: 0

        }

        .navigation .lists-wrapper {

            display: table;

            width: auto;

            margin: 0 auto;

            padding-top: 33px;

            -webkit-transition-delay: .3s;

            transition-delay: .3s;

            -webkit-transition-duration: 1s;

            -moz-transition-duration: 1s;

            -o-transition-duration: 1s;

            transition-duration: 1s;

            -webkit-transition-property: opacity;

            -moz-transition-property: opacity;

            -o-transition-property: opacity;

            transition-property: opacity;

            opacity: 1

        }

        .navigation .cell-holder {

            display: table-cell;

            vertical-align: middle

        }

        .navigation.ng-hide {

            width: 45px;

            height: 35px

        }

        .navigation.ng-hide .lists-wrapper {

            opacity: 0

        }

        .navigation.ng-hide-add {

            -webkit-transition: all .4s cubic-bezier(.5, .4, .4, 1);

            transition: all .4s cubic-bezier(.5, .4, .4, 1)

        }

        .navigation.ng-hide-add .lists-wrapper {

            -webkit-transition-delay: 0s;

            transition-delay: 0s;

            -webkit-transition-duration: .2s;

            -moz-transition-duration: .2s;

            -o-transition-duration: .2s;

            transition-duration: .2s;

            opacity: 0

        }

        .navigation.ng-hide-remove {

            -webkit-transition: all .4s cubic-bezier(.5, .4, .4, 1);

            transition: all .4s cubic-bezier(.5, .4, .4, 1)

        }

    }



    .navigation-list.top {

        height: 68%

    }



    .navigation-list.top.open .navigation-item {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    .navigation-list.top .navigation-item {

        -webkit-transform: translateY(-110%);

        transform: translateY(-110%)

    }



    .navigation-list.bottom {

        height: 32%

    }



    .navigation-list.bottom.open .navigation-item {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    .navigation-list.bottom .navigation-item {

        -webkit-transform: translateY(110%);

        transform: translateY(110%)

    }



    .navigation-list .home-item {

        display: none

    }



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

        .navigation-list {

            display: block!important;

            height: auto!important;

            -webkit-transition: none!important;

            transition: none!important;

            -webkit-transition-delay: initial!important;

            transition-delay: initial!important;

            flex-direction: column

        }

        .navigation-list.top .navigation-item {

            -webkit-transform: translateY(0);

            transform: translateY(0)

        }

        .navigation-list.top .nit-name {

            margin-top: 0

        }

        .navigation-list.bottom {

            height: auto

        }

        .navigation-list.bottom .navigation-item {

            -webkit-transform: translateY(0);

            transform: translateY(0)

        }

        .navigation-list .home-item {

            display: none

        }

    }



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

        .navigation-list {

            display: block!important;

            height: auto!important;

            -webkit-transition: none!important;

            transition: none!important;

            -webkit-transition-delay: initial!important;

            transition-delay: initial!important;

            flex-direction: column

        }

        .navigation-list.top .navigation-item {

            -webkit-transform: translateY(0);

            transform: translateY(0)

        }

        .navigation-list.top .nit-name {

            margin-top: 0

        }

        .navigation-list.bottom {

            height: auto

        }

        .navigation-list.bottom .navigation-item {

            -webkit-transform: translateY(0);

            transform: translateY(0)

        }

        .navigation-list .home-item {

            display: none

        }

    }



    .navigation-item {

        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-flex: 1 1 25%;

        -moz-box-flex: 1 1 25%;

        -webkit-flex: 1 1 25%;

        -ms-flex: 1 0 auto;

        flex: 1 1 25%;

        -webkit-transition: all .5s cubic-bezier(1, 0, .4, 1);

        transition: all .5s cubic-bezier(1, 0, .4, 1);

        position: relative;

        overflow: hidden;

        background-color: #4a4a4a

    }



    .navigation-item:hover .navigation-item_bg {

        -webkit-transform: scale(1.14);

        transform: scale(1.14);

        opacity: 1

    }



    .navigation-item:hover .navigation-item_text .nit-text {

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%);

        opacity: 0

    }



    .navigation-item:hover .navigation-item_link {

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        opacity: 1

    }



    .navigation-item.bedrooms {

        -webkit-transition-delay: 50ms;

        transition-delay: 50ms

    }



    .navigation-item.bedrooms .navigation-item_bg {

        background-image: url(../img/Nav_Bedrooms.jpg)

    }



    .navigation-item.restaurant {

        -webkit-transition-delay: .1s;

        transition-delay: .1s

    }



    .navigation-item.restaurant .navigation-item_bg {

        background-image: url(../img/Nav_Restaurant.jpg)

    }



    .navigation-item.roof_terrace {

        -webkit-transition-delay: .15s;

        transition-delay: .15s

    }



    .navigation-item.roof_terrace .navigation-item_bg {

        background-image: url(../img/Nav_Roof-Terrace.jpg)

    }



    .navigation-item.events .navigation-item_bg {

        background-image: url(../img/Nav_Events.jpg)

    }



    .navigation-item.gallery {

        -webkit-transition-delay: 50ms;

        transition-delay: 50ms

    }



    .navigation-item.gallery .navigation-item_bg {

        background-image: url(../img/Nav_Gallery.jpg)

    }



    .navigation-item.news {

        -webkit-transition-delay: .1s;

        transition-delay: .1s

    }



    .navigation-item.news .navigation-item_bg {

        background-image: url(../img/Nav_News.jpg)

    }



    .navigation-item.shop {

        -webkit-transition-delay: .15s;

        transition-delay: .15s

    }



    .navigation-item.shop .navigation-item_bg {

        background-image: url(../img/04_gallery_5.jpg)

    }

    .navigation-item.careers {

        -webkit-transition-delay: .15s;

        transition-delay: .15s

    }



    .navigation-item.careers .navigation-item_bg {

        background-image: url(../img/bartender-shaking.jpg)

    }



    .navigation-item.contact .navigation-item_bg {

        background-image: url(../img/Nav_Contact.jpg)

    }



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

        .navigation-item {

            display: block;

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            position: relative;

            width: 100%;

            -webkit-transition: none!important;

            transition: none!important;

            -webkit-transition-delay: initial!important;

            transition-delay: initial!important;

            background: 0 0;

            margin-bottom: 12px;

            overflow: visible

        }

        .navigation-item .navigation-item_text {

            -webkit-transition: all .4s cubic-bezier(.5, .4, .4, 1);

            transition: all .4s cubic-bezier(.5, .4, .4, 1);

            opacity: .7

        }

        .navigation-item:hover .navigation-item_bg {

            -webkit-transform: scale(1);

            transform: scale(1);

            opacity: 1

        }

        .navigation-item:hover .navigation-item_text {

            -webkit-transform: translateX(20px);

            transform: translateX(20px);

            opacity: 1

        }

        .navigation-item:hover .navigation-item_text .nit-text {

            -webkit-transform: translateY(0);

            transform: translateY(0);

            opacity: 1

        }

        .navigation-item:hover .navigation-item_link {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1

        }

    }



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

        .navigation-item {

            display: block;

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            position: relative;

            width: 100%;

            -webkit-transition: none!important;

            transition: none!important;

            -webkit-transition-delay: initial!important;

            transition-delay: initial!important;

            background: 0 0;

            margin-bottom: 8px;

            overflow: visible

        }

        .navigation-item .navigation-item_text {

            -webkit-transition: all .4s cubic-bezier(.5, .4, .4, 1);

            transition: all .4s cubic-bezier(.5, .4, .4, 1);

            opacity: .7

        }

        .navigation-item:hover .navigation-item_bg {

            -webkit-transform: scale(1);

            transform: scale(1);

            opacity: 1

        }

        .navigation-item:hover .navigation-item_text {

            -webkit-transform: translateX(20px);

            transform: translateX(20px);

            opacity: 1

        }

        .navigation-item:hover .navigation-item_text .nit-text {

            -webkit-transform: translateY(0);

            transform: translateY(0);

            opacity: 1

        }

        .navigation-item:hover .navigation-item_link {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1

        }

        .hero {

            min-height: 500px

        }

    }



    .bedrooms-item,

    .navigation-item_text {

        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        box-sizing: border-box

    }



    .navigation-item_bg,

    .navigation-item_link .svg-holder {

        background-repeat: no-repeat;

        background-size: cover;

        background-position: center center

    }



    .bedrooms-item,

    .hero,

    .page-restaurant .rs-menu .slider {

        overflow: hidden

    }



    .navigation-item_bg {

        -webkit-transform: scale(1);

        transform: scale(1);

        -webkit-transition: all 1s ease-out;

        transition: all 1s ease-out;

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        opacity: .3

    }



    .navigation-item_text {

        display: flex;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-flex: 1;

        -moz-box-flex: 1;

        -webkit-flex: 1;

        -ms-flex: 1 0 auto;

        flex: 1 1 auto;

        position: relative;

        z-index: 2;

        color: #fff

    }



    .nit-text {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        -webkit-transition: all .5s ease-out;

        transition: all .5s ease-out;

        text-align: center;

        opacity: 1;

        letter-spacing: 2px

    }



    .nit-text .nit-name,

    .nit-text .nit-sub {

        display: block

    }



    .nit-name {

        font-size: 2.2rem;

        line-height: 2.2rem;

        font-weight: 700;

        opacity: 1;

        margin-bottom: 10px

    }



    @media only screen and (min-width:1920px) {

        .nit-name {

            font-size: 2.5rem;

            line-height: 2.5rem

        }

        .hero-logo-home {

            max-width: 44%

        }

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .nit-name {

            font-size: 1.8rem;

            line-height: 1.8rem

        }

    }



    .nit-sub {

        font-size: 1rem;

        text-transform: uppercase;

        opacity: 1

    }



    .navigation-item_link {

        -webkit-transform: translate(-50%, 50%);

        transform: translate(-50%, 50%);

        -webkit-transition: all .5s ease-out;

        transition: all .5s ease-out;

        position: absolute;

        top: 50%;

        left: 50%;

        z-index: 3;

        opacity: 0

    }



    .navigation-item_link .svg-holder {

        position: relative;

        display: inline-block;

        height: 44px;

        width: 173px;

        background-image: url(../img/navSvg.svg)

    }



    .navigation-item_link .svg-holder:after {

        content: "";

        display: block;

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        z-index: -1;

        background: rgba(0, 0, 0, .2)

    }



    .page-home #main-header .top-logo-holder,

    .uib-button-bar {

        display: none

    }



    .bedrooms-item_bg,

    .bedrooms-item_link .svg-holder,

    .hero-bg-home,

    .hst-left-col,

    .roof-top-cta-wrapper {

        background-repeat: no-repeat;

        background-size: cover;

        background-position: center center

    }



    .nav-social-list .svg-holder {

        opacity: .7;

        transition: opacity .3s

    }



    .nav-social-list .svg-holder:hover {

        opacity: 1

    }



    .nav-socials-wrap {

        padding: 20px

    }



    .nav-socials-wrap .nav-social-list li {

        padding: 0 8px

    }



    .nav-socials-wrap .nav-social-list li:first-child {

        padding-left: 0

    }



    .nav-socials-wrap .nav-social-list .social-icon {

        width: 35px;

        height: 35px

    }



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

        .nav-socials-wrap {

            padding: 22px

        }

    }



    .page-home #main-header {

        background-color: transparent

    }



    .page-home .box-hover-style {

        padding-left: 20px;

        padding-right: 20px

    }



    .hero {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

        width: 100%;

        height: 100vh;

        position: relative

    }



    .hero-bg-home {

        -webkit-transition: all 4s ease-out;

        transition: all 4s ease-out;

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background-image: url(../img/Karma-Sanctum-Soho-Hero-Images.jpg)

    }


    .home-slider__video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      object-fit: cover;
      object-position: center;
      height: 100vh;
    }



    .hero-bg-home.loaded-imgs {

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    .hero-bg-home.loading-imgs {

        -webkit-transform: scale(1.14);

        transform: scale(1.14)

    }



    .hero-logo-home {

        position: relative;

        z-index: 1;

        width: 100%

    }



    .hero-logo-home .svg-holder,

    .hero-logo-home svg {

        width: 100%

    }



    @media only screen and (min-width:1200px) and (max-width:1919px) {

        .hero-logo-home {

            max-width: 43%

        }

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .nit-sub {

            font-size: .8rem

        }

        .hero-logo-home {

            max-width: 53%

        }

    }



    .hero-logo-home>.hero-logo-home-text {

        position: absolute;

        text-indent: -9999px;

        white-space: nowrap;

        overflow: hidden

    }



    .hero-arrow-holder {

        position: absolute;

        bottom: 45px;

        left: 0;

        z-index: 1;

        width: 100%;

        color: #fff;

        text-align: center

    }



    .hero-arrow-holder .arrow-icon {

        display: block;

        width: 68px;

        height: 68px

    }



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

        .hero-logo-home {

            max-width: 53%

        }

        .hero-arrow-holder {

            bottom: 30px

        }

        .hero-arrow-holder .arrow-icon {

            width: 48px;

            height: 48px

        }

        .roof-top-cta-wrapper>div {

            flex: 1

        }

    }



    .home-section-two {

        height: 100vh

    }



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

        .hero-logo-home {

            padding-left: 30px;

            padding-right: 30px

        }

        .hero-logo-home svg {

            max-width: 100%

        }

        .home-section-two {

            height: auto

        }

        .home-section-two .home-promo {

            padding-top: 80px;

            padding-bottom: 52px

        }

        .home-section-two .box-text-name {

            font-size: 1.6rem;

            margin-bottom: 6px

        }

    }



    .home-section-three {

        height: 50vh

    }



    .hst-left-col {

        background-image: url(../img/01_Home_Bath.jpg)

    }



    .promo-bg-one {

        background-image: url(../img/news-articles/Roxx_News.jpg)

    }



    .roof-top-cta-wrapper {

        background-image: url(../img/01_Home_Sculls.jpg)

    }



    .roof-top-cta-bg {

        background-image: url(../img/01_Home_Sculls-bg.jpg)

    }



    .promo-bg-two {

        background-image: url(../img/news-articles/News_Cinema.jpg)

    }



    .promo-social-wrapper>.box-text-style {

        padding: 19px 29px 16px 21px

    }



    .promo-bg-social {

        background-image: url(../img/01_Home_Social-promo.jpg);

        opacity: 1

    }



    .promo-social-name {

        font-size: 2.438rem;

        line-height: 2.5rem;

        letter-spacing: 1px;

        text-transform: uppercase

    }



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

        .promo-social-name {

            font-size: 1.8rem

        }

    }



    .promo-social-txt {

        font-size: 1.25rem;

        line-height: 1.75rem;

        letter-spacing: 3px

    }



    .promo-social-list {

        margin-top: 26px;

        margin-bottom: 24px;

        display: inline-flex

    }



    .promo-social-list li {

        width: 63px;

        height: 63px;

        position: relative;

        margin-left: 37px

    }



    .promo-social-list li:first-child {

        margin-left: 0

    }



    .promo-social-list li:before {

        content: '';

        padding: 50%;

        display: block

    }



    .promo-social-list a {

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%)

    }



    .promo-social-list a:hover svg {

        width: 78.75px;

        height: 78.75px

    }



    .promo-social-list a svg {

        -webkit-transition: all .2s ease-out;

        transition: all .2s ease-out

    }



    .promo-social-txt_bigger {

        font-size: 1.625rem;

        line-height: 2.063rem;

        letter-spacing: 3px;

        text-transform: uppercase

    }



    .page-bedrooms .top-logo-holder {

        display: none!important

    }



    .bedrooms-list {

        -webkit-flex-flow: row wrap;

        -ms-flex-flow: row wrap;

        flex-flow: row wrap

    }



    .bedrooms-item {

        display: flex;

        -webkit-box-flex: 1;

        -moz-box-flex: 1;

        -webkit-flex: 1;

        -ms-flex: 1 0 auto;

        flex: 1 1 auto;

        -webkit-flex-basis: 33.33333%;

        -ms-flex-preferred-size: 33.33333%;

        flex-basis: 33.33333%;

        -webkit-flex-basis: 25%;

        -ms-flex-preferred-size: 25%;

        flex-basis: 25%;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-transition: all .5s cubic-bezier(1, 0, .4, 1);

        transition: all .5s cubic-bezier(1, 0, .4, 1);

        position: relative;

        padding-right: 20px;

        padding-left: 20px;

        background-color: #4a4a4a;

        margin: -1px

    }



    .bedrooms-item .inner-wrap {

        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-flex: 1;

        -moz-box-flex: 1;

        -webkit-flex: 1;

        -ms-flex: 1 0 auto;

        flex: 1 1 auto

    }



    .bedrooms-item:hover .bedrooms-item_bg {

        -webkit-transform: scale(1.14);

        transform: scale(1.14);

        opacity: 1

    }



    .bedrooms-item:hover .nit-text {

        -webkit-transform: translate(0, -60%);

        transform: translate(0, -60%);

        opacity: 0

    }



    .bedrooms-item:hover .bedrooms-item_link {

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        opacity: 1;

        visibility: visible

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .bedrooms-item {

            -webkit-flex-basis: 50%;

            -ms-flex-preferred-size: 50%;

            flex-basis: 50%

        }

    }



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

        .bedrooms-item {

            -webkit-flex-basis: 50%;

            -ms-flex-preferred-size: 50%;

            flex-basis: 50%

        }

        .bedrooms-item:hover .nit-text {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1

        }

    }



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

        .bedrooms-hero {

            height: auto;

            min-height: auto

        }

        .bedrooms-item {

            -webkit-flex-basis: 50%;

            -ms-flex-preferred-size: 50%;

            flex-basis: 50%;

            position: relative;

            padding-left: 5px;

            padding-right: 5px

        }

        .bedrooms-item .bedrooms-item_text:before {

            display: block;

            content: '';

            top: 0;

            left: 0;

            right: 0;

            padding-top: 105%

        }

        .bedrooms-item .inner-wrap {

            position: absolute;

            top: 0;

            left: 0;

            right: 0;

            bottom: 0;

            padding: 10px

        }

        .bedrooms-item:hover .nit-text {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1

        }

    }



    .bedrooms-item.crash_pad .bedrooms-item_bg {

        background-image: url(../img/02_Bedrooms_Crash-Pad_bed.jpg)

    }
		
		.bedrooms-item.compact_room .bedrooms-item_bg {
        background-image: url(../img/02_Bedrooms_Crash-Pad_bed.jpg);
        background-image: url(../img/compact-room/compact-room-main-min.jpg);
        background-image: url(../img/compact-room/compact-room-crash-pad-min.jpg);
    }
		
		.bedrooms-item.superior_compact_room .bedrooms-item_bg {
        background-image: url(../img/superior-compact-room/superior-crash-pad-banner-min.jpg)
    }



    .bedrooms-item.superior .bedrooms-item_bg {

        background-image: url(../img/02_Bedrooms_Superior-Purple-Bed.jpg)

    }



    .bedrooms-item.deluxe_double .bedrooms-item_bg {

        background-image: url(../img/02_Bedrooms_Deluxe-Double.jpg)

    }



    .bedrooms-item.junior_suite .bedrooms-item_bg {

        background-image: url(../img/02_Bedrooms_Junior-Suite.jpg)

    }



    .bedrooms-item.junior_deluxe .bedrooms-item_bg {

        background-image: url(../img/02_Bedrooms_Delux-Suite-New.jpg)

    }
		
    .bedrooms-item.junior_deluxe_suite .bedrooms-item_bg {
        background-image: url(../img/02_Bedrooms_Delux-Suite-New.jpg)
    }
		
    .bedrooms-item.junior_deluxe_loft_suite .bedrooms-item_bg {
        background-image: url(../img/junior-deluxe-loft-suite/junior-deluxe-loft-suite-hero-min-2.jpg)
    }



    .bedrooms-item.loft_suites .bedrooms-item_bg {

        background-image: url(../img/02_Bedrooms_Loft-Suites.jpg)

    }



    .bedrooms-item_bg {

        -webkit-transform: scale(1);

        transform: scale(1);

        -webkit-transition: all 1s ease-out;

        transition: all 1s ease-out;

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        opacity: .3;

        -webkit-backface-visibility: hidden;

        -moz-backface-visibility: hidden;

        -ms-backface-visibility: hidden;

        -o-backface-visibility: hidden;

        backface-visibility: hidden;

        -webkit-transform: translateZ(0);

        -ms-transform: translateZ(0);

        -o-transform: translateZ(0);

        transform: translateZ(0)

    }



    .bedrooms-item_text {

        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-flex: 1;

        -moz-box-flex: 1;

        -webkit-flex: 1;

        -ms-flex: 1 0 auto;

        flex: 1 1 auto;

        box-sizing: border-box;

        color: #fff;

        -webkit-transform: translateY(0);

        transform: translateY(0);

        position: relative;

        z-index: 2;

        opacity: 1;

        letter-spacing: 3px;

        line-height: 1

    }



    @media only screen and (min-width:1200px) and (max-width:1919px) {

        .bedrooms-item_text .nit-text {

            font-size: 2.2em

        }

    }



    @media only screen and (min-width:1920px) {

        .bedrooms-item_text .nit-text {

            font-size: 2.5em

        }

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .bedrooms-item_text .nit-text {

            font-size: 2em

        }

    }



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

        .bedrooms-item_text .nit-text {

            font-size: 1.8em

        }

        .bedrooms-item_text .nit-text:after,

        .bedrooms-item_text .nit-text:before {

            display: none

        }

    }



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

        .bedrooms-item_text {

            width: auto

        }

        .bedrooms-item_text .box-text-name {

            padding: 0

        }

        .bedrooms-item_text .nit-text {

            font-size: 1.2em;

            line-height: 1.5rem;

            letter-spacing: 2px

        }

        .bedrooms-item_text .nit-text:after,

        .bedrooms-item_text .nit-text:before {

            display: none

        }

    }



    .bedrooms-item_link {

        -webkit-transform: translate(-50%, 50%);

        transform: translate(-50%, 50%);

        -webkit-transition: all .5s ease-out;

        transition: all .5s ease-out;

        position: absolute;

        top: 50%;

        left: 50%;

        z-index: 3;

        opacity: 0;

        visibility: hidden

    }



    .bedrooms-item_link .svg-holder {

        position: relative;

        display: inline-block;

        height: 44px;

        width: 173px;

        background-image: url(../img/navSvg.svg)

    }



    .bedrooms-item_link .svg-holder:after {

        content: "";

        display: block;

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        z-index: -1;

        background: rgba(0, 0, 0, .2)

    }



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

        .bedrooms-item_link {

            display: none;

            width: 100%;

            padding-left: 15px;

            padding-right: 15px

        }

        .bedrooms-item_link svg {

            width: 100%

        }

    }



    .bedrooms-section-two {

        position: relative;

        background-color: #f3f3f3;

        width: 100%;

        padding: 110px 40% 120px 10%

    }



    .bedrooms-section-two:before {

        content: "";

        background-image: url(../img/background-skull.jpg);

        background-position: left center;

        background-repeat: no-repeat;

        background-size: cover;

        position: absolute;

        right: 0;

        top: 0;

        bottom: 0;

        width: 33%;

        min-width: 627px;

        height: 100%;

        z-index: 1

    }



    .bedrooms-section-two .section-text,

    .bedrooms-section-two .section-title,

    .bedrooms-section-two a,

    .bedrooms-section-two p {

        position: relative;

        z-index: 10

    }



    .bedrooms-section-two.table-holder {

        padding: 0

    }



    .bedrooms-section-two.table-holder .cell-holder {

        padding: 50px;

        height: 474px

    }



    .bedrooms-section-two.table-holder .content-holder {

        max-width: 70%;

        margin-left: 8%

    }



    @media only screen and (min-width:1920px) {

        .bedrooms-section-two.table-holder .content-holder {

            max-width: 80%

        }

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .bedrooms-section-two.table-holder .content-holder {

            max-width: 85%;

            margin-left: 0

        }

    }



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

        .bedrooms-item_link {

            display: none

        }

        .bedrooms-section-two.table-holder .content-holder {

            max-width: 85%;

            margin-left: 0

        }

    }



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

        .bedrooms-section-two.table-holder .content-holder {

            max-width: 100%;

            margin-left: 0

        }

        .bedrooms-section-two.table-holder .cell-holder {

            height: auto;

            padding: 12px 30px 30px

        }

    }



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

        .bedrooms-section-two {

            padding: 55px 15% 60px 10%

        }

    }



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

        .bedrooms-section-two {

            height: auto;

            padding: 12px 30px 30px;

            background: #f3f3f3

        }

        .bedrooms-section-two:before {

            background: 0 0

        }

        .page-restaurant .rs-book-table {

            -webkit-box-orient: vertical;

            -webkit-box-direction: normal;

            -webkit-flex-direction: column;

            -ms-flex-direction: column;

            flex-direction: column;

            height: auto

        }

    }



    .page-restaurant .rs-menu {

        padding: 60px 90px

    }



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

        .page-restaurant .rs-menu {

            padding: 30px

        }

    }



    .page-restaurant .rs-menu .box-hover-bg {

        background: url(../img/skull_sketch.jpg) right bottom no-repeat #f8f8f8

    }



    .page-restaurant .rs-menu .box-content {

        z-index: 2;

        position: relative;

        text-align: center

    }



    .page-restaurant .rs-menu .rs-menu-title {

        padding-bottom: 10px;

        color: #4d4d4d;

        line-height: 2.5rem;

        font-size: 2.9rem;

        letter-spacing: 3px

    }



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

        .page-restaurant .rs-menu .rs-menu-title {

            font-size: 1.5rem

        }

    }



    .page-restaurant .rs-menu .rs-menu-text {

        color: #434343;

        line-height: 1.875rem;

        font-size: 1.463rem;

        margin-bottom: 25px

    }



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

        .page-restaurant .rs-menu .rs-menu-text {

            font-size: 1rem;

            line-height: 1.4rem

        }

    }



    .page-restaurant .rs-menu .menu-btn-wrapper {

        padding-top: 10px;

        padding-bottom: 10px

    }



    .page-restaurant .rs-menu .menu-btn-wrapper .btn-menu {

        padding-top: 10px;

        padding-left: 15px;

        padding-right: 15px;

        min-width: 110px;

        font-size: 1.2rem

    }



    .page-restaurant .rs-menu .menu-btn-wrapper ul li {

        display: inline-block;

        margin: 20px 5px

    }



    .page-restaurant .rs-slider {

        position: relative

    }



    .page-restaurant .rs-opening-times {

        padding-top: 80px;

        padding-bottom: 50px

    }



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

        .page-restaurant .rs-menu .menu-btn-wrapper ul li {

            margin: 14px 2px

        }

        .page-restaurant .rs-opening-times {

            padding: 30px

        }

    }



    .page-restaurant .rs-opening-times .cta-btn {

        margin: 0 15px

    }



    .page-restaurant .rs-opening-times .box-content {

        z-index: 2;

        position: relative

    }



    .page-restaurant .rs-opening-times .box-hover-bg {

        background: url(../img/skull_sketch_left.jpg) left bottom no-repeat #f8f8f8;

        background-size: cover

    }



    .page-restaurant .rs-bg,

    .rs-book-left-col {

        background-repeat: no-repeat;

        background-position: center center

    }



    .page-restaurant .rs-opening-times .section-title {

        font-size: 2.5rem;

        line-height: 2.25rem;

        margin-bottom: 23px

    }



    .page-restaurant .rs-opening-times .rs-table-wrapper {

        margin-bottom: 30px

    }



    .page-restaurant .rs-opening-times .rs-table-wrapper .rs-table {

        width: 100%;

        max-width: 915px;

        display: inline-block;

        background-position: center center;

        background-repeat: no-repeat

    }



    .page-restaurant .rs-opening-times .rs-table-wrapper .rs-table .rs-table-row {

        margin: 30px 0;

        display: table;

        width: 100%;

        padding: 0 20px

    }



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

        .page-restaurant .rs-opening-times .section-title {

            font-size: 1.5rem

        }

        .page-restaurant .rs-opening-times .rs-table-wrapper .rs-table .rs-table-row {

            display: block;

            margin-top: 0!important;

            margin-bottom: 0

        }

    }



    .page-restaurant .rs-opening-times .rs-table-wrapper .rs-table .rs-table-row:first-child {

        margin-top: 40px

    }



    .page-restaurant .rs-opening-times .rs-table-wrapper .rs-table .rs-table-row:last-child {

        margin-bottom: 40px

    }



    .page-restaurant .rs-opening-times .rs-table-wrapper .rs-table .rs-table-row .rs-table-item {

        padding-left: 15px;

        padding-right: 15px;

        display: table-cell;

        vertical-align: top;

        width: 15%

    }



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

        .page-restaurant .rs-opening-times .rs-table-wrapper .rs-table .rs-table-row:last-child {

            margin-bottom: 0

        }

        .page-restaurant .rs-opening-times .rs-table-wrapper .rs-table .rs-table-row .rs-table-item {

            width: 100%;

            display: block;

            padding: 15px 0;

            text-align: center

        }

    }



    .page-restaurant .rs-opening-times .rs-table-wrapper .rs-table .rs-table-row .rs-table-item:first-child {

        padding-left: 0

    }



    .page-restaurant .rs-opening-times .rs-table-wrapper .rs-table .rs-table-row .rs-table-item:last-child {

        padding-right: 0

    }



    .page-restaurant .rs-opening-times .rs-table-wrapper .rs-table .rs-table-row .rs-table-item .rs-table-title {

        font-size: 1.313rem;

        line-height: 1.625rem;

        font-weight: 400;

        text-transform: uppercase;

        color: #555;

        letter-spacing: 3px

    }



    .page-restaurant .rs-opening-times .rs-table-wrapper .rs-table .rs-table-row .rs-table-item .rs-table-content {

        font-size: 1rem;

        line-height: 1.625rem;

        color: #555;

        text-transform: uppercase

    }



    .page-restaurant .rs-bg {

        background-image: url(../img/restaurant-bg.jpg);

        background-size: cover

    }



    .page-restaurant .rs-bg:before {

        content: '';

        display: block;

        padding-top: 26%

    }



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

        .page-restaurant .rs-opening-times .rs-table-wrapper .rs-table .rs-table-row .rs-table-item .rs-table-title {

            font-weight: 700

        }

        .page-restaurant .rs-bg {

            height: auto;

            position: relative;

            overflow: hidden

        }

    }



    .page-restaurant .rs-slider-bottom {

        height: 340px;

        position: relative

    }



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

        .page-restaurant .rs-slider-bottom {

            height: 140px

        }

    }



    .page-restaurant .rs-slider-bottom .flexslider-carousel.flex-fade .flex-viewport {

        position: relative

    }



    .page-restaurant .rs-slider-bottom .flexslider-carousel.flex-fade .flex-viewport:after,

    .page-restaurant .rs-slider-bottom .flexslider-carousel.flex-fade .flex-viewport:before {

        content: '';

        display: block;

        width: 33.333333%;

        height: 100%;

        position: absolute;

        top: 0;

        bottom: 0;

        background-color: rgba(0, 0, 0, .5);

        z-index: 1

    }



    .page-restaurant .rs-slider-bottom .flexslider-carousel.flex-fade .flex-viewport:before {

        left: 0

    }



    .page-restaurant .rs-slider-bottom .flexslider-carousel.flex-fade .flex-viewport:after {

        right: 0

    }



    .page-restaurant .rs-slider-bottom .flex-direction-nav .flex-disabled {

        opacity: 1!important;

        z-index: 10!important

    }



    .restaurant-slider-holder {

        min-height: 50vh

    }



    .rs-book-left-col {

        width: 50%;

        height: 62vh;

        background-image: url(../img/restaurant/main-image.jpg);

        background-size: cover

    }



    .rs-book-left-col .hero-box {

        max-width: 620px;

        margin: 0 auto

    }



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

        .rs-book-left-col {

            padding: 100px 30px 80px

        }

        .rs-book-left-col .hero-box {

            width: 100%

        }

        .rs-book-left-col .hero-box .box-title {

            font-size: 1.5rem

        }

        .rs-book-left-col .hero-box .text-holder {

            font-size: 1rem;

            line-height: 1.4rem

        }

    }



    .resutant-top-box {

        min-height: 65vh

    }



    .flex-container {

        -webkit-display: -webkit-box;

        -webkit-display: -webkit-flex;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        flex-wrap: nowrap

    }



    .flex-box-all-center {

        -webkit-display: -webkit-box;

        -webkit-display: -webkit-flex;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .rs-menu-box .box-content {

        max-width: 90%;

        margin: 0 auto

    }



    .rs-menu-box .cell-box {

        height: 38vh

    }



    @media only screen and (min-width:1200px) and (max-width:1919px) {

        .rs-menu-box .box-content {

            /* max-width: 700px; */
            max-width: 100%;

        }

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .page-restaurant .rs-bg:before {

            content: '';

            display: block;

            padding-top: 40%

        }

        .rs-menu-box .box-content {

            max-width: 700px

        }

    }



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

        .page-restaurant .rs-bg:before,

        .restaurant-slider-holder:before {

            content: '';

            display: block;

            padding-top: 40%

        }

        .restaurant-slider-holder,

        .rs-book-left-col {

            width: 100%;

            display: block;

            height: auto

        }

    }



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

        .page-restaurant .rs-bg,

        .restaurant-slider-holder {

            min-height: 200px

        }

        .page-restaurant .rs-bg:before,

        .restaurant-slider-holder:before {

            content: '';

            display: block;

            padding-top: 55%

        }

        .restaurant-slider-holder,

        .rs-book-left-col {

            width: 100%;

            display: block;

            height: auto

        }

        .page-restaurant .rs-menu .box-hover-bg,

        .page-restaurant .rs-opening-times .box-hover-bg {

            background-image: none

        }

        .rs-menu-box,

        .rs-opening-times {

            background: #fff

        }

        .multiple-btn {

            margin-top: 20px!important

        }

    }



    .hero-bg-suite {

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center center;

        -webkit-transition: all 4s ease-out;

        transition: all 4s ease-out;

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%

    }



    .crash-pad {

        background-image: url(../img/crash-pad/hero.jpg);
        background-image: url(../img/compact-room/compact-room-main-min.jpg);
        background-image: url(../img/compact-room/compact-room-crash-pad-min.jpg);

    }
		
    .superior-compact-room {

        background-image: url(../img/superior-compact-room/superior-crash-pad-banner-min.jpg)

    }



    .superior-room {

        background-image: url(../img/superior-room/hero.jpg)

    }



    .deluxe-double {

        background-image: url(../img/deluxe-double/hero.jpg)

    }



    .junior-suite {

        background-image: url(../img/junior-suite/hero.jpg)

    }



    .junior-deluxe {

        background-image: url(../img/junior-deluxe/hero2.jpg)

    }
		
    .junior-deluxe-loft-suite {

        background-image: url(../img/junior-deluxe-loft-suite/junior-deluxe-loft-suite-hero-min-2.jpg)

    }



    .loft-suite {

        background-image: url(../img/loft-suite/hero.jpg)

    }



    .hero-suite-box {

        padding: 45px 106px;

        text-align: center

    }



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

        .hero-suite-box {

            margin-top: 76px;

            margin-bottom: 88px;

            padding: 25px 40px

        }

    }



    .hero-suite-box:before {

        background-image: url(../img/HeroSuiteBoxBg.jpg);

        background-position: right top

    }



    .hero-suite-box .hero-title {

        margin-bottom: 20px;

        font-size: 4.375rem;

        line-height: 1;

        color: #434343;

        font-weight: 400

    }



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

        .hero-suite-box .hero-title {

            font-size: 2.188rem

        }

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

        .hero-suite-box .hero-title {

            font-size: 1.188rem;

        }
        .hero-suite-box {
            padding: 20px 30px;
        }
        .cta-btn {
            width: 80%;
            font-size: 1.0rem;
        }

    }


    .amenities-section .section-title,

    .bedrooms-bxg-suites .section-title,

    .bedrooms-section-suites .section-title {

        font-weight: 400

    }



    .bedrooms-section-suites:before {

        min-width: 778px;

        background-image: url(../img/background_skull2.jpg)

    }



    .bedrooms-section-suites .title-desk {

        padding-left: 5px;

        font-size: 1.5rem;

        font-weight: 400

    }



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

        .bedrooms-section-suites .title-desk {

            font-size: .75rem

        }

        .bedrooms-section-suites:before {

            background: 0 0

        }

        .page-section {

            -webkit-box-orient: vertical;

            -webkit-box-direction: normal;

            -webkit-flex-direction: column;

            -ms-flex-direction: column;

            flex-direction: column

        }

    }



    .amenities-section {

        text-align: center;

        background-color: #838485;

        color: #fff

    }



    .amenities-section .section-title {

        color: #fff

    }



    .amenities-section .text-wrapper {

        max-width: 550px;

        margin: 0 auto;

        padding: 73px 30px 53px

    }



    .amenities-section .hr-line {

        height: 1px;

        width: 100%;

        margin: 28px 0;

        background-color: #cdcece

    }



    .amenities-section .promo-social-wrapper {

        min-width: 300px

    }



    .amenities-list .list-item {

        margin-bottom: 18px;

        font-size: 1.188rem

    }



    .amenities-list .list-item:last-child {

        margin-bottom: 0

    }



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

        .amenities-section .text-wrapper {

            padding-left: 30px;

            padding-right: 30px

        }

        .amenities-section .hr-line {

            margin-top: 0

        }

        .amenities-section .cols-holder {

            display: block!important

        }

        .amenities-section .content-holder,

        .amenities-section .slider-holder {

            width: 100%;

            display: block!important

        }

        .amenities-section .slider-holder {

            position: relative

        }

        .amenities-section .slider-holder:before {

            content: "";

            display: block;

            padding-top: 60%

        }

        .amenities-list .list-item {

            font-size: 1rem;

            margin-bottom: 14px

        }

        .amenities-list {

            margin-bottom: 28px

        }

    }



    .bedrooms-bxg-suites {

        padding: 86px 50px 91px;

        background: url(../img/BXG_Suite.jpg) center center no-repeat #f3f3f3

    }



    @media only screen and (min-width:1920px) {

        .bedrooms-bxg-suites {

            padding: 86px 82px 91px

        }

    }



    @media only screen and (min-width:1200px) and (max-width:1919px) {

        .bedrooms-bxg-suites {

            padding: 82px 50px

        }

        .bedroom-thumb {

            width: 50%

        }

    }



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

        .bedrooms-bxg-suites {

            display: block;

            padding: 30px;

            background: #f3f3f3

        }

    }



    .bedroom-thumb,

    .events-top-left-box {

        background-size: cover;

        background-repeat: no-repeat

    }



    .bedroom-thumb,

    .gift-top-left-box {

        background-size: cover;

        background-repeat: no-repeat

    }



    .bedroom-thumb {

        background-image: url(../img/bedroom-bg.jpg);

        background-position: bottom center

    }



    @media only screen and (min-width:1920px) {

        .bedroom-thumb {

            width: 688px

        }

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .bedrooms-bxg-suites {

            display: block

        }

        .bedroom-thumb {

            display: block;

            height: 535px;

            width: 100%

        }

    }



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

        .bedrooms-bxg-suites {

            display: block

        }

        .bedroom-thumb {

            display: block;

            width: 100%

        }

        .bedroom-thumb:before {

            content: "";

            display: block;

            padding-top: 50%

        }

    }



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

        .bedroom-thumb {

            display: block;

            width: 100%

        }

        .bedroom-thumb:before {

            content: "";

            display: block;

            padding-top: 60%

        }

    }



    .events-section {

        min-height: 100vh

    }



    .events-section .col-left {

        height: auto

    }



    .page-events .box-text-name {

        font-size: 1.8rem;

        line-height: 1.8rem

    }



    .page-events .box-text-style p {

        line-height: 1.6rem;

        max-width: 320px;

        font-size: .85rem;

        margin: 1rem auto

    }



    .events-top-left-box {

        background-position: center center;

        background-image: url(../img/05_Events_Gold-Skull.jpg)

    }



    .gift-top-left-box {

        background-position: center center;

        background-image: url(../img/background-mobilenav.jpg)

    }



    .events-top-left-box .hero-box {

        align-items: flex-end;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        max-width: 620px

    }



    .gift-top-left-box .hero-box {

        align-items: flex-end;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        max-width: 620px

    }



    .events-top-left-box .hero-box p a {

        font-weight: 600;

        color: #444

    }



    .gift-top-left-box .hero-box p a {

        font-weight: 600;

        color: #444

    }



    .events-top-left-box .hero-box .far-beyond {

        margin-top: 10px;

        color: inherit;

        font-size: 12px

    }



    .gift-top-left-box .hero-box .far-beyond {

        margin-top: 10px;

        color: inherit;

        font-size: 12px

    }



    .events-top-left-box .hero-box .far-beyond span {

        display: block;

        margin-right: 5px

    }



    .gift-top-left-box .hero-box .far-beyond span {

        display: block;

        margin-right: 5px

    }



    .events-top-left-box .hero-box .far-beyond img {

        margin-top: 5px;

        width: 90px;

        height: auto;

        vertical-align: middle

    }



    .gift-top-left-box .hero-box .far-beyond img {

        margin-top: 5px;

        width: 90px;

        height: auto;

        vertical-align: middle

    }



    .events-top-left-box .hero-box .btn {

        margin-right: 50px

    }



    .gift-top-left-box .hero-box .btn {

        margin-right: 50px

    }



    .events-top-left-box .hero-box:after {

        content: "";

        width: 74%;

        position: absolute;

        left: 0;

        top: 0;

        bottom: 0;

        background: rgba(255, 255, 255, .9)

    }



    .gift-top-left-box .hero-box:after {

        content: "";

        width: 74%;

        position: absolute;

        left: 0;

        top: 0;

        bottom: 0;

        background: rgba(255, 255, 255, .9)

    }



    .events-bottom-left-box,

    .terrace-left-col {

        background-size: cover;

        background-repeat: no-repeat

    }

    .careers-left-col {

        background-size: cover;

        background-repeat: no-repeat

    }



    .events-top-left-box .hero-box:before {

        left: auto;

        width: 26%;

        background-size: cover;

        background-image: url(../img/05_Events_Hero-Box-bg.jpg);

        background-position: top left;

        opacity: .9

    }



    .gift-top-left-box .hero-box:before {

        left: auto;

        width: 26%;

        background-size: cover;

        background-image: url(../img/05_Events_Hero-Box-bg.jpg);

        background-position: top left;

        opacity: .9

    }



    .events-top-left-box .hero-box .box-title,

    .events-top-left-box .hero-box a,

    .events-top-left-box .hero-box div,

    .events-top-left-box .hero-box p {

        position: relative;

        z-index: 10

    }



    .gift-top-left-box .hero-box .box-title,

    .gift-top-left-box .hero-box a,

    .gift-top-left-box .hero-box div,

    .gift-top-left-box .hero-box p {

        position: relative;

        z-index: 10

    }



    @media only screen and (min-width:1920px) {

        .events-top-left-box {

            padding: 0

        }

        .events-top-left-box .hero-box {

            margin: 134px 20px 90px

        }

        .gift-top-left-box {

            padding: 0

        }

        .gift-top-left-box .hero-box {

            margin: 134px 20px 40px

        }

    }



    .events-bottom-left-box {

        min-height: 45vh;

        background-image: url(../img/05_Events_Gold-Cup.jpg);

        background-position: top center

    }



    .vouchers-bottom-left-box {

        background-image: url(../img/gift_rooms.jpg);;

            background-position: center center;

    }



    .gift-bottom-left-box {

        min-height: 45vh;

        background-image: url(../img/05_Events_Gold-Cup.jpg);

        background-position: top center

    }



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

        .events-top-left-box.display {

            display: block

        }

        .events-top-left-box .hero-box {

            margin: 0 auto 70px

        }

        .events-bottom-left-box .fixed_box_border-anim_btn {

            width: 100%

        }

        .gift-top-left-box.display {

            display: block

        }

        .gift-top-left-box .hero-box {

            margin: 0 auto 70px

        }

        .gift-bottom-left-box .fixed_box_border-anim_btn {

            width: 100%

        }

        .column-slider-holder {

            padding-left: 0;

            padding-right: 0;

            display: block!important;

            webkit-box-flex: inherit!important;

            -moz-box-flex: inherit!important;

            -webkit-flex: inherit!important;

            -ms-flex: inherit!important;

            flex: inherit!important

        }

        .column-slider-holder .flexslider-responsive {

            position: relative

        }

        .column-slider-holder .box-text-style {

            padding: 50px

        }

    }



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

        .events-top-left-box .hero-box {

            margin-bottom: 70px

        }

        .events-bottom-left-box {

            height: 350px

        }

        .events-bottom-left-box .fixed_box_border-anim_btn {

            width: 100%

        }

        .gift-top-left-box .hero-box {

            margin-bottom: 70px

        }

        .gift-bottom-left-box {

            height: 350px

        }

        .gift-bottom-left-box .fixed_box_border-anim_btn {

            width: 100%

        }

        .column-slider-holder {

            display: block!important;

            webkit-box-flex: inherit!important;

            -moz-box-flex: inherit!important;

            -webkit-flex: inherit!important;

            -ms-flex: inherit!important;

            flex: inherit!important

        }

        .column-slider-holder .flexslider-responsive {

            position: relative

        }

        .column-slider-holder .box-text-style {

            padding: 50px 30px

        }

    }



    .contact-outer .section-title {

        margin-bottom: 22px

    }



    .contact-outer .paragraph-title {

        font-size: 2rem;

        margin-bottom: 30px

    }



    .contact-outer .paragraph-wrap {

        font-size: 1.063rem;

        line-height: 1.875rem

    }



    .contact-outer .contact-wrapper {

        overflow-y: auto

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .events-bottom-left-box .fixed_box_border-anim_btn {

            width: 100%

        }

        .gift-bottom-left-box .fixed_box_border-anim_btn {

            width: 100%

        }

        .contact-outer .contact-wrapper {

            width: 50%

        }

    }



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

        .contact-outer .contact-wrapper {

            width: 100%;

            overflow: visible

        }

    }



    .contact-outer .contact-wrapper h1,

    .contact-outer .contact-wrapper h2,

    .contact-outer .contact-wrapper h3,

    .contact-outer .contact-wrapper h4,

    .contact-outer .contact-wrapper h5,

    .contact-outer .contact-wrapper h6 {

        font-weight: 400;

        display: block

    }



    .contact-outer .contact-wrapper .form-title {

        font-size: 2.5rem;

        line-height: 3.375rem;

        margin-bottom: 13px;

        margin-top: 26px

    }



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

        .contact-outer .contact-wrapper {

            width: 100%;

            overflow: visible;

            padding-top: 70px

        }

        .contact-outer .contact-wrapper .form-title {

            font-size: 1.15rem;

            line-height: 1.588rem

        }

    }



    .contact-outer .contact-wrapper h5 {

        font-size: 2.2rem;

        line-height: 1.7rem;

        font-weight: 700;

        margin-top: 26px;

        margin-bottom: 38px

    }



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

        .contact-outer .contact-wrapper h5 {

            font-size: 1rem;

            line-height: .75rem

        }

    }



    .contact-outer .contact-wrapper h6 {

        font-size: 1.5rem;

        line-height: 1.875rem;

        margin-bottom: 24px

    }



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

        .contact-outer .contact-wrapper h6 {

            font-size: 1rem;

            line-height: 1.2rem

        }

    }



    .contact-outer .contact-wrapper .links-wrapper {

        overflow: hidden;

        margin-top: 32px;

        margin-bottom: 40px

    }



    .contact-outer .contact-wrapper .links-wrapper li {

        display: inline-block;

        float: left;

        width: 50%

    }



    .contact-outer .contact-wrapper .links-wrapper a {

        font-size: 1.375rem;

        line-height: 1.875rem;

        font-weight: 400;

        color: #434343;

        text-transform: uppercase

    }



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

        .contact-outer .contact-wrapper .links-wrapper a {

            font-size: .75rem;

            line-height: 1.2rem

        }

    }



    .contact-outer .contact-wrapper .form-wrapper {

        overflow: hidden;

        background-color: #e5e5e5

    }



    .contact-outer .contact-wrapper .form-wrapper:after {

        content: none

    }



    .contact-outer .contact-wrapper .form-wrapper .hb_bottom-box_form {

        margin-top: 28px;

        position: relative;

        z-index: 1

    }



    .contact-outer .contact-wrapper .form-wrapper .hb_bottom-box_form .input-style {

        height: 45px;

        margin-bottom: 7px

    }



    .contact-outer .contact-wrapper .form-wrapper .hb_bottom-box_form textarea.input-style {

        height: 127px;

        resize: none

    }



    .contact-outer .contact-wrapper .form-wrapper .hb_bottom-box_form .cta-btn {

        font-size: 1.2rem;

        height: 45px;

        margin-top: 7px;

        padding-right: 20px;

        padding-left: 20px

    }



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

        .contact-outer .map-wrapper #gmaps {

            height: 400px

        }

    }



    @media only screen and (min-width:1200px) and (max-width:1919px) {

        .contact-outer .section-title {

            font-size: 2.125rem

        }

        .contact-outer .paragraph-title {

            font-size: 1.25rem;

            line-height: 1.688rem

        }

        .contact-outer .paragraph-wrap {

            font-size: 1rem;

            line-height: 1.6rem

        }

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .contact-outer .section-title {

            font-size: 2.125rem

        }

        .contact-outer .paragraph-title {

            font-size: 1.25rem;

            line-height: 1.688rem

        }

        .contact-outer .contact-wrapper .form-wrapper .hb_bottom-box_form textarea.input-style {

            height: 90px

        }

        .contact-outer .paragraph-wrap {

            font-size: 1rem;

            line-height: 1.6rem

        }

    }



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

        .contact-outer {

            height: auto;

            -webkit-box-orient: vertical;

            -webkit-box-direction: normal;

            -webkit-flex-direction: column;

            -ms-flex-direction: column;

            flex-direction: column

        }

        .contact-outer .section-title {

            font-size: 2.125rem

        }

        .contact-outer .paragraph-title {

            font-size: 1.25rem;

            line-height: 1.688rem

        }

        .contact-outer>div {

            width: 100%

        }

        .contact-outer .paragraph-wrap {

            font-size: 1rem;

            line-height: 1.6rem

        }

    }



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

        .contact-outer {

            height: auto;

            -webkit-box-orient: vertical;

            -webkit-box-direction: normal;

            -webkit-flex-direction: column;

            -ms-flex-direction: column;

            flex-direction: column

        }

        .contact-outer>div {

            width: 100%

        }

        .contact-outer .paragraph-title {

            font-size: 1.25rem;

            line-height: 1.688rem

        }

        .contact-outer .paragraph-wrap {

            font-size: 1rem;

            line-height: 1.4rem

        }

    }



    .contacts-details p {

        margin-bottom: 24px;

        font-size: 1.3rem

    }



    @media only screen and (min-width:1200px) and (max-width:1919px) {

        .contacts-details p {

            margin-bottom: 10px;

            font-size: 1rem

        }

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .contacts-details p {

            margin-bottom: 24px;

            font-size: 1rem

        }

    }



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

        .contacts-details p {

            margin-bottom: 10px;

            font-size: 1rem

        }

    }



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

        .contacts-details p {

            margin-bottom: 10px;

            font-size: 1rem

        }

    }



    .contact-outer .contact-wrapper {

        width: 60%

    }



    .contact-info-wrapper {

        float: left

    }



    .form-wrapper {

        float: right

    }



    .contact-wrapper {

        background-color: #FBFBFB

    }



    .contact-wrapper .contact-info-wrapper,

    .contact-wrapper .form-wrapper {

        width: 50%;

        padding: 0 20px;

        height: 100%

    }



    .contact-wrapper .form-wrapper {

        margin-bottom: 0

    }



    .contact-wrapper .form-wrapper:before {

        display: none

    }



    .contact-wrapper .form-wrapper .form-title {

        margin-top: 0

    }



    .contact-wrapper .content-holder {

        padding: 28% 48px 33px 50px

    }



    .contact-outer .contact-wrapper {

        padding: 0

    }



    @media only screen and (min-width:1200px) and (max-width:1919px) {

        .contact-wrapper .content-holder {

            padding: 100px 0 30px

        }

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .contact-wrapper .content-holder {

            padding: 100px 0 30px

        }

    }



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

        .contact-outer .contact-wrapper,

        .contact-wrapper,

        .map-wrapper {

            display: block;

            width: 100%

        }

        .contact-wrapper {

            height: auto

        }

        .contact-wrapper .content-holder {

            padding: 100px 0 30px

        }

        .map-wrapper {

            height: 60vh!important

        }

    }



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

        .contact-wrapper .content-holder {

            padding: 100px 0 30px

        }

        .contact-wrapper .contact-info-wrapper,

        .contact-wrapper .form-wrapper {

            float: none;

            width: 100%;

            height: auto

        }

        .contact-wrapper .form-wrapper .content-holder {

            padding-top: 50px;

            padding-bottom: 50px

        }

        .contact-wrapper .form-wrapper:before {

            display: block;

            left: 20px;

            right: 20px;

            width: auto

        }

    }



    @media only screen and (min-height:1280px) {

        .contact-outer {

            width: 100%

        }

    }



    @media only screen and (min-width:1920px) {

        .contact-outer .contact-wrapper {

            width: 1000px

        }

    }



    .news-article,

    .news-hero {

        width: 100%;

        position: relative

    }



    .enquiry-success {

        align-items: flex-start;

        bottom: 0;

        display: flex;

        justify-content: flex-start;

        left: 0;

        position: absolute;

        right: 0;

        top: 0;

        opacity: 0;

        z-index: -1

    }



    .terrace-left-col {

        background-image: url(../img/terrace-left-bg.jpg);
        background-image: url(../img/roof-terrace/bg/roof-terrace-left-bg-2.jpg);

        background-position: center center

    }
    .careers-left-col {

        background-image: url(../img/background-mobilenav.jpg);

        background-position: center center

    }



    .terrace-left-col .hero-box {

        max-width: 620px

    }
    .careers-left-col .hero-box {

        max-width: 620px

    }


    .terrace-left-col .hero-box:before {

        background-image: url(../img/terrace-hero-box-bg.jpg);

        background-position: bottom right

    }

    .careers-left-col .hero-box:before {

        background-image: url(../img/terrace-hero-box-bg.jpg);

        background-position: bottom right

    }



    .terrace-left-col .hero-box p a, .careers-left-col .hero-box p a {

        color: #444;

        font-weight: 700

    }



    .terrace-slider-holder {

        height: 50vh

    }



    .social-food-wrapper {

        padding: 40px 20px;

        color: #434343

    }



    .social-food-wrapper .box-hover-bg {

        background-color: #f5f5f5

    }



    .social-food-wrapper .box-hover-bg:after {

        background-image: url(../img/skull_socials_right.jpg);

        background-position: right bottom

    }



    .social-food-wrapper .box-hover-bg:before {

        background-image: url(../img/skull_socials_left.jpg);

        background-position: top left

    }



    .social-food-wrapper .section-title {

        color: #4d4d4d

    }



    .news-article .article-content p a,

    .news-article .article-title a {

        color: #fff

    }



    .social-food-wrapper .box-text {

        max-width: 260px;

        margin: 16px auto

    }



    .corner-bg:after,

    .corner-bg:before {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: -1;

        background-repeat: no-repeat

    }



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

        .terrace-cols-wrapper {

            height: auto

        }

        .display.terrace-left-col {

            display: block

        }

        .terrace-left-col .hero-box {

            margin: 0 auto

        }

        .social-food-wrapper {

            padding: 50px 20px

        }

        .terrace-slider-holder {

            height: 400px;

            width: 100%

        }

    }



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

        .terrace-cols-wrapper {

            height: auto

        }

        .terrace-cols-wrapper .hero-box {

            margin-top: 110px

        }

        .social-food-wrapper {

            padding: 50px 20px

        }

        .social-food-wrapper .box-hover-bg:after {

            display: none

        }

        .terrace-slider-holder {

            height: 400px;

            width: 100%

        }

    }



    .news-hero {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        height: 60vh;

        max-height: 800px;

        overflow: hidden;

        min-height: 705px;

        padding-bottom: 135px;

        background: url(../img/07_news_hero_bg.jpg) center bottom no-repeat;

        background-size: cover

    }



    .news-hero .hero-box {

        max-width: 622px

    }



    .news-hero .hero-box:before {

        background-image: url(../img/07_news_hero_box.jpg);

        background-position: right top

    }



    .news-articles-bg {

        background-image: url(../img/background-news.jpg);

        background-position: center center;

        background-size: cover;

        background-repeat: no-repeat;

        min-height: 90vh

    }



    .articles-wrapper {

        max-width: 1570px;

        margin: -100px auto 0;

        padding-bottom: 76px

    }



    .articles-list {

        -webkit-flex-flow: row wrap;

        -ms-flex-flow: row wrap;

        flex-flow: row wrap;

        justify-content: center

    }



    .news-article {

        text-align: left;

        max-width: 392px;

        background: rgba(255, 255, 255, .2)

    }



    .news-article:hover .article-thumb img {

        height: 110%;

        width: 110%

    }



    .news-article .article-thumb {

        height: 250px;

        position: relative;

        overflow: hidden

    }



    .news-article .article-thumb img {

        display: block;

        height: auto;

        height: 100%;

        width: 100%;

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        -webkit-transition: all .4s cubic-bezier(.5, .5, .5, 1);

        transition: all .4s cubic-bezier(.5, .5, .5, 1)

    }



    .news-article .article-title {

        padding: 0 0 20px;

        font-size: 1.875rem;

        letter-spacing: .02em;

        text-transform: capitalize

    }



    .news-article .text-wrap {

        padding: 17px 0

    }



    .news-article .article-content {

        padding: 34px 32px 98px

    }



    .news-article .article-content p {

        line-height: 27px

    }



    .news-article .article-content li {

        line-height: 30px;

        list-style: disc;

        display: block

    }



    .news-article .cta-btn {

        position: absolute;

        bottom: 32px;

        left: 32px;

        height: 40px;

        font-size: 1.125rem

    }



    .gallery-wrapper .deckgrid,

    .gallery-wrapper .gallery-item,

    .news-item {

        position: relative;

        overflow: hidden

    }



    .lazy-block-loading .news-article {

        opacity: 0;

        -webkit-transition: all .6s;

        transition: all .6s

    }



    .lazy-block-loading .news-article.in-view-port {

        opacity: 1

    }



    .articles-list .news-item:nth-child(1) .news-article {

        transition-delay: 80ms

    }



    .articles-list .news-item:nth-child(2) .news-article {

        transition-delay: .16s

    }



    .articles-list .news-item:nth-child(3) .news-article {

        transition-delay: .24s

    }



    .articles-list .news-item:nth-child(4) .news-article {

        transition-delay: .32s

    }



    .articles-list .news-item:nth-child(5) .news-article {

        transition-delay: .4s

    }



    .articles-list .news-item:nth-child(6) .news-article {

        transition-delay: .48s

    }



    .articles-list .news-item:nth-child(7) .news-article {

        transition-delay: .56s

    }



    .articles-list .news-item:nth-child(8) .news-article {

        transition-delay: .64s

    }



    .articles-list .news-item:nth-child(9) .news-article {

        transition-delay: .72s

    }



    .articles-list .news-item:nth-child(10) .news-article {

        transition-delay: .8s

    }



    .articles-list .news-item:nth-child(11) .news-article {

        transition-delay: .88s

    }



    .articles-list .news-item:nth-child(12) .news-article {

        transition-delay: .96s

    }



    .articles-list .news-item:nth-child(13) .news-article {

        transition-delay: 1.04s

    }



    .articles-list .news-item:nth-child(14) .news-article {

        transition-delay: 1.12s

    }



    .articles-list .news-item:nth-child(15) .news-article {

        transition-delay: 1.2s

    }



    .articles-list .news-item:nth-child(16) .news-article {

        transition-delay: 1.28s

    }



    .articles-list .news-item:nth-child(17) .news-article {

        transition-delay: 1.36s

    }



    .articles-list .news-item:nth-child(18) .news-article {

        transition-delay: 1.44s

    }



    .articles-list .news-item:nth-child(19) .news-article {

        transition-delay: 1.52s

    }



    .articles-list .news-item:nth-child(20) .news-article {

        transition-delay: 1.6s

    }



    .articles-list .news-item:nth-child(21) .news-article {

        transition-delay: 1.68s

    }



    .articles-list .news-item:nth-child(22) .news-article {

        transition-delay: 1.76s

    }



    .articles-list .news-item:nth-child(23) .news-article {

        transition-delay: 1.84s

    }



    .articles-list .news-item:nth-child(24) .news-article {

        transition-delay: 1.92s

    }



    .articles-list .news-item:nth-child(25) .news-article {

        transition-delay: 2s

    }



    .articles-list .news-item:nth-child(26) .news-article {

        transition-delay: 2.08s

    }



    .articles-list .news-item:nth-child(27) .news-article {

        transition-delay: 2.16s

    }



    .articles-list .news-item:nth-child(28) .news-article {

        transition-delay: 2.24s

    }



    .articles-list .news-item:nth-child(29) .news-article {

        transition-delay: 2.32s

    }



    .articles-list .news-item:nth-child(30) .news-article {

        transition-delay: 2.4s

    }



    .articles-list .news-item:nth-child(31) .news-article {

        transition-delay: 2.48s

    }



    .articles-list .news-item:nth-child(32) .news-article {

        transition-delay: 2.56s

    }



    .articles-list .news-item:nth-child(33) .news-article {

        transition-delay: 2.64s

    }



    .articles-list .news-item:nth-child(34) .news-article {

        transition-delay: 2.72s

    }



    .articles-list .news-item:nth-child(35) .news-article {

        transition-delay: 2.8s

    }



    .articles-list .news-item:nth-child(36) .news-article {

        transition-delay: 2.88s

    }



    .articles-list .news-item:nth-child(37) .news-article {

        transition-delay: 2.96s

    }



    .articles-list .news-item:nth-child(38) .news-article {

        transition-delay: 3.04s

    }



    .articles-list .news-item:nth-child(39) .news-article {

        transition-delay: 3.12s

    }



    .articles-list .news-item:nth-child(40) .news-article {

        transition-delay: 3.2s

    }



    .articles-list .news-item:nth-child(41) .news-article {

        transition-delay: 3.28s

    }



    .articles-list .news-item:nth-child(42) .news-article {

        transition-delay: 3.36s

    }



    .articles-list .news-item:nth-child(43) .news-article {

        transition-delay: 3.44s

    }



    .articles-list .news-item:nth-child(44) .news-article {

        transition-delay: 3.52s

    }



    .articles-list .news-item:nth-child(45) .news-article {

        transition-delay: 3.6s

    }



    .articles-list .news-item:nth-child(46) .news-article {

        transition-delay: 3.68s

    }



    .articles-list .news-item:nth-child(47) .news-article {

        transition-delay: 3.76s

    }



    .articles-list .news-item:nth-child(48) .news-article {

        transition-delay: 3.84s

    }



    .articles-list .news-item:nth-child(49) .news-article {

        transition-delay: 3.92s

    }



    .articles-list .news-item:nth-child(50) .news-article {

        transition-delay: 4s

    }



    .news-item {

        box-sizing: border-box;

        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-flex: 1;

        -moz-box-flex: 1;

        -webkit-flex: 1;

        -ms-flex: 1 0 auto;

        flex: 1 1 auto;

        -webkit-flex-basis: 25%;

        -ms-flex-preferred-size: 25%;

        flex-basis: 25%;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -webkit-transition: all .5s cubic-bezier(1, 0, .4, 1);

        transition: all .5s cubic-bezier(1, 0, .4, 1);

        padding: 11px 5px

    }



    .news-item:nth-child(even) .news-article {

        background: rgba(255, 255, 255, .4)

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .news-item {

            -webkit-box-flex: 0 0 33.333%;

            -moz-box-flex: 0 0 33.333%;

            -webkit-flex: 0 0 33.333%;

            -ms-flex: 0 0 33.333% 0 auto;

            flex: 0 0 33.333% 1 auto;

            box-sizing: border-box

        }

    }



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

        .news-hero {

            height: auto;

            min-height: 510px

        }



        .blog-hero {

            height: auto;

            min-height: 510px

        }



        .news-item {

            -webkit-box-flex: 0 0 50%;

            -moz-box-flex: 0 0 50%;

            -webkit-flex: 0 0 50%;

            -ms-flex: 0 0 50% 0 auto;

            flex: 0 0 50% 1 auto;

            box-sizing: border-box;

            -webkit-flex-basis: 48%;

            -ms-flex-preferred-size: 48%;

            flex-basis: 48%

        }

    }



    .gallery-wrapper {

        background-color: #434343

    }



    .gallery-wrapper .gallery-img {

        width: 100%;

        display: block;

        -webkit-transition: all 1s ease-out;

        transition: all 1s ease-out

    }



    .gallery-wrapper .deckgrid[deckgrid]::before {

        content: '3 .column.column-1-3';

        font-size: 0;

        visibility: hidden

    }



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

        .news-hero {

            height: auto;

            min-height: 510px

        }



        .blog-hero {

            height: auto;

            min-height: 510px

        }



        .articles-wrapper {

            margin-top: 0;

            padding-top: 10px

        }

        .news-item {

            padding-left: 15px;

            padding-right: 15px;

            -webkit-box-flex: 0 0 100%;

            -moz-box-flex: 0 0 100%;

            -webkit-flex: 0 0 100%;

            -ms-flex: 0 0 100% 0 auto;

            flex: 0 0 100% 1 auto;

            box-sizing: border-box;

            -webkit-flex-basis: 100%;

            -ms-flex-preferred-size: 100%;

            flex-basis: 100%

        }

        .gallery-wrapper .deckgrid[deckgrid]::before {

            content: '2 .column.column-1-2'

        }

    }



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

        .gallery-wrapper .deckgrid[deckgrid]::before {

            content: '1 .column.column-1-1'

        }

    }



    .gallery-wrapper .deckgrid .column {

        float: left

    }



    .gallery-wrapper .deckgrid .column-1-3 {

        width: 33.33333%

    }



    .gallery-wrapper .deckgrid .column-1-2 {

        width: 50%

    }



    .gallery-wrapper .deckgrid .column-1-1 {

        width: 100%

    }



    .gallery-wrapper .gallery-item {

        cursor: pointer

    }



    .gallery-wrapper .gallery-item:before {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        width: 100%;

        height: 100%;

        z-index: 99;

        -webkit-transition: all 1s ease-out;

        transition: all 1s ease-out;

        overflow: hidden;

        background-color: #4a4a4a;

        opacity: .5

    }



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

        .gallery-wrapper .gallery-item:before {

            content: none

        }

    }



    .gallery-wrapper .gallery-item:hover .gallery-img {

        -webkit-transform: scale(1.14);

        transform: scale(1.14)

    }



    .gallery-wrapper .gallery-item:hover:before {

        opacity: 0

    }



    .lightbox-nav {

        position: relative;

        margin-bottom: 12px;

        height: 22px;

        text-align: center;

        font-size: 0

    }



    .lightbox-nav .btn-group {

        vertical-align: top

    }



    .lightbox-nav .close {

        position: absolute;

        top: 0;

        right: 0

    }



    .lightbox-image-container {

        position: relative;

        text-align: center

    }



    .lightbox-image-caption {

        position: absolute;

        top: 0;

        left: 0;

        margin: .5em .9em;

        color: #000;

        font-size: 1.5em;

        font-weight: 700;

        text-align: left;

        text-shadow: .1em .1em .2em rgba(255, 255, 255, .5)

    }



    .lightbox-image-caption span {

        padding-top: .1em;

        padding-bottom: .1em;

        background-color: rgba(255, 255, 255, .75);

        box-shadow: .4em 0 0 rgba(255, 255, 255, .75), -.4em 0 0 rgba(255, 255, 255, .75)

    }



    .lightbox-modal .modal-body {

        padding-top: 0

    }



    .lightbox-modal .modal-content {

        box-shadow: none!important;

        border: 0!important;

        outline: 0!important

    }



    .lightbox-modal .close-action-holder {

        line-height: 0

    }



    .lightbox-modal .close {

        margin-bottom: 6px;

        position: relative;

        display: inline-block;

        width: 40px;

        height: 40px;

        overflow: hidden;

        cursor: pointer;

        margin-right: 110px;

        background: 0 0;

        border: 0

    }



    .lightbox-modal .close::after,

    .lightbox-modal .close::before {

        content: '';

        position: absolute;

        height: 2px;

        width: 100%;

        top: 50%;

        left: 0;

        margin-top: -1px;

        background: #fff

    }



    .lightbox-modal .close::before {

        -webkit-transform: rotate(45deg);

        -moz-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        -o-transform: rotate(45deg);

        transform: rotate(45deg)

    }



    .lightbox-modal .close::after {

        webkit-transform: rotate(-45deg);

        -moz-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

        -o-transform: rotate(-45deg);

        transform: rotate(-45deg)

    }



    .lightbox-modal .close.hairline::after,

    .lightbox-modal .close.hairline::before {

        height: 1px

    }



    .lightbox-modal .close.thick::after,

    .lightbox-modal .close.thick::before {

        height: 2px;

        margin-top: -2px

    }



    .lightbox-modal .modal-content {

        background: 0 0

    }



    .lightbox-modal .action-btn {

        display: inline-block

    }



    @media only screen and (min-width:1920px) {

        .lightbox-modal .close {

            margin-right: 158px

        }

    }



    .light-box-btn {

        display: block;

        width: 72px;

        height: 72px;

        position: absolute;

        top: 50%;

        margin-top: -36px;

        z-index: 999;

        background-size: cover!important

    }



    .light-box-btn.btn-prev {

        left: 10px;

        background: url(../img/svg/slider-prev.svg) center center no-repeat

    }



    .light-box-btn.btn-next {

        right: 10px;

        background: url(../img/svg/slider-next.svg) center center no-repeat

    }



    @media only screen and (min-width:1200px) and (max-width:1919px) {

        .light-box-btn.btn-next,

        .light-box-btn.btn-prev {

            width: 60px;

            height: 60px

        }

    }



    @media only screen and (min-width:992px) and (max-width:1199px) {

        .light-box-btn.btn-next,

        .light-box-btn.btn-prev {

            width: 60px;

            height: 60px

        }

    }



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

        .light-box-btn.btn-next,

        .light-box-btn.btn-prev {

            width: 60px;

            height: 60px

        }

    }



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

        .lightbox-modal .close {

            margin-right: 0

        }

        .lightbox-modal .modal-body {

            padding-top: 60px

        }

        .lightbox-modal .modal-content {

            box-shadow: none;

            border: 0

        }

        .light-box-btn.btn-next,

        .light-box-btn.btn-prev {

            position: relative;

            width: 40px;

            height: 40px;

            left: auto;

            right: auto;

            margin-bottom: 18px

        }

        .light-box-btn.btn-prev {

            margin-right: 20px

        }

    }



    .gallery.modal-open {

        overflow-y: auto

    }



    .article-layout {

        padding-top: 205px

    }



    .article-layout .news-article {

        margin: 0 auto;

        padding: 50px;

        max-width: 812px

    }



    .article-layout .news-article:hover img {

        width: 100%;

        height: auto

    }



    .article-layout .news-article .article-content {

        padding-bottom: 0;

        padding-left: 0;

        padding-right: 0

    }



    .article-layout .news-article .article-content .text-wrap>:not(:first-child) {

        margin-top: 20px

    }



    .article-layout .news-article .article-content .text-wrap h2 {

        font-size: 22px

    }



    .article-layout .news-article .article-content .text-wrap ul {

        font-size: 14px

    }



    .article-layout .news-article .article-content .text-wrap a {

        color: inherit;

        text-decoration: underline

    }



    .article-layout .box-hover-style {

        background: rgba(255, 255, 255, .2)

    }



    .article-layout .article-thumb {

        height: auto

    }



    .article-layout .article-thumb img {

        top: 0;

        right: 0;

        left: 0;

        width: 100%;

        position: relative;

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0)

    }



    .article-layout .action-bar {

        padding-top: 30px

    }



    .article-layout .action-btn {

        display: inline-block;

        color: #d0cfcf;

        text-transform: uppercase;

        -webkit-transition: .4s ease-out;

        transition: .4s ease-out

    }



    .article-layout .action-btn:hover {

        color: #fff

    }



    .christmas .text-holder p:first-child span,

    .christmas h2 {

        color: #7e1d18

    }



    .christmas .hero-box:before {

        /* background-image: url(../img/opacitybox_top.png); */
        background-image: none;

        background-position: top center;

        background-size: contain

    }



    .christmas .hero-box:after {

        /* background-image: url(../img/opacitybox_bottom.png); */
        background-image: none;

        background-position: bottom center;

        background-repeat: no-repeat;

        background-size: contain;

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: -1;
        opacity: 0.3;

    }



    .christmas h2 {

        font-family: Cylburn;

        font-weight: 100

    }



    .christmas .box-title {

        font-size: 85px!important

    }



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

        .article-layout {

            padding-top: 70px

        }

        .article-layout .news-article {

            width: auto;

            margin: 15px;

            padding: 15px

        }

        .christmas .hero-box.paragraph-box {

            padding: 20px

        }

        .christmas .box-title {

            font-size: 50px!important

        }

    }



    .christmas .text-holder p {

        margin-top: 20px

    }



    .christmas .text-holder p:first-child {

        font-size: 30px;

        font-weight: 700;

        line-height: 1

    }



    .christmas .text-holder p:not(:last-child) strong {

        text-transform: uppercase

    }



    .christmas .terrace-left-col {

        background-image: url(../img/seasonal-offerings.jpg)

    }



    .christmas .social-food-wrapper .box-text-style {

        margin-top: 86px;

        position: relative

    }



    .christmas .social-food-wrapper .box-text-style:before {

        animation-play-state: paused!important;

        background: url(../img/svg/deer.svg) center center no-repeat;

        bottom: calc(100% + 20px);

        content: '';

        display: block;

        height: 65.77px;

        left: 50%;

        position: absolute;

        transform: translateX(-50%);

        top: auto;

        width: 80px

    }



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

        .christmas .text-holder p:first-child {

            font-size: 20px

        }

        .christmas .social-food-wrapper .box-text-style:before {

            height: 53.1px;

            width: 65px

        }

    }



    .christmas .social-food-wrapper h2 {

        font-size: 65px;

        line-height: 1;

        padding: 20px 20px 15px

    }



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

        .christmas .social-food-wrapper h2 {

            font-size: 50px

        }

    }



    .christmas .box-hover-bg {

        background-color: #fff

    }



    .christmas .box-hover-bg:before {

        background-image: url(../img/whitebox_left.jpg);

        background-position: bottom left;

        background-size: contain

    }



    .christmas .box-hover-bg:after {

        background-image: none

    }



    .christmas .box-hover-bg svg {

        height: 20.13px;

        width: 50px;

        position: absolute

    }



    .christmas .box-hover-bg svg:nth-of-type(1) {

        left: 5px;

        top: 20px;

        transform: rotate(-45deg)

    }



    .christmas .box-hover-bg svg:nth-of-type(2) {

        right: 5px;

        top: 20px;

        transform: rotate(45deg)

    }



    .christmas .box-hover-bg svg:nth-of-type(3) {

        left: 5px;

        bottom: 20px;

        transform: rotate(45deg)

    }



    .christmas .box-hover-bg svg:nth-of-type(4) {

        right: 5px;

        bottom: 20px;

        transform: rotate(-45deg)

    }



    @media screen and (-ms-high-contrast:active),

    (-ms-high-contrast:none) {

        .hst-left-col {

            width: 100.1%

        }

    }