@charset "utf-8";
                /* CSS Document */
                
                @font-face {
                    font-family: 'lt_oksanaregular';
                    src: url('../fonts/lrt_oksana-webfont.woff2') format('woff2'), url('../fonts/lrt_oksana-webfont.woff') format('woff');
                    font-weight: normal;
                    font-style: normal;
                }
                
                html {
                    position: relative;
                    min-height: 100%;
                }
                
                body {
                    background: url('../img/bg_html.jpg') top left repeat-x;
                    border-top: 7px solid #100F0E;
                    font-family: "Segoe UI Symbol";
                    color: #333;
                    font-size: 0.9em;
                    margin: 0;
                    margin-bottom: 150px;
                    padding: 0;
                    padding-bottom: 150px;
                }
                
                h2,
                h3,
                h4 {
                    font-family: "lt_oksanaregular";
                    color: #100F0E
                }
                
                h3 {
                    text-transform: capitalize;
                    padding-top: 0;
                }
                
                .headmask {
                    position: relative;
                    height: 275px;
                    margin-bottom: 40px;
                    padding: 0;
                }
                
                .headmask .logo {
                    position: absolute;
                    margin: 10px 0;
                    left: 0;
                }
                
                .headmask .fourstar {
                    position: absolute;
                    top: 85px;
                    left: 62px;
                }
                
                .headmask .kalkbay {
                    position: absolute;
                    top: 91px;
                    right: 120px;
                }
                
                .headmask #cancel-link {
                    font-size: 18px;
                    position: absolute;
                    right: 0;
                    top: 250px;
                    z-index: 500;
                    color: #100F0E;
                    font-weight: 900;
                }
                
                .book {
                    position: relative;
                    width: 250px;
                    height: auto;
                    margin: 0 auto;
                    top: 0;
                }
                
                .headmask .book-top,
                .headmask .book-bottom {
                    width: 130px;
                    height: auto;
                    position: absolute;
                    top: 100px;
                    right: 15px;
                    -webkit-transition: opacity 1s ease-in-out;
                    -moz-transition: opacity 1s ease-in-out;
                    -o-transition: opacity 1s ease-in-out;
                    transition: opacity 1s ease-in-out;
                }
                
                @keyframes cf3FadeInOut {
                    0% {
                        opacity: 1;
                    }
                    45% {
                        opacity: 1;
                    }
                    55% {
                        opacity: 0;
                    }
                    100% {
                        opacity: 0;
                    }
                }
                
                .headmask img.book-top,
                .headmask img.book-top {
                    animation-name: cf3FadeInOut;
                    animation-timing-function: ease-in-out;
                    animation-iteration-count: infinite;
                    animation-duration: 3s;
                    animation-direction: alternate;
                }
                /* OVERRIDE BOOTSTRAP STYLES */
                
                .navbar {
                    background: transparent !important;
                    border: 0;
                    border-bottom: none !important;
                    padding-bottom: 0;
                    border-radius: 0;
                }
                
                .navbar .nav>li>a {
                    font-family: "lt_oksanaregular";
                    font-size: 1.9em;
                    color: #100F0E;
                    font-weight: bold;
                    letter-spacing: 0.1px;
                    padding-left: 10px;
                    padding-right: 10px;
                    padding-top: 40px;
                    margin-top: -8px;
                    text-transform: uppercase;
                }
                
                .navbar-default .navbar-nav>li>a:hover,
                .navbar-default .navbar-nav>li>a:focus {
                    text-transform: uppercase;
                    color: #100F0E;
                    background: url('../img/bg_menu_hover.png') repeat-x top;
                    text-shadow: 1px 1px 1px #FFF;
                    border-top: none;
                    box-shadow: 0 2px 1px -1px #344050;
                    -moz-box-shadow: 0 2px 1px -1px #344050;
                    -webkit-box-shadow: 0 2px 1px -1px #344050;
                }
                
                .navbar-default .navbar-nav>.active>a,
                .navbar-default .navbar-nav>.active>a:hover,
                .navbar-default .navbar-nav>.active>a:focus {
                    background: url('../img/bg_menu_hover.png') repeat-x top;
                    text-shadow: 1px 1px 1px #FFF;
                    border-top: none;
                    box-shadow: 0 2px 1px -1px #344050;
                    -moz-box-shadow: 0 2px 1px -1px #344050;
                    -webkit-box-shadow: 0 2px 1px -1px #344050;
                    text-transform: uppercase;
                }
                
                .navbar .navbar-nav {
                    float: none;
                }
                
                .navbar .navbar-collapse {
                    text-align: center;
                    color: #100F0E !important;
                    z-index: 3000;
                    border-bottom: none;
                }
                
                .navbar .navbar-collapse a {
                    border-bottom: none;
                }
                
                .navbar-default .navbar-nav>li:nth-last-child(2) {
                    background-color: #BCDBED !important;
                    color: #fff !important;
                    box-shadow: 0 8px 4px -4px gray;
                }
                
                #facebook {
                    margin-top: -18px;
                    text-align: right;
                }
                
                span.page-title {
                    display: block;
                    position: absolute;
                    top: 265px;
                    left: -292px;
                }
                
                span.page-title h1 {
                    font-family: "lt_oksanaregular";
                    margin: 0;
                    padding: 0;
                    font-size: 360%;
                    font-weight: lighter;
                    font-weight: 20;
                    letter-spacing: 0.015em;
                    color: #FFF;
                    text-shadow: 1px 2px 1px #AAA;
                    text-transform: uppercase;
                }
                
                #owl-demo {
                    padding-bottom: 30px;
                }
                
                #owl-demo .item img {
                    display: block;
                    width: 100%;
                    height: auto;
                    margin-bottom: 30px;
                }
                
                #owl-demo .owl-caption {
                    display: block;
                    background-color: rgba(0, 0, 0, 0.60);
                    color: white;
                    padding: 10px;
                    position: absolute;
                    bottom: 45px;
                    width: 65%;
                }
                
                #owl-demo .owl-caption h3 {
                    color: #fff;
                }
                
                .owl-height {
                    height: 350px;
                }
                
                .title-img-wrap {
                    position: relative;
                    display: block;
                    width: 100%;
                    min-height: 420px;
                    margin-bottom: 50px;
                    background-size: cover;
                    background-position: center center;
                    background-repeat: repeat-x;
                    transition: all 1s ease;
                    -moz-transition: all 1s ease;
                    -ms-transition: all 1s ease;
                    -webkit-transition: all 1s ease;
                    -o-transition: all 1s ease;
                }
                
                .title-img-wrap img {
                    position: absolute;
                    width: 100%;
                    height: auto;
                }
                
                .title-img-wrap .img-caption {
                    background-color: rgba(0, 0, 0, 0.60);
                    color: white;
                    padding: 10px;
                    position: absolute;
                    bottom: 15px;
                    width: 65%;
                }
                
                .title-img-wrap h4 {
                    color: #fff;
                }
                
                .content-wrap {
                    background: url('../img/bg_content_scroller.png') repeat-x top;
                    border: none;
                    padding-top: 15px;
                    box-shadow: none;
                }
                
                .content {
                    background-color: #fff;
                    font-size: 15px;
                    margin-bottom: 40px;
                }
                
                .content a {
                    color: #1A1A1A;
                }
                
                .content a:hover,
                .content a:focus {
                    text-decoration: none;
                    color: #999;
                }
                
                .content td,
                th {
                    border-bottom: 1px dotted #ccc;
                    padding: 15px 0;
                }
                
                .content tr:nth-last-child(1) {
                    border-bottom: 1px solid #f7f7f7;
                }
                
                .content ul {
                    list-style-type: none;
                    padding-left: 15px;
                }
                
                .content li {
                    list-style: none;
                    margin-left: 0;
                }
                
                .content ul.one li:before {
                    content: "\f005";
                    /* en dash */
                    position: absolute;
                    margin-left: -1.1em;
                    color: #BCDBED;
                    font-family: FontAwesome;
                    font-size: 16px;
                    line-height: 1;
                    padding: 4px 0;
                }
                
                .content ul.two li:before {
                    content: "\f101";
                    /* en dash */
                    position: absolute;
                    margin-left: -1.1em;
                    color: #BCDBED;
                    font-family: FontAwesome;
                    font-size: 1.0em;
                    line-height: 1;
                    padding: 4px 0;
                }
                
                .content ul.three li:before {
                    content: "\f105";
                    /* en dash */
                    position: absolute;
                    margin-left: -0.9em;
                    color: #999;
                    font-family: FontAwesome;
                    line-height: 1.5em;
                    padding: 10px 0;
                }
                
                .content .img-container-left {
                    padding-right: 0;
                }
                
                .content .img-container-right {
                    padding-left: 0;
                }
                /*** PHOTOGALLERY ***/
                
                .media {
                    display: inline-block;
                    position: relative;
                    width: 285px;
                    height: 195px;
                    margin: 0;
                }
                
                #nav-activities-wrap {
                    float: right;
                    width: 280px;
                    margin: 0 0 25px 50px;
                }
                
                .nav-activities {
                    float: right;
                    width: 280px;
                    margin: 0 0 25px 50px;
                    padding: 15px;
                    padding-bottom: 10px;
                    background-color: #eee;
                }
                
                .nav-activities ul {
                    width: 100%;
                    padding-left: 15px;
                }
                
                .nav-activities li a {
                    display: block;
                    text-align: left;
                    list-style: none;
                    padding: 5px 0;
                    color: #1A1A1A;
                    font-size: 1.2em;
                    line-height: 1.5em;
                }
                
                .nav-activities a:hover,
                .nav-activities a:focus {
                    text-decoration: none;
                    color: #999;
                }
                
                .page-image {
                    height: 100%;
                    width: auto;
                }
                
                #restaurants {
                    background-color: #000;
                    padding: 15px;
                    display: block;
                }
                
                #restaurants a,
                #restaurants h3 {
                    display: block;
                    color: #fff;
                }
                
                .footer {
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    padding: 50px 20px;
                    padding-top: 70px;
                    /* Set the fixed height of the footer here */
                    background: #BCDBED url('../img/bg_footer.png') repeat-x;
                }
                
                .testimonials {
                    margin: 0 200px 0 50px;
                }
                
                .testimonials .blockquote {
                    border-left: none;
                }
                
                .testimonials .blockquote {
                    background: url('../img/quotes-left.png') no-repeat top left;
                    background-size: 45px 45px;
                    padding-left: 28px;
                    padding-right: 20px;
                    padding-top: 10px;
                    color: rgba(0, 0, 0, 0.582);
                }
                
                .testimonials .blockquote p {
                    padding-bottom: 10px;
                    font-size: 14px;
                }
                
                .testimonials cite {
                    font-size: 14px;
                    font-style: normal;
                    letter-spacing: 1.1px;
                }
                
                .testimonials span {
                    display: block;
                    font-family: 'FagoNoTf';
                    font-size: 16px;
                    letter-spacing: 1.1px;
                    font-style: normal;
                    text-transform: uppercase;
                    margin-bottom: 5px;
                }
                
                .slick-prev,
                .slick-next {
                    color: white;
                    opacity: 1;
                    height: 90px;
                    width: 90px;
                    margin-top: 0;
                }
                
                .slick-prev path,
                .slick-next path {
                    fill: rgba(0, 0, 0, 0.2);
                }
                
                .slick-prev:hover path,
                .slick-next:hover path {
                    fill: rgba(0, 0, 0, 0.4);
                }
                
                .slick-prev {
                    left: -80px;
                }
                
                .slick-next {
                    right: -80px;
                }
                
                .slick-prev:before,
                .slick-next:before {
                    content: none;
                }
                
                .footer .container {
                    padding: 0;
                }
                
                .footer p {
                    font-size: 180%;
                    color: #100F0E;
                }
                
                .footer ul {
                    margin: 0;
                    padding: 0;
                }
                
                .footer li {
                    display: inline-block;
                    padding-top: 3px;
                }
                
                .footer li a {
                    font-size: 15px;
                    color: rgba(16, 15, 14, 0.60);
                    margin-right: 25px;
                }
                
                .footer a:hover {
                    text-decoration: none;
                    border-bottom: 1px solid #333;
                    color: #333;
                }
                
                .s_logo_img {
                    display: none;
                }
                
                @media screen and (max-width:420px) {
                    .nav-activities,
                    #restaurants {
                        width: 100%!important;
                    }
                    .testimonials {
                        display: none;
                    }
                    .headmask .book-top,
                    .headmask .book-bottom {
                        top: 50px;
                    }
                    .headmask #cancel-link {
                        top: 275px;
                        right: 20px;
                    }
                }
                
                @media screen and (max-width:768px) {
                    span.page-title {
                        top: 200px;
                        left: 0;
                        right: 15px;
                    }
                    .content-wrap {
                        margin-top: 50px;
                    }
                    .headmask .logo {
                        max-width: 210px;
                        height: auto;
                        left: 15px;
                    }
                    .headmask .book {
                        top: 55px;
                        right: 15px;
                    }
                }
                
                @media screen and (max-width: 1024px) {
                    span.page-title h1 {
                        font-size: 300%;
                    }
                    .mobilehead {
                        background-color: rgba(188, 219, 237, 1) !important;
                    }
                    nav.navbar-default {
                        background-color: transparent!important;
                    }
                    .navbar-header {
                        float: none;
                    }
                    .navbar-left,
                    .navbar-right {
                        float: none !important;
                    }
                    .navbar-toggle {
                        display: block;
                        padding: 20px;
                        background-color: transparent;
                        border: 0;
                        box-shadow: none;
                    }
                    .navbar-toggle:hover,
                    .navbar-toggle:focus {
                        background-color: transparent!important;
                    }
                    .navbar-toggle .icon-bar {
                        color: #000!important;
                        width: 35px!important;
                        margin: 8px!important;
                    }
                    .navbar-collapse {
                        border-top: 1px solid transparent;
                        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
                        background-color: rgba(188, 219, 237, 0.95) !important;
                    }
                    .navbar-collapse.collapse.in {
                        width: 100%;
                        max-height: none;
                        height: 100vh;
                        display: block !important;
                    }
                    .navbar-fixed-top {
                        top: 0;
                        border-width: 0;
                    }
                    .navbar-collapse.collapse {
                        display: none!important;
                    }
                    .navbar-nav {
                        float: none!important;
                    }
                    .navbar-nav>li {
                        float: none;
                        margin-bottom: 5px!important;
                    }
                    .navbar-nav>li>a {
                        padding-top: 13px !important;
                        padding-bottom: 10px!important;
                        font-size: 1.5em !important;
                        letter-spacing: 2px!important;
                    }
                    .navbar-default .navbar-nav>li>a:hover,
                    .navbar-default .navbar-nav>li>a:focus,
                    .navbar-default .navbar-nav>.active>a,
                    .navbar-default .navbar-nav>.active>a:hover,
                    .navbar-default .navbar-nav>.active>a:focus {
                        background-color: rgba(255, 255, 255, 0.50) !important;
                        box-shadow: none;
                        background-image: none;
                        margin-top: 0;
                        margin-bottom: 0;
                        padding-top: 13px !important;
                        padding-bottom: 10px!important;
                    }
                }
                
                @media screen and (max-width: 1336px) {
                    .testimonials {
                        padding-top: 200px;
                        display: none;
                    }
                    span.page-title {
                        left: -10px;
                    }
                }