/**
 * Theme Name:  MakrisHotel
 * Theme URI:   https://www.makrishotel.gr
 * Description: WordPress theme for Makris Hotel Kamari, Santorini
 * Version:     1.1.0
 * Author:      Digitalbox
 * Author URI:  http://digitalbox.gr
 * Tags:        one-column
 * Text Domain: starter_audemedia_framework
 */
    /* Table of Contents
- - - - - - - - -
1. Global
2. Headers
3. Home Pages
16. Media Queries
- - - - - - - - -
*/
    /* ============
1 = Global
============ */
    
    body {
        background: #fff;
        color: #808080;
        font-family: 'Ubuntu', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
        margin: 0;
        position: relative;
    }
    
    .row {
        margin: 0 auto;
        max-width: 1170px;
        width: 100%;
    }
    
    .row.full-width {
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
    }
    
    .row.width-75 {
        margin: 0 auto;
        max-width: 75%;
        width: 75%;
    }
    
    .row.no-gutter {
        margin: 0 auto;
    }
    
    .row.no-gutter [class*='col-']:not(:first-child),
    .row.no-gutter [class*='col-']:not(:last-child) {
        padding-left: 0;
        padding-right: 0;
    }
    
    .row.no-gutter-all {
        margin: 0 auto;
    }
    
    .row.no-gutter-all [class*='col-'] {
        padding-left: 0;
        padding-right: 0;
    }
    
    .center-block {
        float: none;
    }
    
    a {
        color: #2B99C6;
        outline: 0;
        text-decoration: none;
    }
    
    a:hover,
    a:active,
    a:focus {
        outline: 0;
        text-decoration: none;
        color: #000;
    }
    
    code {
        background: #f5f2f0;
        border: 0;
        border-radius: 6px;
        color: #303038;
        display: block;
        font-family: consolas, monaco, 'andale mono', monospace;
        font-weight: normal;
        line-height: 1.3;
        margin: 8px 0;
        padding: 12px;
        text-shadow: 0 1px white;
        white-space: -moz-pre-wrap;
        white-space: -o-pre-wrap;
        white-space: pre-wrap;
    }
    
    img {
        max-width: 100%;
        height: auto;
        -ms-interpolation-mode: bicubic;
        display: inline-block;
        vertical-align: middle;
    }
    
    .center-block {
        float: none;
    }
    
    .alignright {
        float: right;
        padding-left: 35px;
    }
    
    .alignleft {
        float: left;
        padding-right: 35px;
    }
    
    section {
        padding: 55px 0;
    }
    
    .spacing-45 {
        padding-top: 45px;
    }
    
    .spacing-20 {
        padding-top: 20px;
    }
    
    .spacing-130 {
        padding-top: 130px;
    }
    
    .spacing-65 {
        padding-top: 65px;
    }
    
    .spacing-230 {
        padding-top: 230px;
    }
    /* Ηeadings */
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Ubuntu', sans-serif;
        letter-spacing: -0.02em;
        font-weight: 900;
        line-height: 1.3;
        margin-bottom: 12px;
        margin-top: 12px;
        text-rendering: optimizelegibility;
    }
    
    h1 {
        font-size: 44px;
    }
    
    h2 {
        font-size: 34px;
    }
    
    h3 {
        font-size: 27px;
    }
    
    h4 {
        font-size: 23px;
    }
    
    h5 {
        font-size: 17px;
    }
    
    h6 {
        font-size: 14px;
    }
    /* End of Ηeadings */
    
    p {
        font-family: inherit;
        font-size: 15px;
        line-height: 1.5;
        margin: 0 0 17px 0;
        font-weight: 400;
    }
    
    ul li,
    ol li {
        font-family: inherit;
        font-size: 15px;
        line-height: 1.5;
        font-weight: 400;
    }
    
    hr {
        border: solid #999;
        border-width: 1px 0 0;
        clear: both;
        height: 0;
        margin: 21px 0;
    }
    
    hr.small {
        border: solid #313740;
        border-width: 1px 0 0;
        clear: both;
        height: 0;
        margin: 0 auto;
        margin-top: 21px;
        margin-bottom: 21px;
        max-width: 100px;
    }
    /* Forms */
    
    input[type="text"].form-control,
    input[type="password"].form-control,
    input[type="date"].form-control,
    input[type="datetime"].form-control,
    input[type="email"].form-control,
    input[type="number"].form-control,
    input[type="search"].form-control,
    input[type="tel"].form-control,
    input[type="time"].form-control,
    input[type="url"].form-control {
        font-size: 18px;
        height: 55px;
        padding: 5px 15px;
        width: 100%;
    }
    
    textarea.form-control {
        font-size: 18px;
        padding: 15px;
        width: 100%;
    }
    
    select.form-control {
        font-size: 18px;
        height: 55px;
        padding: 5px 15px;
        width: 100%;
    }
    
    button[type="submit"] {
        background: #0791d4;
        border: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 5px;
        border-radius: 4px;
        border-top-left-radius: 0;
        border-top-right-radius: 5px;
        color: #fff;
        cursor: pointer;
        float: left;
        font-size: 16px;
        font-weight: 900;
        height: 55px;
        padding: 8px 6px 6px;
        text-transform: uppercase;
        width: 100%;
    }
    
    button[type="submit"]:hover {
        background: #666;
    }
    
    input[type="text"].form-control:focus,
    input[type="password"].form-control:focus,
    input[type="date"].form-control:focus,
    input[type="datetime"].form-control:focus,
    input[type="email"].form-control:focus,
    input[type="number"].form-control:focus,
    input[type="search"].form-control:focus,
    input[type="tel"].form-control:focus,
    input[type="time"].form-control:focus,
    input[type="url"].form-control:focus,
    textarea.form-control:focus,
    select:focus {
        box-shadow: none;
    }
    /* Bootstrap 5 columns */
    
    .col-xs-15,
    .col-sm-15,
    .col-md-15,
    .col-lg-15 {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }
    /* ============
2 = Headers
============ */
    /* HEADER 1  ---------------------- */
    
    #hw-hero {
        position: relative;
    }
    
    .header.header1 {
        position: absolute;
        top: 0;
        z-index: 9999;
        width: 100%;
    }
    
    .header.header1 .topbar {
        padding: 10px 0;
        margin: 0;
    }
    
    .header ul.phone {
        margin: 0;
        padding: 10px 0 0 8px;
        list-style: none;
        display: block;
        clear: both;
    }
    
    .header ul.phone li {
        float: left;
        font-size: 13px;
        font-weight: 500;
        color: #000;
        letter-spacing: .045em;
        padding: 0;
        text-transform: uppercase;
    }
    
    .header ul.phone li:after {
        content: "| ";
        margin: 0 5px;
        color: rgba(0, 0, 0, .15)
    }
    
    .header ul.phone li:last-child:after {
        content: "";
        margin: 0;
    }
    
    .header ul.phone li a {
        color: #000!important;
    }
    
    .header ul.phone li a {
        color: black!important;
    }
    
    .header ul.phone li a:hover {
        color: #2B99C6;
    }
    
    .header ul.toplinks li:first-child i {
        margin-right: 4px;
        color: #fff;
        width: 21px;
        height: 21px;
        border-radius: 50%;
        background: #71716D;
        text-align: center;
        font-size: 12px;
        padding: 5px 0 0 2px;
    }
    
    .header ul.toplinks li:first-child {
        padding-right: 5px;
        border-right: 1px solid rgba(255, 255, 255, .4);
        margin-right: 10px;
        font-size: 15px;
        letter-spacing: .03em
    }
    
    .header ul.phone li i {
        color: #fff;
        text-align: center;
        font-size: 13px;
        padding-top: 5px;
        margin: 0;
    }
    
    .header ul.phone li i:hover {
        color: #E1E3E4;
    }
    
    .header ul.toplinks {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }
    
    .header ul.toplinks li {
        float: left;
        font-size: 13px;
        padding: 0 5px;
        font-weight: 400;
        color: #000;
        text-transform: uppercase;
    }
    
    .header ul.toplinks li a {
        color: #000!important;
    }
    
    .header ul.toplinks li.facebook i {
        margin-right: 1px;
        color: #fff;
        width: 21px;
        height: 21px;
        border-radius: 50%;
        background: #71716D;
        text-align: center;
        font-size: 11px;
        padding-top: 5px;
    }
    
    .header ul.toplinks li.twitter i {
        margin-right: 12px;
        color: #fff;
        width: 21px;
        height: 21px;
        border-radius: 50%;
        background: #71716D;
        text-align: center;
        font-size: 11px;
        padding-top: 5px;
    }
    
    .header ul.toplinks li.youtube i {
        margin-right: 12px;
        color: #fff;
        width: 21px;
        height: 21px;
        border-radius: 50%;
        background: #7ECDED;
        text-align: center;
        font-size: 11px;
        padding-top: 5px;
    }
    
    .header ul.phone li.weather {
        font-size: 13px;
        margin: 0 20px 0 0;
        padding: 0 15px 0 0;
        border-right: 1px solid rgba(255, 255, 255, .4);
    }
    
    .header ul.toplinks li.facebook span,
    .header ul.toplinks li.twitter span,
    .header ul.toplinks li.youtube span {
        display: none;
    }
    
    .header ul.phone li.weather span {
        margin: 0;
        padding: 0;
    }
    
    .header ul.phone li.weather img {
        margin: 0;
        padding: 0;
        max-height: 21px;
    }
    
    .header ul.toplinks li:last-child {
        padding-right: 0;
    }
    
    .header ul.toplinks li a {
        text-align: center;
        font-size: 13px;
        color: #fff;
    }
    
    .header ul.toplinks li a:hover {
        color: #E1E3E4;
    }
    
    .header ul.toplinks li a img {
        border: 1px solid rgba(255, 255, 255, .6);
        border-radius: 2px;
    }
    
    .header ul.toplinks li i {
        font-size: 18px;
        padding-top: 2px;
    }
    
    .header ul.toplinks li span.badge {
        margin: -11px 0 0 5px;
        background: #E4961B;
        font-size: 11px;
        border: 50%;
        padding: 2px 4px 3px;
    }
    
    .header .logonav {
        background: #fff;
        padding: 0;
    }
    
    .header .logo {
        margin: 12px 0 5px;
        padding-left: 0;
    }
    
    .btn.btn-primary {
        background: #2B99C6;
        border: 0;
        border-radius: 0;
        padding: 10px 18px 12px;
        font-size: 15px;
        box-shadow: none;
        font-weight: 300;
        letter-spacing: .04em;
    }
    
    .btn.btn-primary:hover {
        background: #000;
    }
    /* Navigation  ---------------------- */
    
    nav#desktop-menu {
        padding: 0;
        float: right;
        text-align: left;
    }
    
    .f-nav {
        z-index: 1000;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: #fff;
        margin-top: -4px;
        -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
        -moz-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
        box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
    }
    
    .fadeindown {
        -webkit-animation-duration: .45s;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -webkit-animation-name: fadeInDown;
        -moz-animation-duration: .45s;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: both;
        -moz-animation-name: fadeInDown;
        animation-duration: .45s;
        animation-timing-function: ease;
        animation-fill-mode: both;
        animation-name: fadeInDown;
    }
    /*** ESSENTIAL STYLES ***/
    
    .sf-menu,
    .sf-menu * {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .sf-menu li {
        position: relative;
    }
    
    .sf-menu ul {
        position: absolute;
        display: none;
        top: 100%;
        left: 0;
        z-index: 99;
    }
    
    .sf-menu>li {
        float: left;
    }
    
    .sf-menu li:hover>ul,
    .sf-menu li.sfHover>ul {
        display: block;
    }
    
    .sf-menu a {
        display: block;
        position: relative;
    }
    
    .sf-menu ul ul {
        top: 0;
        left: 100%;
    }
    /*** SKIN ***/
    
    .sf-menu {
        float: left;
        margin: 0;
    }
    
    .sf-menu ul {
        min-width: 10em;
        *width: 10em;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    }
    /* 1st level */
    
    .sf-menu li {
        white-space: nowrap;
        *white-space: normal;
    }
    
    .sf-menu li a {
        color: #363B3F;
        font-weight: 400;
        padding: 30px 17px;
        font-size: 13px;
        letter-spacing: .01em;
        text-transform: uppercase;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    }
    
    .sf-menu li:last-child a {
        color: #fff;
        background: #2B99C6;
        padding: 10px 16px;
        border-radius: 34px;
        margin: 20px 0 0 7px;
        box-shadow: 0 6px 13px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
    }
    
    .sf-menu li:last-child a:hover {
        background: #6D6E71;
        color: #fff;
    }
    
    .sf-menu li:hover a,
    .sf-menu li.sfHover a,
    .sf-menu li.current-menu-item a,
    .sf-menu li.current_page_ancestor a {
        color: #363B3F;
        background: #F3F5F7;
    }
    /* 2nd level */
    
    .sf-menu ul li,
    .sf-menu li.current ul li {
        background: #fff !important;
        padding: 0;
    }
    
    .sf-menu ul li a {
        background: #fff !important;
        font-size: 12px;
        padding: 12px 16px;
        color: #363B3F !important;
        border-bottom: 1px solid #F3F5F7;
    }
    
    .sf-menu ul li:last-child a {
        background: #fff !important;
        font-size: 12px;
        padding: 12px 16px;
        color: #363B3F !important;
        border-bottom: 1px solid #F3F5F7;
        border-radius: 0;
        margin: 0;
    }
    
    .sf-menu ul li:hover a,
    .sf-menu ul li.sfHover a {
        background: #F3F5F7 !important;
        color: #363B3F !important;
        -webkit-transition: none;
        transition: none;
        border-bottom: 1px solid #F3F5F7;
    }
    /* 3rd level */
    
    .sf-menu ul li.sfHover li a {
        background: #fff !important;
        font-size: 12px;
        padding: 12px 16px;
        color: #363B3F !important;
        border-bottom: 1px solid #F3F5F7;
    }
    
    .sf-menu ul li li:hover a,
    .sf-menu ul li li.sfHover a {
        background: #666 !important;
        color: #fff !important;
        -webkit-transition: none;
        transition: none;
        border-bottom: 1px solid #666;
    }
    /* styling for both css and generated arrows */
    
    .sf-arrows .sf-with-ul {
        padding-right: 2.5em;
        *padding-right: 1em;
    }
    
    .sf-arrows .sf-with-ul:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 1em;
        margin-top: -3px;
        height: 0;
        width: 0;
        border: 5px solid transparent;
        border-top-color: #8C8C8C;
    }
    
    .sf-arrows>li>.sf-with-ul:focus:after,
    .sf-arrows>li:hover>.sf-with-ul:after,
    .sf-arrows>.sfHover>.sf-with-ul:after {
        border-top-color: #8C8C8C;
    }
    
    .sf-arrows ul .sf-with-ul:after {
        margin-top: -5px;
        margin-right: -3px;
        border-color: transparent;
        border-left-color: #6f6f6f;
    }
    
    .sf-arrows ul li>.sf-with-ul:focus:after,
    .sf-arrows ul li:hover>.sf-with-ul:after,
    .sf-arrows ul .sfHover>.sf-with-ul:after {
        border-left-color: #6f6f6f;
    }
    
    .slicknav_menu {
        display: none;
    }
    /* END OF HEADER 1  ---------------------- */
    /* HEADER 2  ---------------------- */
    
    .header.header2 .topbar {
        padding: 10px 0;
        margin: 0;
        background: #fff;
        border-bottom: 1px solid #e8e8e8;
    }
    
    .header.header2 ul.phone li {
        font-size: 13px;
    }
    
    p.bookdirect_btn {
        display: table;
        margin: 0 auto 15px;
    }
    
    .booking span.texting {
        display: table;
        margin: 0 auto 6px;
        background: #2B99C6;
        width: auto;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -.02em;
        text-align: center;
        padding: 14px 25px;
        position: relative;
        z-index: 998;
        border-radius: 0;
        outline: 1px solid rgba(255, 255, 255, .2);
        outline-offset: -6px;
    }
    
    .booking span.texting a {
        color: #fff !important;
    }
    
    .booking span.texting:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(43, 153, 198, 0);
        border-top-color: #2B99C6;
        border-width: 8px;
        margin-left: -8px;
    }
    
    .booking {
        margin-top: -100px;
        position: relative;
        z-index: 997;
    }
    
    .booking-form {
        background: #fff;
        padding: 25px 20px;
        margin-top: -6px;
        position: relative;
        z-index: 996;
        border-radius: 0;
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
    }
    
    .booking-form span {
        display: block;
        margin-bottom: 6px;
        font-size: 12px;
        letter-spacing: .08em;
        color: #999;
        font-family: 'Cardo', serif;
        font-weight: 400;
    }
    
    .booking-form input[type="text"] {
        font-size: 15px;
        padding: 8px 12px;
        width: 100%;
        font-family: 'Cardo', serif;
        font-weight: 400;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 4px;
    }
    
    .booking-form select {
        font-size: 15px;
        padding: 10px 12px;
        width: 100%;
        font-family: 'Cardo', serif;
        font-weight: 400;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 4px;
        -webkit-appearance: none;
    }
    
    .booking input[type="submit"] {
        color: #fff;
        background: #cb9136;
        padding: 10px 16px;
        border-radius: 34px;
        margin: 20px 0 0 7px;
        box-shadow: 0 6px 13px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
        border: 0;
        display: block;
        width: 100%;
        height: 45px;
        line-height: 4px;
    }
    
    .line {
        display: table;
        width: 362px;
        margin: auto;
        position: relative;
        background-image: url(images/t.png);
        background-position: center center;
        background-repeat: no-repeat;
        margin: 40px auto;
    }
    
    .booking input[type="submit"]:hover {
        background: #6D6E71;
    }
    
    .line .fa {
        display: table;
        margin: auto;
        color: #7EC8E2;
    }
    
    a.flightsubmit {
        background: #2B99C6;
        margin: 40px auto 0;
        width: auto;
        display: table;
        font-size: 14px;
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
        padding: 11px 15px;
        border: 0;
        cursor: pointer;
        -ms-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        box-sizing: border-box;
        margin: 20px auto 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border-radius: 34px;
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
    }
    
    a.flightsubmit:hover {
        background: #000;
    }
    /* ==================================
2 = Home Pages
==================================== */
    /* HOME 1  ---------------------- */
    
    section {
        padding: 55px 0;
        overflow: hidden;
    }
    
    section h1 {
        text-align: center;
        margin-bottom: 25px;
    }
    
    section h1 span {
        color: #2B99C6;
    }
    
    .bookdirectly {
        background: #fff;
        top: -65px;
        position: relative;
        width: 100%;
        padding-bottom: 0 !important;
    }
    
    .bookdirectly h1 {
        padding-top: 0;
        margin: 0 0 20px;
        font-size: 30px;
        text-transform: uppercase;
        text-align: center;
    }
    
    .bookdirectly p {
        text-align: center;
    }
    
    .bookdirectly img {
        margin: 0 auto;
    }
    
    .bookdirectly .order-step {
        height: 40px;
        margin: 25px 0 20px;
    }
    
    .bookdirectly h3.hsteps {
        font-size: 20px;
        margin-top: 19px;
    }
    
    .bookdirectly .order-step .order-circle {
        position: relative;
        text-align: center;
    }
    
    .bookdirectly .order-step .order-circle .line {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -1px;
        height: 3px;
        background: #d8dbe4;
        z-index: 1;
    }
    
    .bookdirectly .order-step .order-circle .line.left-side {
        width: 50%;
        right: 0;
    }
    
    .bookdirectly .order-step .order-circle .line.right-side {
        width: 50%;
        left: 0;
    }
    
    .bookdirectly .reasontext {
        padding: 0 20px;
    }
    
    .bookdirectly button.success,
    .page-id-15 button.success,
    .page-id-884 button.success {
        border-color: #419641;
        background-color: #5cb85c;
        color: #edf7ed;
        text-shadow: 0 -1px 0 #449d44;
    }
    
    .bookdirectly button {
        display: table;
        clear: both;
        margin: 16px auto 0;
        padding: 0 7px;
        font-size: 12px;
        line-height: 19px;
        min-height: 22px;
        text-align: center;
        cursor: pointer;
        white-space: nowrap;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        outline: 0;
        border-radius: 3px;
        color: #333;
        border: 1px solid #ccc;
        background-color: #fafafa;
        box-shadow: inset 0 -3px 6px rgba(0, 0, 0, .15);
    }
    
    .page-id-15 button,
    .page-id-884 button {
        display: table;
        clear: both;
        margin: 16px 0 0;
        padding: 0 7px;
        font-size: 12px;
        line-height: 19px;
        min-height: 22px;
        text-align: center;
        cursor: pointer;
        white-space: nowrap;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        outline: 0;
        border-radius: 3px;
        color: #333;
        border: 1px solid #ccc;
        background-color: #fafafa;
        box-shadow: inset 0 -3px 6px rgba(0, 0, 0, .15);
    }
    
    .bookdirectly .order-step .order-circle span {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 55px;
        height: 55px;
        line-height: 45px;
        text-align: center;
        font-size: 18px;
        -webkit-border-radius: 1000px;
        -moz-border-radius: 1000px;
        -ms-border-radius: 1000px;
        -o-border-radius: 1000px;
        border-radius: 1000px;
        color: #fff;
        font-weight: 900;
        background: #3995c4;
        z-index: 10;
        padding-top: -20px;
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
        border: 5px solid #d7d5d8;
    }
    
    .bookdirectly .order-step .order-circle span.left-side {
        margin-right: 15px;
    }
    
    .bookdirectly .order-step .order-circle span.right-side {
        margin-left: 15px;
    }
    
    .bookdirectly a.btn.btn-default {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        font-size: 14px;
        background: #e19827;
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
        padding: 11px 15px;
        border-radius: 0;
        border: 1px solid #e19827;
        cursor: pointer;
        text-shadow: none;
        display: table;
        margin: 35px auto 0;
        border-radius: 34px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
    }
    
    .bookdirectly a.btn.btn-default:hover {
        background: #ffffff;
        color: #2B99C6;
        border: 1px solid #2B99C6;
    }
    /* features */
    
    section.introtext {
        padding-top: 0;
        padding-bottom: 60px;
    }
    
    section.introtext.mhome {
        background: #f8f8f8;
        padding: 50px 0;
    }
    
    section.introtext h1 {
        padding-top: 0;
        margin-top: 0;
        font-size: 34px;
        text-transform: uppercase;
    }
    
    section.introtext.mhome h2 {
        padding-top: 0;
        margin: 0 0 20px;
        font-size: 28px;
        text-transform: uppercase;
        text-align: left;
    }
    
    h2.inside-title,
    h3.inside-title {
        padding-top: 0;
        margin-top: 12px;
        font-size: 23px;
        text-transform: uppercase;
        text-align: center;
    }
    
    .introtext i {
        font-size: 70px;
        color: #2B99C6;
    }
    
    section.introtext h1 span {
        display: block;
        font-size: 26px;
        margin-top: 12px;
    }
    
    section.introtext h2.homepage {
        display: block;
        font-size: 26px;
        margin: -20px 0 20px 0;
        padding: 0;
        text-align: center;
        color: #2B99C6;
    }
    
    section.introtext.mhome h3.homepage {
        display: block;
        font-size: 27px;
        margin: 0 0 25px 0;
        padding: 0;
        letter-spacing: 0;
        text-align: left;
        color: #808080;
    }
    
    section.introtext.mhome h4.homepage {
        display: block;
        font-size: 22px;
        margin: -10px 0 20px 0;
        padding: 0;
        letter-spacing: 0;
        text-align: left;
        color: #2B99C6;
    }
    
    .content-area-home {
        border-left: 1px solid #e6e5e4;
    }
    
    .introtext h3 {
        font-size: 13px;
        letter-spacing: .06em;
    }
    
    .introtext p {
        font-size: 16px;
        padding: 0 60px;
    }
    
    .introtext a.btn.btn-default {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        font-size: 14px;
        background: #6D6E71;
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
        padding: 11px 15px;
        border-radius: 34px;
        border: 1px solid #6D6E71;
        cursor: pointer;
        text-shadow: none;
        display: table;
        margin: 35px auto 0;
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
    }
    
    .introtext a.btn.btn-default:hover {
        background: #ffffff;
        color: #2B99C6;
        border: 1px solid #2B99C6;
    }
    
    .introtext.home2 {
        text-align: center;
    }
    
    .introtext.home2 p {
        padding: 0 8px;
    }
    
    #map_wrapper {
        height: 549px;
    }
    
    #map_canvas {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: top center;
    }
    
    #map_canvas img {
        max-width: none;
    }
    
    .tophotel .shadow-effect {
        background: #fff;
        padding: 0;
        border-radius: 4px;
        text-align: center;
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
    }
    
    .tophotel .sh-content {
        padding: 20px;
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
        background: #36D1DC;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to left, #5B86E5, #36D1DC);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to left, #5B86E5, #36D1DC);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
    
    .tophotel .sh-content h5,
    .tophotel .sh-content h3 {
        padding: 0;
        margin: 0;
        font-size: 21px;
        font-weight: 400;
        letter-spacing: -.03em;
        text-align: center;
    }
    
    .tophotel .sh-content h5 a,
    .tophotel .sh-content h3 a {
        color: #fff;
        text-align: center;
        transition: all 0.3s ease;
    }
    
    .tophotel .sh-content h5 a:hover,
    .tophotel .sh-content h3 a:hover {
        text-decoration: underline;
    }
    
    .gallerypage .block-grid-item {
        margin: 0;
        padding: 15px 15px 0;
    }
    /* footer */
    
    section.footer {
        background: #666;
        padding: 60px 0 20px;
        overflow: visible;
    }
    
    .footer-elements {
        margin-top: -120px;
    }
    
    .footer-element {
        background: #2B99C6;
        padding: 15px;
        text-align: center;
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
    }
    
    .footer-element i {
        font-size: 45px;
        color: #fff;
        margin-bottom: 15px;
    }
    
    .footer-element p {
        font-size: 14px;
        color: #fff;
        margin-bottom: 0;
    }
    
    .footer-element p span {
        display: block;
        font-size: 14px;
    }
    
    .footer-element p a {
        color: #fff;
    }
    
    .footer-widgets {
        margin-top: 22px;
    }
    
    .footer-widget {
        padding-right: 25px;
    }
    
    .footer-widgets .small-logo {
        margin: 10px 0 15px;
    }
    
    .footer-widgets p {
        font-size: 15px;
        color: #ccc;
        margin-bottom: 0;
    }
    
    .footer-widgets h6 {
        font-size: 15px;
        color: #fff;
        margin: 12px 0 20px;
        padding: 0;
    }
    
    .footer-widgets ul.posts {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .footer-widgets ul.posts li {
        padding: 5px 0;
        border-bottom: 1px solid #747474;
        font-size: 13px;
        text-transform: uppercase;
    }
    
    .footer-widgets ul.posts li:first-child {
        padding-top: 0;
    }
    
    .footer-widgets ul.posts li:last-child {
        border-bottom: 0;
    }
    
    .footer-widgets ul.posts li a {
        color: #ccc;
        transition: all 250ms ease-out 0s;
    }
    
    .footer-widgets ul.posts li a:hover {
        color: #fff;
    }
    
    .footer-widgets ul.posts li span {
        display: block;
        font-size: 12px;
        margin-top: 3px;
        color: #B9B9B8;
    }
    
    .wpcf7-form {
        margin-top: 15px;
    }
    
    .wpcf7-form input[type="email"].wpcf7-form-control {
        border-radius: 34px !important;
        width: 100% !important;
        padding: 0 19px !important;
        border: 0 !important;
        box-shadow: 0 !important;
        height: 45px !important;
        color: #333 !important;
    }
    
    .wpcf7-form input[type="submit"] {
        margin-top: 5px !important;
        transition: all 250ms ease-out 0s !important;
        border-radius: 34px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
        width: 100% !important;
        padding: 0 10px !important;
        border: 0 !important;
        box-shadow: 0 !important;
        color: #fff !important;
        background: #2B99C6 !important;
        height: 45px !important;
    }
    
    .wpcf7-form input[type="submit"]:hover {
        background: #A0A0A1 !important;
    }
    
    .wpcf7-response-output,
    span.wpcf7-not-valid-tip {
        color: #fff !important;
        font-size: 11px !important;
        font-family: 'Ubuntu', sans-serif;
    }
    /* Social Buttons ---------------------- */
    
    .social-links {
        margin: 20px 0 0;
        padding: 0;
    }
    
    .social-links li {
        list-style: none;
        display: inline-table;
    }
    
    .social-links li a {
        color: #fff;
        font-size: 13px;
        display: inline-block;
        padding-top: 7px;
        text-align: center;
        height: 34px;
        width: 34px;
        position: relative;
        z-index: 1;
        -webkit-transition: color 0.15s;
        transition: color 0.15s;
        -moz-osx-font-smoothing: grayscale;
        border-radius: 50%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    .social-links li a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        z-index: -1;
        box-shadow: inset 0 0 0 35px #808080;
        -webkit-transform: scale3d(0.7, 0.7, 1);
        transform: scale3d(0.7, 0.7, 1);
        -webkit-transition: box-shadow 0.15s, -webkit-transform 0.15;
        transition: box-shadow 0.15s, transform 0.15s;
    }
    
    .social-links li a:hover::before {
        -webkit-transform: scale3d(1.0, 1.0, 1);
        transform: scale3d(1.0, 1.0, 1);
        box-shadow: inset 0 0 0 35px #009DE0;
    }
    
    .social-links li span {
        display: none;
    }
    
    .copyright {
        padding: 15px 0;
        background: #525151;
    }
    
    .copyright p {
        font-size: 13px;
        color: #ccc;
        margin-bottom: 0;
    }
    /* Back to Top Button  ----------------------- */
    
    #back-to-top {
        color: #fff;
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 99;
        display: none;
        text-align: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        z-index: 10000;
        height: 59px;
        width: 59px;
        background-color: #2B99C6;
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
        -webkit-transform: scale3d(0.7, 0.7, 1);
        transform: scale3d(0.7, 0.7, 1);
        -webkit-transition: box-shadow 0.15s, -webkit-transform 0.15;
        transition: box-shadow 0.15s, transform 0.15s;
    }
    
    #back-to-top i {
        padding-top: 20px;
        font-size: 17px;
    }
    
    #back-to-top:hover {
        background: #E4961B;
        -webkit-transform: scale3d(1.0, 1.0, 1);
        transform: scale3d(1.0, 1.0, 1);
    }
    
    #back-to-top span {
        display: none;
    }
    /* Page Headers */
    
    #page-header {
        background: #666;
        padding: 190px 0;
        text-align: center;
        position: relative;
    }
    
    #page-header:after {
        background: url(images/gridtile_3x3.png);
        opacity: .8;
        bottom: 0px;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }
    
    .title-breadcrumbs {
        display: block;
        margin: 0 auto;
        position: absolute;
        text-align: center;
        z-index: 2;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    #page-header h1 {
        padding: 0;
        margin: 0;
        color: #fff;
        font-size: 29px;
        text-transform: uppercase;
        font-weight: 900;
        letter-spacing: -.02em;
    }
    
    #page-header hr.small {
        border-color: rgba(255, 255, 255, .5);
    }
    
    p#breadcrumbs {
        margin: 5px 0 0;
        text-align: center;
        font-size: 13px;
        color: #fff;
        text-transform: uppercase;
    }
    
    p#breadcrumbs a {
        color: #fff;
    }
    
    .single .title-breadcrumbs {
        display: block;
        margin: 0 auto;
        position: absolute;
        text-align: center;
        z-index: 2;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .page-content {
        margin-top: 45px;
    }
    
    .page-content article {
        border-right: 1px solid #EAEDF2;
        padding-right: 25px;
    }
    
    .page-content article.full-width-article {
        border-right: 0;
        padding-right: 15px;
    }
    
    .sidebar .widget {
        margin-bottom: 35px;
    }
    
    .sidebar .widget h5 {
        padding: 12px;
        background: #A0A0A1;
        color: #fff;
        border-radius: 24px;
        text-align: center;
        position: relative;
        margin: 0 0 12px;
    }
    
    .sidebar .widget h5:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(203, 145, 54, 0);
        border-top-color: #A0A0A1;
        border-width: 7px;
        margin-left: -7px;
    }
    
    .sidebar .widget ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .sidebar .widget ul li {
        padding: 10px 10px 10px 0;
        font-size: 14px;
        border-bottom: 1px solid #F3F5F7;
    }
    
    .sidebar .widget ul li span.badge {
        float: right;
        margin-top: 1px;
        padding: 6px;
        background: #0791d4;
        border-radius: 2px;
    }
    
    .sidebar .widget ul li a {
        color: #808080;
    }
    
    .sidebar .widget ul li a:hover {
        color: #0791d4;
    }
    
    .sidebar .tagcloud {
        overflow: hidden;
    }
    
    .sidebar .tagcloud a {
        background: #EAEDF2;
        border: 0 none;
        color: #808080;
        display: block;
        float: left;
        font-size: 14px;
        margin: 0 3px 3px 0;
        padding: 5px 7px;
        position: relative;
        border-radius: 4px;
    }
    
    .sidebar .tagcloud a:hover {
        background: #0791d4;
        color: #fff;
    }
    
    .sidebar a.flightsubmit {
        background: #2B99C6;
        margin: 0 !important;
        width: 100%;
        display: table;
        font-size: 14px;
        border-radius: 34px;
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
        padding: 11px 15px;
        text-align: center;
        border: 0;
        cursor: pointer;
        -ms-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        box-sizing: border-box;
        margin: 20px auto 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .sidebar a.flightsubmit:hover {
        background: #000;
    }
    
    .page-content hr {
        border: solid #EAEDF2;
        border-width: 1px 0 0;
        clear: both;
        height: 0;
        margin: 21px 0;
    }
    
    .page-content article h4,
    .page-content article h2,
    .page-content article h3 {
        font-size: 25px;
        font-family: 'Cardo', serif;
        padding: 0 0 10px;
        margin: 0 0 10px;
        font-weight: 400;
        color: #6D6E71;
    }
    
    .page-content article a.btn.btn-default {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        font-size: 14px;
        background: #6D6E71;
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
        padding: 11px 15px;
        border: 1px solid #6D6E71;
        cursor: pointer;
        text-shadow: none;
        display: table;
        margin: 35px auto 0;
        border-radius: 34px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
    }
    
    .page-content article a.btn.btn-default:hover {
        background: #ffffff;
        color: #2B99C6;
        border: 1px solid #2B99C6;
    }
    
    .recommended-pages {
        margin-top: 45px;
        padding: 60px 0 120px;
        background: #EAEDF2;
        position: relative;
    }
    
    .recommended-pages:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(234, 237, 242, 0);
        border-bottom-color: #EAEDF2;
        border-width: 15px;
        margin-left: -15px;
    }
    /* accordion1 */
    
    #accordion.style1 .panel {
        box-shadow: none !important;
        background: transparent;
    }
    
    #accordion.style1 .panel,
    #accordion.style1 .panel-group .panel-heading+.panel-collapse>.panel-body {
        border: none;
        box-shadow: 0;
    }
    
    #accordion.style1 .panel-body {
        border-top: 0 !important;
    }
    
    #accordion.style1 .panel-heading {
        border: 0;
        border-bottom: 1px solid #e8e8e8;
        background: transparent;
        border-radius: 0;
        padding: 12px 0;
    }
    
    #accordion.style1 .panel-heading h6.panel-title a {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3;
        color: #808080;
    }
    
    #accordion.style1 .panel-heading h6.panel-title a:hover {
        color: #0791d4;
    }
    
    #accordion.style1 .panel-heading h6.panel-title i {
        margin: 2px 7px 0 0;
        vertical-align: middle;
        font-size: 19px;
        color: #0791d4;
    }
    
    #accordion.style1 .panel-body {
        padding: 15px 0;
        margin: 0;
    }
    
    #accordion.style1 .panel-body p {
        text-align: left;
        font-size: 16px;
        padding: 0 15px;
        margin: 0;
    }
    /* accordion2 */
    
    #accordion.style2 .panel,
    #accordion.style2 .panel-group .panel-heading+.panel-collapse>.panel-body {
        border: none;
        box-shadow: 0;
    }
    
    #accordion.style2 .panel-body {
        border-top: 0 !important;
    }
    
    #accordion.style2 .panel-heading {
        border: 0;
        background: #6D6E71;
        border-radius: 0;
        padding: 12px 0;
    }
    
    #accordion.style2 .panel-heading:hover {
        background: #e4961b;
    }
    
    #accordion.style2 .panel-heading h6.panel-title a {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3;
        color: #fff;
    }
    
    #accordion.style2 .panel-heading h6.panel-title a:hover {
        color: #fff;
    }
    
    #accordion.style2 .panel-heading h6.panel-title i {
        margin: 2px 15px 0 10px;
        vertical-align: middle;
        font-size: 19px;
        color: #fff;
    }
    
    #accordion.style2 .panel-body {
        padding: 15px 0;
        margin: 0;
    }
    
    #accordion.style2 .panel-body p {
        text-align: left;
        font-size: 16px;
        padding: 0 15px;
        margin: 0;
    }
    /* Share Buttons */
    
    .single-section-container {
        padding-top: 12px;
        margin-top: 17px;
    }
    
    .single-section-title {
        border-bottom: 1px solid #eaedf2;
        text-align: center;
        margin-bottom: 23px;
    }
    
    .single-section-title span.single-section-text {
        display: block;
        width: 70px;
        padding: 8px;
        background-color: #fff;
        margin: 0px auto -17px;
    }
    
    .sharing-buttons {
        padding: 0;
        margin: 0 auto;
        display: table;
    }
    
    .sharing-buttons ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .sharing-buttons ul li {
        display: inline-block;
        padding: 11px 7px 12px;
        margin: 0;
    }
    
    .sharing-buttons ul li i {
        color: #fff;
        text-align: center;
        font-size: 16px;
        width: 38px;
        height: 38px;
        background: #2B99C6;
        border-radius: 50%;
        padding: 12px 0 0 0;
    }
    
    .sharing-buttons ul li:hover i {
        background: #6D6E71;
    }
    
    .sharing-buttons ul li a {
        color: #fff;
        font-size: 17px;
    }
    
    .sharing-buttons ul li a:hover {
        color: #fe8f8c;
    }
    /* ==================================
6 = Blog
==================================== */
    
    .blog .block-grid-item {
        background: #fff;
        border-radius: 6px;
        padding-right: 0;
    }
    
    .blog .block-grid-item .shadow-effect {
        padding: 0;
        text-align: left;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 9px 18px rgba(0, 0, 0, 0.07), 0 5px 3px rgba(0, 0, 0, 0.03);
    }
    
    .blog .block-grid-item .post-content {
        padding: 25px;
    }
    
    .blog .block-grid-item .post-content h2 {
        padding: 0;
        margin: 0;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: -.03em;
    }
    
    .blog .block-grid-item .post-content h2 a {
        color: #6D6E71;
    }
    
    .blog .block-grid-item .post-content h2 a:hover {
        color: #2B99C6;
    }
    
    .blog .block-grid-item .post-content hr {
        border: solid #EAEDF2;
        border-width: 2px 0 0;
        clear: both;
        height: 0;
        margin-top: 27px;
        margin-bottom: 27px;
        max-width: 40px;
    }
    
    .blog .block-grid-item .post-content p {
        font-size: 15px;
        font-weight: 400;
    }
    
    .blog .block-grid-item .post-content .button {
        color: #fff;
        display: inline-block;
        font-size: 13px;
        padding: 8px 10px;
        background: #cb9136;
        border-radius: 34px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
        text-decoration: none;
        margin: 10px 0;
        transition: all 250ms ease-out 0s;
    }
    
    .blog .block-grid-item .post-content .button:hover {
        background: #8C8C8C;
    }
    /* Blog Pagination */
    
    .wp-pagenavi {
        display: table;
        margin: 40px auto 20px;
    }
    
    .wp-pagenavi a,
    .wp-pagenavi span {
        color: #6e6e6e;
        padding: 6px 14px 5px;
        background: #fff;
        border-radius: 5px;
        font-size: 14px;
    }
    
    .wp-pagenavi a:hover,
    .wp-pagenavi span.current {
        background: #918D85;
        border-color: #918D85;
        color: #fff;
    }
    
    .wp-pagenavi span.current {
        font-weight: normal;
    }
    
    .page-content input[type="text"].wpcf7-form-control,
    .page-content input[type="password"].wpcf7-form-control,
    .page-content input[type="date"].wpcf7-form-control,
    .page-content input[type="datetime"].wpcf7-form-control,
    .page-content input[type="email"].wpcf7-form-control,
    .page-content input[type="number"].wpcf7-form-control,
    .page-content input[type="search"].wpcf7-form-control,
    .page-content input[type="tel"].wpcf7-form-control,
    .page-content input[type="time"].wpcf7-form-control,
    .page-content input[type="url"].wpcf7-form-control {
        border-radius: 5px !important;
        width: 100% !important;
        padding: 0 10px !important;
        border: 1px solid #ccc !important;
        box-shadow: 0 !important;
        height: 45px !important;
        margin-top: 5px !important;
    }
    
    .page-content textarea.wpcf7-form-control {
        font-size: 16px;
        padding: 15px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #ccc;
        margin-top: 6px;
    }
    
    .page-content input[type="checkbox"] {
        border-radius: 5px !important;
        padding: 10px !important;
        border: 1px solid #ccc !important;
        box-shadow: 0 !important;
        margin: 4px 6px 0 0 !important;
        width: 19px;
        height: 19px;
    }
    
    span.wpcf7-list-item-label {
        margin: 0;
        padding: 0;
    }
    
    .page-content select.wpcf7-form-control {
        font-size: 18px;
        height: 55px;
        padding: 5px 15px;
        width: 100%;
    }
    
    .page-content input[type="submit"].wpcf7-form-control {
        background: #EA673F;
        border: 0;
        border-radius: 5px;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        font-weight: 900;
        height: 55px;
        padding: 8px 6px 6px;
        text-transform: uppercase;
        width: 100%;
        margin-top: 20px !important;
    }
    
    .page-content input[type="submit"].wpcf7-form-control:hover {
        background: #666;
    }
    
    .page-content input[type="text"].wpcf7-form-control:focus,
    .page-content input[type="password"].wpcf7-form-control:focus,
    .page-content input[type="date"].wpcf7-form-control:focus,
    .page-content input[type="datetime"].wpcf7-form-control:focus,
    .page-content input[type="email"].wpcf7-form-control:focus,
    .page-content input[type="number"].wpcf7-form-control:focus,
    .page-content input[type="search"].wpcf7-form-control:focus,
    .page-content input[type="tel"].wpcf7-form-control:focus,
    .page-content input[type="time"].wpcf7-form-control:focus,
    .page-content input[type="url"].wpcf7-form-control:focus,
    .page-content textarea.wpcf7-form-control:focus,
    .page-content select:focus {
        box-shadow: none;
    }
    
    .photo-gallery {
        margin-top: 45px;
        padding: 60px 0;
        background: #EAEDF2;
        position: relative;
    }
    
    .photo-gallery.white {
        background: #fff;
        margin-top: 0;
        padding: 60px 0 95px;
    }
    
    .facilities {
        margin-top: 45px;
        padding: 60px 0;
        background: #fff;
        position: relative;
    }
    
    .facilities.gray {
        background: #EAEDF2;
    }
    
    .facilities.no-margin-top {
        margin-top: 0;
    }
    
    .services1-grid .block-grid-item {
        border-radius: 0;
        text-align: center;
    }
    
    .services1-grid .block-grid-item .shadow-effect {
        padding: 15px 25px;
        text-align: center;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
    }
    
    .services1-grid .block-grid-item h3 {
        font-size: 15px;
        letter-spacing: -.03em;
        margin: 15px 0 0;
        font-weight: 400;
        padding: 0;
    }
    
    #photo-gallery-carousel {
        margin-top: 60px;
    }
    
    #photo-gallery-carousel .item {
        margin-bottom: 40px;
    }
    
    #photo-gallery-carousel .item img {
        border: 1px solid #ccc;
        background: #fff;
        padding: 4px;
    }
    
    #photo-gallery-carousel.owl-carousel.owl-theme .owl-dots .owl-dot span {
        background: #C4C4CC none repeat scroll 0 0;
        display: block;
        height: 10px;
        margin: 0 8px 5px;
        transition: all 250ms ease-out 0s;
        width: 10px;
    }
    
    #photo-gallery-carousel.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
        background: #e4961b none repeat scroll 0 0;
    }
    
    #photo-gallery-carousel.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
        background: #e4961b none repeat scroll 0 0;
        width: 30px;
    }
    
    section.why-us-section-list {
        padding: 65px 0;
    }
    
    section.why-us-section-list.gray {
        background: #f3f5f7;
    }
    
    section.why-us-section-list .text-padding {
        padding: 50px 75px 0 0;
    }
    
    section.why-us-section-list.gray .text-padding {
        padding: 50px 0 0 75px;
    }
    
    section.why-us-section-list .why-us-section-list-image {
        float: right;
    }
    
    section.why-us-section-list.gray .why-us-section-list-image {
        float: left;
    }
    
    section.why-us-section-list h3 {
        font-size: 24px;
        font-weight: 400;
        padding-left: 5px;
        font-family: 'Cardo', serif;
    }
    
    section.why-us-section-list p {
        padding: 0 0 15px 5px;
    }
    
    .image-padding-shadow {
        border: 18px solid #fff;
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
    }
    
    section.why-us-section-list a.btn.btn-default {
        margin-left: 5px;
    }
    
    .wpcf7-form label {
        display: none;
    }
    
    .wpcf7-response-output.wpcf7-validation-errors {
        color: #333 !important;
    }
    
    .textwidget li {
        background: #F3F5F7 !important;
        padding: 7px 12px !important;
        border-bottom: 0;
        border-left: 2px solid #e19827;
        margin-bottom: 10px;
    }
    
    .textwidget li a {
        color: #3995C4 !important;
    }
    
    .textwidget li a:hover {
        color: #000 !important;
    }
    
    h2.frch a {
        font-size: 21px;
    }
    /* Image with 'data' attribute is hidden */
    
    img[data-lazy-src] {
        /* we set the opacity to 0 */
        opacity: 0;
    }
    /*Image without 'data' attribute is (or becomes) visible */
    
    img.lazyloaded {
        /* prepare the future animation */
        -webkit-transition: opacity .5s linear 0.2s;
        -moz-transition: opacity .5s linear 0.2s;
        transition: opacity .5s linear 0.2s;
        /* we set the opacity to 1 to do the magic */
        opacity: 1;
    }
    /* TESTIMONIALS 1 */
    
    section.testimonials {
        padding: 55px 0;
        background: #fff;
    }
    
    #customers-testimonials .item {
        text-align: center;
        padding: 50px;
        opacity: .2;
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    #customers-testimonials .owl-item.active.center .item {
        opacity: 1;
        -webkit-transform: scale3d(1.0, 1.0, 1);
        transform: scale3d(1.0, 1.0, 1);
    }
    
    img.img-rev {
        max-width: 60px;
        margin: 0 auto 17px;
    }
    
    .testimonial-name {
        margin: -17px auto 0;
        display: table;
        width: auto;
        background: #3190E7;
        padding: 9px 35px;
        border-radius: 12px;
        text-align: center;
        color: #fff;
        box-shadow: 0 9px 18px rgba(0, 0, 0, 0.12), 0 5px 7px rgba(0, 0, 0, 0.05);
    }
    
    #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot span {
        background: #C4C4CC none repeat scroll 0 0;
        display: block;
        height: 20px;
        margin: 0 2px 5px;
        transform: translate3d(0px, -50%, 0px) scale(0.3);
        transform-origin: 50% 50% 0;
        transition: all 250ms ease-out 0s;
        width: 20px;
    }
    
    #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot.active span,
    #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
        background: #e7ad52 none repeat scroll 0 0;
        transform: translate3d(0px, -50%, 0px) scale(0.7);
    }
    
    .shadow-effect {
        background: #fff;
        padding: 20px;
        border-radius: 4px;
        text-align: center;
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
    }
    
    #customers-testimonials .item p {
        color: #808080;
        font-size: 16px;
    }
    
    .mhfeatures {
        background: #f8f8f8;
    }
    
    section.testimonials h6 {
        font-size: 26px;
    }
    
    section.testimonials a.btn.btn-default {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        font-size: 14px;
        background: #6D6E71;
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
        padding: 11px 15px;
        border: 1px solid #6D6E71;
        cursor: pointer;
        text-shadow: none;
        display: table;
        margin: 35px auto 0;
        border-radius: 34px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
    }
    
    section.testimonials a.btn.btn-default:hover {
        background: #ffffff;
        color: #2B99C6;
        border: 1px solid #2B99C6;
    }
    
    .kd-process-steps {
        padding-top: 45px;
    }
    
    .kd-process-steps ul {
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .kd-process-steps.process-checkbox-template ul li {
        box-shadow: none !important;
        background: 0 0;
        border: none;
        padding-bottom: 0;
    }
    
    .kd-process-steps.process_three_elem li {
        width: calc(25% - 30px);
    }
    
    .kd-process-steps ul li {
        display: block;
        position: relative;
        float: left;
        margin: 15px;
        margin-bottom: 0;
        margin-top: 0;
        padding: 30px 25px;
        padding-top: 45px;
        border: none;
        border-radius: 0;
        -webkit-transition: .25s;
        -o-transition: .25s;
        transition: .25s;
    }
    
    .kd-process-steps.process-checkbox-template ul li .pss-container:before {
        display: block;
        width: 60%;
        height: 1px;
        position: absolute;
        content: '';
        border-bottom: 1px solid rgba(132, 132, 132, .2);
        top: 28px;
        left: 74%;
    }
    
    .kd-process-steps.process-checkbox-template ul li .pss-container:before {
        display: block;
        width: 60%;
        height: 1px;
        position: absolute;
        content: '';
        border-bottom: 1px solid rgba(132, 132, 132, .2);
        top: 28px;
        left: 74%;
    }
    
    .kd-process-steps.process-checkbox-template .pss-step-number {
        display: block;
        position: absolute;
        margin-bottom: 0;
        line-height: 1;
        top: 10px;
        left: 50%;
        font-weight: 700;
        margin-left: -24px;
        width: 48px;
        height: 48px;
        text-align: center;
    }
    
    .kd-process-steps.process-checkbox-template .pss-step-number span {
        position: relative;
        font-weight: 600;
        text-align: center;
        font-size: 16px;
        display: block;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
        color: #fff;
        line-height: 48px;
        background-color: #2B99C6;
        border-radius: 50%;
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
    }
    
    .kd-process-steps.process-checkbox-template .pss-step-number span:before,
    .kd-process-steps.process-checkbox-template .pss-step-number:before {
        width: 76px;
        height: 76px;
        opacity: .2;
        margin-left: -38px;
        top: -20px;
        z-index: -1;
    }
    
    .kd-process-steps.process-checkbox-template .pss-text-area {
        padding-top: 25px;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        border-radius: 7px;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        border-bottom-color: transparent;
        text-align: center;
        padding-bottom: 0;
    }
    
    .kd-process-steps.process_three_elem .pss-text-area p {
        margin-top: 0;
    }
    
    .kd-process-steps.process_three_elem .pss-text-area p,
    .kd-process-steps.process_four_elem .pss-text-area p {
        padding: 0;
    }
    
    .kd-process-steps .pss-step-number {
        display: block;
        position: relative;
        margin-bottom: 20px;
        line-height: 1;
    }
    
    .kd-process-steps.process-checkbox-template ul li:last-child .pss-container:before {
        display: none;
    }
    
    .blog .block-grid-item .shadow-effect a img {
        width: 100%
    }
    
    .booking input[type="submit"] {
        padding: 12px!important;
        margin: 15px auto 10px!important;
    }

    .espa-footer {display:table; margin:13px auto 0;}

    .toplinks.righty  {float:right;}
    .toplinks.righty {position:relative; top:7px;}
    .header.header2 .topbar {
        padding: 10px 0 17px;
    }

    .logo-mob {display:none;}

    /* ===================
  16 = Media Queries
  =================== */
    /* For IE Edge (Spartan)  ----------------------- */
    
    @supports (-ms-accelerator:true) {
         ::-webkit-input-placeholder {
            opacity: 0;
        }
    }
    /* End For IE Edge (Spartan)  ----------------------- */
    
    @media only screen and (max-width: 767px) {
        .header ul.phone {
            display: table;
            margin: 0 auto;
            text-align: center;
            width: auto;
        }
        .header ul.phone li {
            font-size: 11px;
            margin: 0;
            letter-spacing: 0;
            padding: 0;
            font-weight: 600;
        }
        .header ul.phone li a {
            font-size: 11px;
        }
        .header ul.phone li:first-child i {
            margin-right: 0;
            display: none;
        }
        .header ul.phone li:first-child {
            padding: 0;
            border: 0;
            margin: 0;
            font-weight: 600;
        }
        .header ul.toplinks {
            margin: 18px auto 0;
            float: none;
            display: table;
            text-align: center;
        }
        #navigation,
        .header ul.phone li.weather {
            display: none;
        }
        .header .logonav {
            padding: 8px 0;
            margin: 0;
        }
        .header .logo {
            display: none !important;
        }
        .logo-mob {display:table; margin:13px auto 0;}
        #index-slider {
            display: none;
        }
        .booking {
            margin-top: 20px;
        }
        .introtext p {
            padding: 0;
        }
        .line {
            width: 292px;
            max-width: 292px;
        }
        .page-content article {
            border-right: 0;
            padding-right: 0;
        }
        .page-content article.full-width-article {
            border-right: 0;
            padding-right: 0;
        }
        section.why-us-section-list {
            padding: 55px 0;
        }
        section.why-us-section-list .text-padding {
            padding: 20px 0 0 0;
        }
        section.why-us-section-list.gray .text-padding {
            padding: 20px 0 0 0;
        }
        section.why-us-section-list .why-us-section-list-image {
            margin-top: 25px;
            float: none;
        }
        section.why-us-section-list.gray .why-us-section-list-image {
            margin-bottom: 25px;
            float: none;
        }
        .bookdirectly .order-step {
            display: none;
        }
        ul.toplinks li.facebook,
        ul.toplinks li.twitter {
            display: none;
        }
        ul.toplinks li a img {
            max-width: 90%
        }
        .booking input[type="submit"] {
            margin: 21px 0 0 7px;
            padding: 0 12px 14px;
            line-height: 3px;
            height: 45px;
            border-radius: 4px;
        }
        .kd-process-steps.process_three_elem li {
            width: calc(100% - 30px);
        }
        .kd-process-steps.process-checkbox-template ul li .pss-container:before {
            display: none;
        }
        .footer-element p,
        .footer-element p span {
            font-size: 11px;
        }
        .content-area-home {
            border-left: 0;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 800px) {
        .sf-menu li a {
            padding: 30px 6px;
            font-size: 10px;
            letter-spacing: 0;
        }
        .header .logo {
            margin-top: 18px;
        }
        .header .logo a img {
            max-width: 85%;
        }
        ul.toplinks li a img {
            max-width: 90%;
        }
        .booking-form {
            padding: 25px 10px;
        }
        .header ul.toplinks {
            margin: 0 0 0 -30px;
        }
        .booking-form span {
            font-size: 10px;
            letter-spacing: -.05em;
        }
        .booking input[type="submit"] {
            font-size: 12px;
            padding: 0 11px 15px;
            line-height: 3px!important;
            margin-top: 23px!important;
        }
        section.why-us-section-list {
            padding: 55px 0;
        }
        section.why-us-section-list .text-padding {
            padding: 20px 0 0 0;
        }
        section.why-us-section-list.gray .text-padding {
            padding: 20px 0 0 0;
        }
        section.why-us-section-list .why-us-section-list-image {
            margin-top: 25px;
            float: none;
        }
        section.why-us-section-list.gray .why-us-section-list-image {
            margin-bottom: 25px;
            float: none;
        }
        .bookdirectly .order-step {
            display: none;
        }
        .row.width-75 {
            margin: 0 auto;
            max-width: 100%;
            width: 100%;
        }
        .kd-process-steps.process_three_elem li {
            width: calc(50% - 30px);
        }
        .kd-process-steps.process-checkbox-template ul li:nth-child(2) .pss-container:before {
            display: none;
        }
        .footer-element {
            padding: 10px;
        }
        .footer-element p,
        .footer-element p span {
            font-size: 11px;
        }
        .booking span.texting {
            font-weight: 600;
            font-size: 17px;
            letter-spacing: .03em;
        }
        .booking input[type="submit"] {
            margin: 19px 0 0 7px;
            padding: 0 12px 14px;
            line-height: 15px;
            height: 45px;
            border-radius: 4px;
        }
    }
    
    @media only screen and (min-width: 801px) and (max-width: 959px) {
        .sf-menu li a {
            padding: 30px 6px;
            font-size: 10px;
            letter-spacing: 0;
        }
        .header .logo {
            margin-top: 18px;
        }
        .header .logo a img {
            max-width: 85%;
        }
        .booking-form {
            padding: 25px 10px;
        }
        .booking-form span {
            font-size: 11px;
            letter-spacing: .05em;
        }
        .booking input[type="submit"] {
            font-size: 12px;
            padding: 11px;
            margin-top: 23px !important;
            line-height: 3px !important;
        }
        section.why-us-section-list {
            padding: 55px 0;
        }
        section.why-us-section-list .text-padding {
            padding: 20px 0 0 0;
        }
        section.why-us-section-list.gray .text-padding {
            padding: 20px 0 0 0;
        }
        section.why-us-section-list .why-us-section-list-image {
            margin-top: 25px;
            float: none;
        }
        section.why-us-section-list.gray .why-us-section-list-image {
            margin-bottom: 25px;
            float: none;
        }
        .bookdirectly .order-step {
            display: none;
        }
        .row.width-75 {
            margin: 0 auto;
            max-width: 100%;
            width: 100%;
        }
        .booking span.texting {
            font-weight: 600;
            font-size: 17px;
            letter-spacing: .03em;
        }
        .booking input[type="submit"] {
            margin: 19px 0 0 7px;
            padding: 0 12px 14px;
            line-height: 15px;
            height: 45px;
            border-radius: 4px;
        }
        .kd-process-steps.process_three_elem li {
            width: calc(50% - 30px);
        }
        .kd-process-steps.process-checkbox-template ul li:nth-child(2) .pss-container:before {
            display: none;
        }
    }
    
    @media only screen and (min-width: 960px) and (max-width: 1025px) {
        .sf-menu li a {
            padding: 30px 10px;
            font-size: 12px;
            letter-spacing: 0;
        }
        .booking span.texting {
            font-weight: 600;
            font-size: 17px;
            letter-spacing: .03em;
        }
        .booking input[type="submit"] {
            margin: 23px 0 0 7px!important;
            padding: 0 12px 14px;
            line-height: 3px!important;
            height: 45px;
            border-radius: 4px;
        }
    }
    
    @media only screen and (min-width: 1279px) and (max-width: 1600px) {
        .row.width-75 {
            margin: 0 auto;
            max-width: 90%;
            width: 90%;
        }
    }
    
    @media only screen and (min-width: 960px) and (max-width: 1278px) {
        .row.width-75 {
            margin: 0 auto;
            max-width: 100%;
            width: 100%;
        }
    }
    
    @media only screen and (max-width: 1025px) {
        #search form {
            left: 5%;
            right: 5%;
        }
        #search input[type="search"] {
            font-size: 35px;
        }
        .header .logo {
            margin-top: 18px;
        }
        .header .logo a img {
            max-width: 85%;
        }
    }
    
    @media (min-width: 768px) {
        .col-sm-15 {
            width: 20%;
            float: left;
        }
    }
    
    @media (min-width: 992px) {
        .col-md-15 {
            width: 20%;
            float: left;
        }
    }
    
    @media (min-width: 1200px) {
        .col-lg-15 {
            width: 20%;
            float: left;
        }
    }
    
    li.covid a {
        padding: 6px 10px;
        line-height: 22px;
        background: #f2f2f2;
        border-radius: 30px;
        font-weight: 600;
        font-size: 12px;
    }
    
    li.phonemobile {
        display: none;
    }
    
    @media only screen and (max-width: 1020px) {
        .header ul.toplinks {
            margin-left: 12px;
        }
        .header.header2 ul.phone li {
            font-size: 11px;
            padding-top: 5px;
        }
        .header ul.toplinks li:first-child {
            padding-right: 2px;
            margin-right: 5px;
            font-size: 13px;
            letter-spacing: 0;
        }
        .header ul.toplinks li:first-child i {
            display: none;
        }
        .booking-form span {
            font-size: 11px!important;
            font-weight: 400;
        }
        p.phonedesktopo {display:none;}
    }
    
    @media only screen and (max-width: 499px) {
        li.phonedesktop {
            display: none;
        }
        li.phonemobile {
            display: block;
        }
        li.phonemobile {
            font-size: 13px;
            padding: 0;
            margin-top: -6px;
        }
        li.covid a {
            padding: 2px 5px;
            font-weight: 400;
            font-size: 10px;
        }
        ul.toplinks li a img {
            width: 70%;
            padding: 0;
            margin: 0;
        }
        ul.toplinks li {
            padding: 0;
            margin: 0;
        }
    }
    
    .espa {
        float: right;
    }
    
    @media only screen and (max-width: 767px) {
        .espa {
            float: none;
            display: table;
            margin: 0 auto;
        }
        .tophotel .sh-content h3 {
            font-size: 16px;
        }
        #rev_slider_1_1_forcefullwidth {
            display: none !important;
        }
        ul.toplinks,
        ul.phone,
        .espa {
            display: none !important;
        }

        .header.header2 .topbar {
            padding: 0;
            border-bottom: 0;
        }
        .logo {
            padding-top: 20px;
        }
        .booking-form span {
            padding-top: 10px;
        }
        #tcal {
            width: 80%;
        }
        .row.width-75 {
            margin: 0 auto;
            max-width: 100%;
            width: 100%;
        }
        .title-breadcrumbs {
            top: 60%;
            -webkit-transform: translateY(-40%);
            -ms-transform: translateY(-40%);
            transform: translateY(-40%);
        }
        ol.breadcrumb {
            display: none!important;
        }
        .block-grid-xs-1>.block-grid-item {
            width: 97%;
        }
    }
    
    h2.booksubtitle {
        text-align: center;
        font-size: 20px;
        font-weight: 300;
        letter-spacing: .045em;
        margin: 0 0 25px;
        padding: 0;
    }
    
    ul.linkwhisper li {
        background: #fff!important;
        border-left: 0;
        padding: 0 3px 6px 3px!important
    }
    
    ul.linkwhisper {
        counter-reset: index;
    }
    
    ul.linkwhisper li {
        counter-increment: index;
        display: flex;
        align-items: center;
        padding: 12px 0;
        box-sizing: border-box;
    }
    
    ul.linkwhisper li::before {
        content: counters(index, ".", decimal-leading-zero);
        font-size: 1rem;
        text-align: right;
        font-weight: bold;
        min-width: 50px;
        padding-right: 12px;
        align-self: flex-start;
        color: #CCCCCC;
    }
    /* Element separation */
    
    ul.linkwhisper li+ul.linkwhisper li {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    #photo-gallery-carousel.mhelem {
        margin-top: 0px;
    }