/* This CSS file will be loaded at last. Any CSS customization should be placed here */

/* Search engine CARS */
.search_for_cars .vrcdivsearch .vrcsfentrysubmit .vrc-search-btn {
    border: 0;color: #fff;font-size: 14px;font-weight: 400;	line-height: 50px;text-align: center;
    padding: 0px 20px;height: 52px;background: rgb(255, 112, 10);	margin: 0 auto;	width: 100%;
}

.home_search_cars .vrcsfentrysubmit button {
    border: 0;color: #fff;font-size: 14px;font-weight: 400;	line-height: 50px;text-align: center;
    padding: 0px 20px;height: 52px;background: rgb(255, 112, 10);	margin: 0 auto;	width: 100%;
}
.home_search_cars    {	z-index: 10!important}
.home_search_cars h2, .home_search_cars h5   {display:none!important}
.home_search_cars label{padding-top: 7px;color: #875307;font-size: 12px;}
.home_search_cars .vrc-searchmod-wrap-vertical .vrc-searchmod-section-sbmt .vrcsearch {	margin-top: -6px;}

.home_search_cars form {padding: 5px 10px 10px 10px;background: #ffffffc9 !important;z-index: 10!important; display: inline-flex!important}
.home_search_cars{margin-top:-160px!important;text-align: center;}

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

}

/*!
Theme Name: gocreations Custom Theme
Author: gocreations team
Author URI: https://gocreations.gr/
Description: Custom Theme Developed by gocreations
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gocreations-custom-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

gocreations Custom Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*! COMPONENTS */
@import 'assets/fonts/stylesheet.css';/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@import 'assets/fonts/stylesheet.css';html {
                                          line-height: 1.15;
                                          -webkit-text-size-adjust: 100%
                                      }

body {
    margin: 0;
    background-color: #F9F7FA
}

a {
    color: #088aa3
}

main {
    display: block
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: 'Euclid Square';
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: 'Euclid Square';
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: 'Euclid Square';
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

.btn-outline-primary {
    border-color: #088AA3;
    font-weight: 500
}

.btn-custom-088AA3 {
    color: #088AA3;
    border-radius: 0;
    padding: .575rem 3rem;
    text-decoration: none!important;
    position: relative
}

a.btn-custom-wht::before {
    position: absolute;
    content: '';
    margin: 0;
    width: 20px;
    height: 1px;
    top: 50%;
    left: -10px;
    background: #fff;
    transform: translateY(-50%)
}

a.btn-custom-blue::before {
    position: absolute;
    content: '';
    margin: 0;
    width: 20px;
    height: 1px;
    top: 50%;
    left: -10px;
    background: #088AA3;
    transform: translateY(-50%)
}

.btn-outline-primary:hover {
    background-color: unset
}

button,[type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance: button;
    -webkit-appearance: none
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type="search"] {
    -webkit-appearance: textfield;
    -webkit-appearance: none;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    -webkit-appearance: none;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

*,*::before,*::after {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

body,button,input,select,optgroup,textarea {
    color: #404040;
    font-family: 'Euclid Square';
    font-size: 1rem;
    line-height: 1.5
}

h1,h2,h3,h4,h5,h6 {
    clear: both;
    font-family: 'Playfair Display'
}

p {
    margin-bottom: 1.5em;
    font-size: 1.07rem
}

dfn,cite,em,i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: 'Euclid Square';
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code,kbd,tt,var {
    font-family: 'Euclid Square'
}

abbr,acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark,ins {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}

body {
    background-image: url('/wp-content/themes/gocreations-custom-theme/assets/img/bg-image.png')
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ul,ol {
    margin: 0 0 1.5em 3em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ul,li>ol {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

embed,iframe,object {
    max-width: 100%
}

img {
    height: auto;
    max-width: 100%
}

figure {
    margin: 1em 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

a {
    color: #4169e1
}

a:hover,a:focus,a:active {
    color: #12343A
}

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

.btn:focus,.btn:active,.btn:focus-within,.btn:target,.btn:focus-visible {
    box-shadow: unset
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0,0,0,0.8);
    line-height: 1;
    padding: .6em 1em .4em
}

button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa
}

button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb
}

input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px
}

input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus {
    color: #111
}

select {
    border: 1px solid #ccc
}

textarea {
    width: 100%
}

.menu-item a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    padding-right: .5rem;
    padding-left: .5rem
}

img.mobile {
    padding: 0
}

.site-header.transparent,.mobile-header.transparent {
    background: transparent
}

@media screen and (min-width: 1024px) {
    .site-header.transparent .wrapper,.mobile-header.transparent .wrapper {
        margin-top:15px
    }
}

.site-header.transparent ul li a,.mobile-header.transparent ul li a {
    transition: all .3s ease
}

.site-header.transparent ul li a:hover,.mobile-header.transparent ul li a:hover,.site-header.transparent ul li a:focus,.mobile-header.transparent ul li a:focus {
    color: #fff
}

.site-header.transparent .dropdown-menu a:hover,.mobile-header.transparent .dropdown-menu a:hover,.site-header.transparent .dropdown-menu a:focus,.mobile-header.transparent .dropdown-menu a:focus {
    color: #12343A
}

.site-header.no-transparent ul li a:hover,.mobile-header.no-transparent ul li a:hover,.site-header.no-transparent ul li a:focus,.mobile-header.no-transparent ul li a:focus {
    color: #12343A
}

.site-header.scrolled,.mobile-header.scrolled {
    box-shadow: 0 0 10px rgba(0,0,0,0.2)
}

.site-header.scrolled .navbar,.mobile-header.scrolled .navbar {
    border-bottom: 0
}

.site-header.scrolled .navbar-brand img.scrolled_image,.mobile-header.scrolled .navbar-brand img.scrolled_image {
    opacity: 1
}

.site-header.scrolled .navbar-brand img.main_image,.mobile-header.scrolled .navbar-brand img.main_image {
    opacity: 0
}

.site-header.scrolled .wrapper,.mobile-header.scrolled .wrapper {
    margin-top: 0
}

.site-header.scrolled ul li a:hover,.mobile-header.scrolled ul li a:hover,.site-header.scrolled ul li a:focus,.mobile-header.scrolled ul li a:focus {
    color: #12343A
}

.site-header ul li a,.mobile-header ul li a {
    transition: none
}

.site-header .dropdown-menu a:hover,.mobile-header .dropdown-menu a:hover,.site-header .dropdown-menu a:focus,.mobile-header .dropdown-menu a:focus {
    color: #12343A
}

.header-margin {
    margin-top: 75px
}

@media screen and (min-width: 1024px) {
    .header-margin {
        margin-top:80px
    }
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1498;
    background: #fff;
    height: 75px;
    transition: all .3s ease
}

@media screen and (min-width: 1024px) {
    header {
        padding-right:15px;
        padding-left: 15px;
        height: unset
    }
}

header .navbar {
    padding: 0;
    border-bottom: 1px solid rgba(220,220,220,0.3)
}

@media screen and (min-width: 1024px) {
    header .navbar {
        padding:.5rem 0;
        max-height: 80px
    }
}

header .navbar.navbar-expand-lg .navbar-collapse.desktop {
    display: none!important
}

@media screen and (max-width: 768px) {
    header .navbar.navbar-expand-lg .navbar-collapse.mobile {
        padding:15px 20px
    }
}

@media screen and (min-width: 1024px) {
    header .navbar.navbar-expand-lg .navbar-collapse.desktop {
        display:flex!important
    }

    header .navbar.navbar-expand-lg .navbar-collapse.mobile {
        display: none!important
    }
}

header .navbar .container {
    margin: 0;
    max-width: 100%;
    width: 100%;
    padding: 0
}

header .navbar .navbar-brand {
    display: grid;
    place-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

header .navbar .navbar-brand img {
    grid-row: 1;
    grid-column: 1;
    transition: all .3s ease;
    will-change: transform;
    image-rendering: -webkit-optimize-contrast
}

header .navbar .navbar-brand img.scrolled_image {
    opacity: 0
}

header .navbar .navbar-brand img.main_image {
    opacity: 1
}

header .navbar-toggler {
    padding: 5px 10px;
    border: 1px solid #fff
}

header .navbar-toggler .navbar-toggler-icon {
    background-image: url('/wp-content/themes/gocreations-custom-theme/assets/img/toggle-wht.png')
}

header .navbar-toggler[aria-expanded="true"] {
    border: none
}

header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url('/wp-content/themes/gocreations-custom-theme/assets/img/x-wht.png') !important
}

header .mobile_book_now {
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff;
    padding: 10px 15px
}

@media (max-width: 991px) {
    header .navbar-collapse.collapse.show {
        background-color:#F9F7FA;
        padding: 2rem
    }

    header .navbar-collapse.collapse.show .navbar-nav {
        line-height: 2.5;
        margin-top: 1rem
    }

    header .navbar-collapse.collapse.show .navbar-nav li a {
        font-size: 20px;
        font-weight: 500;
        color: #088AA3
    }

    header .navbar-collapse.collapse.show .dropdown-menu {
        background: unset;
        line-height: 1.8rem
    }

    header .navbar-collapse.collapse.show .dropdown-menu li a {
        color: #12343A
    }

    header .menu-item-201:hover>.dropdown-menu,header .menu-item-204:hover>.dropdown-menu,header .menu-item-225:hover>.dropdown-menu {
        display: block
    }

    header .navbar-collapse.collapse.show {
        overflow: scroll;
        height: 100vh
    }

    header .navbar-collapse.collapse.show .btn::before {
        display: none
    }

    header .follow_us {
        margin: 1rem 0 1rem 0;
        color: #088aa3;
        font-weight: 400;
        font-size: 20px
    }

    header .dd-icons i {
        color: #12343A;
        font-size: 30px;
        margin-right: 1rem
    }

    header .get_intouch {
        font-size: 30px;
        margin: 1rem 0;
        color: #088AA3;
        font-family: 'Playfair Display'
    }

    header .btn-scrolled {
        color: #088AA3 !important;
        border-color: #088AA3 !important
    }
}

.navbar .nav-item .dropdown-menu {
    opacity: 0;
    margin-top: 20px;
    transition: all .3s ease;
    display: block
}

.navbar .nav-item:hover>.dropdown-menu {
    opacity: 1;
    pointer-events: all
}

.dropdown-item {
    position: relative
}

.dropdown-item:hover>a {
    color: #444444
}

.menu-item-has-children>a:after {
    display: inline-block;
    margin-left: 5px;
    vertical-align: .155em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    pointer-events: none
}

.scrolled {
    background-color: #F9F7FA !important;
    background: #F9F7FA !important;
    transition: all .3s ease
}

.scrolled.menu-open {
    background-color: #Fff !important
}

@media only screen and (min-width: 1024px) {
    .scrolled.menu-open {
        background-color:#F9F7FA !important
    }
}

.scrolled .logo_desktop {
    max-width: 245px
}

@media only screen and (max-width: 1280px) and (min-width:1024px) {
    .scrolled .logo_desktop {
        max-width:180px
    }
}

.scrolled hr {
    display: none
}

.scrolled ul li a {
    color: #088AA3
}

.scrolled a.btn-desktop {
    color: #088AA3 !important;
    border-color: #088AA3 !important
}

.scrolled a.btn-desktop:before {
    background: #088AA3;
    transition: all .3s ease
}

.scrolled a.btn-desktop:hover {
    color: #fff !important;
    background-color: #088AA3 !important
}

.scrolled .navbar-toggler {
    border: 1px solid #1f9bb2
}

.scrolled .navbar-toggler .navbar-toggler-icon {
    background-image: url('/wp-content/themes/gocreations-custom-theme/assets/img/toggle-dark.png')
}

.scrolled .navbar-toggler[aria-expanded="true"] {
    border: none
}

.scrolled .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url('/wp-content/themes/gocreations-custom-theme/assets/img/x.png') !important
}

@media (max-width: 782px) {
    .scrolled {
        padding-bottom:0
    }

    .scrolled .navbar {
        padding: 0
    }

    .scrolled .mobile_book_now {
        color: #088AA3;
        font-weight: bold;
        background-color: #E6E1DB;
        padding: 10px 15px
    }

    .scrolled .navbar-collapse.show {
        padding-bottom: 2rem
    }

    .scrolled .navbar-collapse.show .navbar-nav {
        line-height: 2.5;
        margin-top: 1rem
    }

    .scrolled .navbar-collapse.show .navbar-nav li a {
        font-size: 20px;
        font-weight: 500
    }

    .scrolled .navbar-collapse.show .dropdown-menu {
        background: unset;
        line-height: 1.8rem
    }

    .scrolled .navbar-collapse.show .dropdown-menu li a {
        color: #12343A
    }

    .scrolled .menu-item-201:hover>.dropdown-menu,.scrolled .menu-item-204:hover>.dropdown-menu,.scrolled .menu-item-225:hover>.dropdown-menu {
        display: block
    }
}

.site-header.menu-open {
    background-color: #Fff !important
}

@media only screen and (min-width: 1024px) {
    .site-header.menu-open {
        background-color:#F9F7FA !important
    }
}

.navbar-toggler:focus {
    box-shadow: none !important
}

.menu-item {
    margin-right: 1.5rem
}

.menu-item a {
    padding: 21px 1rem
}

.dropdown-menu::before {
    content: '\f0d8';
    color: #fff;
    font-family: FontAwesome;
    font-size: 26px;
    position: absolute;
    top: -28px;
    pointer-events: none
}

.dropdown-menu {
    padding: 10px 20px;
    line-height: 2;
    min-width: 13rem;
    border: none;
    box-shadow: 0 5px 5px rgba(0,0,0,0.2);
    pointer-events: none
}

.dropdown-menu a {
    color: #088AA3
}

.dropdown-menu a:hover {
    color: #12343A
}

.dropdown-menu .menu-item {
    margin-right: 0
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #12343A;
    background-color: unset
}

.page-template-template-accommodation header,.tax-accommodation_type header,.single-accommodation header,.single-car header,.single-premium_car header,.page-template-accommodation-locations-template header,.page-id-20 header,.page-id-22 header,.page-template-template-thank-you header,.page-template-template-sidebar header,.page-template-template-terms header,.error404 header,.page-template-book-template header,.page-template-template-online header,.page-template-template-results header,.search header {
    background-color: #F9F7FA !important
}

.page-template-template-accommodation header .menu-item a,.tax-accommodation_type header .menu-item a,.single-accommodation header .menu-item a,.single-car header .menu-item a,.single-premium_car header .menu-item a,.page-template-accommodation-locations-template header .menu-item a,.page-id-20 header .menu-item a,.page-id-22 header .menu-item a,.page-template-template-thank-you header .menu-item a,.page-template-template-sidebar header .menu-item a,.page-template-template-terms header .menu-item a,.error404 header .menu-item a,.page-template-book-template header .menu-item a,.page-template-template-online header .menu-item a,.page-template-template-results header .menu-item a,.search header .menu-item a {
    color: #1f9bb2
}

.logo_desktop {
    max-width: 250px
}

@media only screen and (max-width: 1280px) and (min-width:1024px) {
    .logo_desktop {
        max-width:180px
    }
}

.logo_mobile {
    max-width: 155px
}

@media (max-width: 485px) {
    .logo_mobile {
        max-width:130px
    }
}

@media only screen and (max-width: 1440px) and (min-width:1024px) {
    .menu-item {
        margin-right:10px
    }

    .menu-item a {
        padding: 21px 7px
    }
}

@media only screen and (max-width: 1280px) and (min-width:1024px) {
    .menu-item {
        margin-right:5px
    }

    .menu-item a {
        padding: 21px 7px
    }

    .navbar-nav:last-of-type {
        margin-right: 15px
    }
}

@media only screen and (max-width: 1180px) and (min-width:1024px) {
    .menu-item a {
        padding:21px 4px;
        font-size: 13px
    }
}

.btn-custom-blue {
    border-radius: 0;
    padding: .575rem 3rem;
    border-color: #088aa3;
    color: #088aa3 !important;
    transition: all .3s ease;
    position: relative
}

.btn-custom-blue:hover {
    border-color: #088aa3;
    background-color: #088aa3;
    color: #fff !important
}

.btn-custom-wht {
    border-radius: 0;
    padding: .575rem 3rem;
    color: #fff !important;
    border-color: #fff;
    transition: all .3s ease;
    position: relative
}

.btn-custom-wht:before {
    transition: all .3s ease
}

.btn-custom-wht:hover,.btn-custom-wht:focus {
    background: #088AA3;
    border-color: #088AA3
}

.btn-custom-wht:hover:before,.btn-custom-wht:focus:before {
    background: #088AA3
}

.btn-list:hover,.btn-list:focus {
    background-color: transparent;
    color: #12343A
}

.btn-list:hover:before,.btn-list:focus:before {
    background: #12343A
}

.btn-list::before {
    border: none;
    position: absolute;
    content: '';
    margin: 0;
    width: 20px;
    height: 1px;
    top: 50%;
    left: 10px;
    background: #088AA3;
    transform: translateY(-50%);
    transition: all .3s ease
}

a.card:hover .col,a.card:active .col,a.card:focus .col,a.card:hover p,a.card:active p,a.card:focus p,a.card:hover span,a.card:active span,a.card:focus span {
    color: #444 !important
}

a.card:hover h4,a.card:active h4,a.card:focus h4 {
    color: #252526 !important
}

a.card:hover .sub-text,a.card:active .sub-text,a.card:focus .sub-text {
    color: #ABABAB !important
}

footer {
    padding-top: 50px
}

footer .heading {
    font-family: 'Playfair Display'
}

footer .different-width .btn {
    margin-top: 1rem
}

@media (max-width: 1024px) {
    footer {
        padding-top:0
    }

    footer .col {
        width: 100%;
        flex: unset;
        text-align: center;
        padding-bottom: 2rem;
        justify-content: center
    }

    footer .lead {
        font-size: 1.5rem;
        font-weight: 500
    }

    footer a {
        font-size: 1.2rem
    }

    footer .s-icons {
        justify-content: center
    }

    footer .s-icons li i {
        font-size: 28px;
        margin: 0 .5rem
    }

    footer .g-in-touch div {
        width: 100%;
        padding-bottom: 2rem
    }

    footer .container {
        padding-bottom: 0 !important
    }

    footer .bottom-bar .col {
        padding-bottom: 0
    }

    footer .bottom-bar {
        padding: 1rem 0
    }

    footer .bottom-bar p {
        margin-top: 0
    }

    footer .bottom-bar .col:last-child p {
        margin-bottom: 0
    }
}

footer .container {
    padding: 50px 0px
}

footer .lead {
    color: #088aa3;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px
}

footer ul li {
    margin-top: 10px
}

footer ul li a {
    color: #404040;
    text-decoration: none
}

footer ul li a:hover,footer ul li a:focus {
    color: #088AA3
}

footer ul.menu {
    margin: 0;
    padding: 0
}

footer ul.menu li.menu-item {
    margin-top: 10px;
    margin-right: 0
}

footer ul.menu li.menu-item a {
    color: #404040;
    text-decoration: none;
    padding: 0;
    font-size: 16px
}

footer ul.menu li.menu-item a:hover,footer ul.menu li.menu-item a:focus {
    color: #088AA3
}

.google-map .wrapper {
    height: 350px
}

@media screen and (min-width: 1024px) {
    .google-map .wrapper {
        height:500px
    }
}

#contact {
    background: rgba(219,211,202,0.6)
}

#contact.header-margin {
    margin-top: 75px
}

#contact .wrapper {
    padding: 3rem 0
}

#contact .g-touch ul li a {
    font-size: 17px;
    font-weight: bold;
    color: #088AA3;
    font-style: italic
}

#contact .g-touch ul li a:hover,#contact .g-touch ul li a:focus {
    color: #12343A
}

#contact h2 {
    color: #088AA3;
    max-width: 400px
}

#contact p {
    line-height: 2rem;
    max-width: 450px
}

#contact .g-touch li {
    margin-bottom: .7rem
}

#contact .wpcf7 .your-name input,#contact .wpcf7 .your-email input,#contact .wpcf7 .your-phone input,#contact .wpcf7 .your-message input {
    width: 100%
}

#contact .wpcf7 input,#contact .wpcf7 textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid #088AA3;
    color: #088AA3;
    padding: 10px;
    border-radius: 0;
    resize: none;
    width: 100%
}

#contact .wpcf7 input[type="checkbox"] {
    width: auto
}

#contact .wpcf7 input:focus-visible,#contact .wpcf7 textarea:focus-visible {
    outline: none
}

#contact .wpcf7 .wpcf7-list-item-label {
    color: #088AA3
}

#contact .wpcf7 .wpcf7-list-item-label a {
    color: #088AA3;
    text-decoration: underline
}

#contact .wpcf7 .wpcf7-submit-btn::before {
    position: absolute;
    content: '';
    margin: 0;
    width: 20px;
    height: 1px;
    top: 24px;
    left: -10px;
    background: #088AA3
}

#contact .wpcf7 .wpcf7-submit {
    position: relative;
    border: 1px solid #088AA3;
    border-radius: 0;
    padding: 15px 25px
}

#contact .wpcf7 .wpcf7-list-item {
    margin: 0
}

#contact .wpcf7 .wpcf7-list-item input {
    margin-right: 5px
}

#contact .wpcf7 .wpcf7-submit-btn {
    padding: 0;
    margin-top: 10px;
    position: relative
}

@media (min-width: 992px) {
    #contact .infos p {
        margin-right:5rem;
        margin-top: 2rem
    }

    #contact .infos h2 {
        margin-right: 2rem
    }

    #contact .infos .g-touch {
        margin-left: 3rem
    }
}

@media (max-width: 991px) {
    #contact h2 {
        font-size:34px
    }

    #contact p {
        font-weight: 500;
        line-height: 1.7
    }

    #contact ul {
        line-height: 2
    }

    #contact #wpcf7-f273-o1 {
        padding: 2rem 0
    }

    #contact .wrapper {
        padding: 2rem 0 0 0
    }
}

.bottom-bar {
    background-color: #088aa3;
    margin-top: 1.5em
}

.bottom-bar p,.bottom-bar a {
    color: #fff;
    margin-top: .5em;
    margin-bottom: .5em
}

.s-icons li {
    padding-right: 20px
}

.s-icons li:last-child {
    padding-right: 0
}

.s-icons li a,.g-in-touch ul li a {
    color: #183339
}

.g-in-touch ul li a {
    font-size: 17px;
    font-weight: 400
}

.s-icons li i {
    font-size: 23px
}

.g-in-touch .heading {
    font-size: 30px
}

.main-navigation {
    display: block;
    width: 100%
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0
}

.main-navigation ul ul li:hover>ul,.main-navigation ul ul li.focus>ul {
    display: block;
    left: auto
}

.main-navigation ul ul a {
    width: 200px
}

.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul {
    left: auto
}

.main-navigation li {
    position: relative
}

.main-navigation a {
    display: block;
    text-decoration: none
}

.menu-toggle,.main-navigation.toggled ul {
    display: block
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display:none
    }

    .main-navigation ul {
        display: flex
    }
}

.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {
    margin: 0 0 1.5em
}

.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links {
    display: flex
}

.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {
    flex: 1 0 50%
}

.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%
}

.sticky {
    display: block
}

.updated:not(.published) {
    display: none
}

.page-content,.entry-content,.entry-summary {
    margin: 1.5em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr)
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr)
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr)
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr)
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr)
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr)
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr)
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr)
}

.gallery-caption {
    display: block
}

.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#primary[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em
}

.page-template-template-sidebar h1 {
    margin-top: 0;
    font-size: 3.1rem;
    font-weight: bold;
    color: #1f9bb2
}

@media (max-width: 991px) {
    .page-template-template-sidebar {
        padding:2rem 0
    }
}

.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus {
    box-shadow: none
}

.error404 .two_column .wrapper {
    background-color: #e6e1db73;
    padding: 7rem 0
}

.error404 .two_column .content .row {
    max-width: 387px;
    margin: 0 auto
}

.error404 .two_column .content .row h1 {
    color: #1f9bb2;
    font-size: 4em;
    font-family: 'Euclid Square';
    font-weight: bold;
    text-align: right;
    margin: 0
}

.error404 .two_column .content .row h2 {
    font-size: 2rem
}

.error404 .two_column .content .row .we_couldn {
    display: flex;
    align-items: center;
    font-weight: 500
}

.error404 .two_column .content .row .we_couldn p {
    margin: 0
}

@media (max-width: 479px) {
    footer p,footer a {
        font-size:1rem
    }
}

.card .card-body>.content {
    height: 100%;
    display: grid
}

.btn-s {
    display: flex;
    background-color: #E6E1DB
}

.btn-s input {
    width: 100%;
    background: transparent;
    border: none;
    color: #088AA3;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: normal
}

.btn-s .fa-angle-right:before {
    content: '\f105';
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 55px;
    color: #1f9bb2;
    -webkit-text-stroke: 4px #e6e1db
}

.btn-s .fa-angle-right {
    position: relative;
    right: 20px;
    display: flex;
    align-items: center
}

@media (min-width: 1024px) {
    .terms-row .container {
        display:grid;
        grid-template-columns: 350px 1fr;
        gap: 30px
    }
}

.terms-row .text h2,.terms-row .text h3 {
    font-size: 2rem;
    font-weight: 500
}

.terms-row .text h3,.terms-row .text h4 {
    font-size: 1.7rem;
    font-weight: 500
}

.terms-row .text h5,.terms-row .text h6 {
    font-size: 1.5rem;
    font-weight: 500
}

@media (min-width: 1024px) {
    .terms-row h2,.terms-row h3 {
        font-size:2.5rem;
        font-weight: 500
    }

    .terms-row h3,.terms-row h4 {
        font-size: 2.2rem;
        font-weight: 500
    }

    .terms-row h5,.terms-row h6 {
        font-size: 2rem;
        font-weight: 500
    }
}

.d-md-none {
    display: block !important
}

@media (min-width: 1024px) {
    .d-md-none {
        display:none !important
    }
}

@media (max-width: 400px) {
    #cta .btn-custom-088AA3 {
        min-width:unset!important;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin: 30px auto 0!important
    }
}

@media (max-width: 768px) {
    .taxonomies-wrap {
        flex-direction:column;
        align-items: flex-start !important
    }
}

.taxonomies-wrap .row {
    flex: 1;
    font-size: 14px;
    width: 100%
}

body {
    font-family: 'Euclid Square',sans-serif;
    color: #444444;
    font-size: 14px;
    line-height: 1.2
}

@media screen and (min-width: 1024px) {
    body {
        font-size:16px
    }
}

nav ol,nav ul {
    list-style: none;
    position: relative
}

button,input,select,textarea {
    font-family: 'Euclid Square',sans-serif;
    color: #088AA3;
    text-decoration: none;
    background: inherit;
    border: unset;
    font-size: 1rem;
    accent-color: #088AA3
}

a,button {
    text-decoration: none;
    color: inherit;
    outline: 0;
    transition: all .3s ease;
    cursor: pointer
}

*,*:before,*:after {
    box-sizing: border-box;
    padding: 0 0 0 0;
    margin: 0 0 0 0
}

::-moz-selection {
    background: #bcaf9f;
    color: #fff
}

::selection {
    background: #bcaf9f;
    color: #fff
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: ''
}

#wpadminbar {
    position: fixed
}

.admin-bar .site-header,.admin-bar .mobile-header {
    margin-top: 46px
}

@media screen and (min-width: 783px) {
    .admin-bar .site-header,.admin-bar .mobile-header {
        margin-top:32px
    }
}

.admin-bar .fancybox-container {
    margin-top: 46px;
    height: calc(100% - 46px)
}

@media screen and (min-width: 783px) {
    .admin-bar .fancybox-container {
        margin-top:32px;
        height: calc(100% - 32px)
    }
}

.admin-bar .search-form-section.bookpage-form {
    min-height: calc(100vh - (46px + 75px))
}

@media screen and (min-width: 783px) {
    .admin-bar .search-form-section.bookpage-form {
        min-height:calc(100vh - (32px + 75px))
    }
}

@media screen and (min-width: 1024px) {
    .admin-bar .search-form-section.bookpage-form {
        min-height:calc(100vh - - (32px + 83.85px))
    }
}

.admin-bar .burger-area {
    margin-top: 46px;
    height: calc(100% - (46px + 75px))
}

@media screen and (min-width: 783px) {
    .admin-bar .burger-area {
        margin-top:32px;
        height: calc(100% - (32px + 75px))
    }
}

.admin-bar .burger-area.scrolled {
    height: calc(100% - (46px + 80px))
}

@media screen and (min-width: 783px) {
    .admin-bar .burger-area.scrolled {
        height:calc(100% - (32px + 80px))
    }
}

.site-content {
    margin-top: 75px;
    overflow-x: hidden
}

.site-content.transparent-header {
    margin-top: 0px
}

.site-content.maintenance {
    margin-top: 100px
}

@media screen and (min-width: 1024px) {
    .site-content {
        margin-top:83.85px
    }
}

.site-header.transparent,.mobile-header.transparent {
    background: transparent
}

.site-header.transparent.scrolled,.mobile-header.transparent.scrolled {
    background: #fff
}

@media screen and (min-width: 1024px) {
    #page {
        margin-top:15px
    }
}

@media screen and (min-width: 1024px) {
    .border-margins {
        margin-left:15px;
        margin-right: 15px
    }
}

.container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1600px;
    width: 90%;
    padding: 0
}

.container .container {
    width: 100%
}

@media screen and (min-width: 1024px) {
    .container .container {
        width:90%
    }
}

.container-left {
    padding-left: 5%;
    padding-right: 5%;
    margin-left: 0;
    margin-right: 0
}

@media screen and (min-width: 600px) {
    .container-left {
        padding-right:0
    }
}

@media screen and (min-width: 1024px) {
    .container-left {
        margin-left:15px;
        margin-right: 15px
    }
}

@media screen and (min-width: 1600px) {
    .container-left {
        padding-left:7%
    }
}

.container-left .row-content {
    padding-right: 5%;
    margin-right: 0;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
}

@media screen and (min-width: 1024px) {
    .container-left .row-content {
        margin-right:15px
    }
}

@media screen and (min-width: 1600px) {
    .container-left .row-content {
        padding-right:9.5%
    }
}

.site.no-margin {
    margin-top: 0 !important
}

.content {
    line-height: 1.8
}

.content a {
    text-decoration: underline
}

.content .no-decoration {
    text-decoration: none
}

.text,.content {
    font-weight: 300;
    font-family: 'Euclid Square',sans-serif
}

.text.small,.content.small {
    font-size: .7rem
}

@media screen and (min-width: 1024px) {
    .text.small,.content.small {
        font-size:.9rem
    }
}

.text.medium,.content.medium {
    font-size: 1.1rem
}

@media screen and (min-width: 1024px) {
    .text.medium,.content.medium {
        font-size:1.3rem
    }
}

.text.medium-large,.content.medium-large {
    font-size: 1.2rem
}

@media screen and (min-width: 1024px) {
    .text.medium-large,.content.medium-large {
        font-size:1.5rem
    }
}

.text.large,.content.large {
    font-size: 1.8rem
}

@media screen and (min-width: 1024px) {
    .text.large,.content.large {
        font-size:2rem
    }
}

.title {
    font-family: 'Playfair Display';
    font-size: 2rem;
    line-height: 1.1;
    font-weight: 400
}

.title.small {
    font-size: 1rem
}

@media screen and (min-width: 400px) {
    .title.small {
        font-size:1.2rem
    }
}

@media screen and (min-width: 1024px) {
    .title.small {
        font-size:1.5rem
    }
}

.title.medium {
    font-size: 1.3rem
}

@media screen and (min-width: 400px) {
    .title.medium {
        font-size:1.7rem
    }
}

@media screen and (min-width: 1024px) {
    .title.medium {
        font-size:2.1rem
    }
}

.title.medium-large {
    font-size: 1.7rem
}

@media screen and (min-width: 400px) {
    .title.medium-large {
        font-size:2.1rem
    }
}

@media screen and (min-width: 1024px) {
    .title.medium-large {
        font-size:2.5rem
    }
}

.title.large {
    font-size: 2rem
}

@media screen and (min-width: 400px) {
    .title.large {
        font-size:2.5rem
    }
}

@media screen and (min-width: 1024px) {
    .title.large {
        font-size:3rem
    }
}

.title.bold,.text.bold,.content.bold,.title strong,.text strong,.content strong {
    font-weight: 600
}

.title.regular,.text.regular,.content.regular {
    font-weight: 400
}

.title.light,.text.light,.content.light {
    font-weight: 300
}

.title.uppercase,.text.uppercase,.content.uppercase {
    text-transform: uppercase
}

.title.title-font,.text.title-font,.content.title-font {
    font-family: 'Playfair Display'
}

.title.alt-font,.text.alt-font,.content.alt-font {
    font-family: 'PF Agora Slab Pro'
}

.title.main-color,.text.main-color,.content.main-color {
    color: #088AA3
}

.title.main-color-light,.text.main-color-light,.content.main-color-light {
    color: #FFE4E2
}

.title.alt-color,.text.alt-color,.content.alt-color {
    color: #CA9835
}

.title.white,.text.white,.content.white {
    color: #fff
}

.title.underline,.text.underline,.content.underline {
    text-decoration: underline
}

.title.margin-top,.text.margin-top,.content.margin-top {
    margin-top: 1em;
    display: block
}

.title.margin-bottom,.text.margin-bottom,.content.margin-bottom {
    margin-bottom: 1em;
    display: block
}

.title.letter-spacing,.text.letter-spacing,.content.letter-spacing {
    letter-spacing: .05em
}

.title.block,.text.block,.content.block {
    display: block
}

.title.center,.text.center,.content.center {
    display: block;
    width: 100%;
    text-align: center
}

.button {
    font-size: .9rem;
    line-height: 1;
    color: #444444;
    font-weight: 400;
    font-family: 'Euclid Square',sans-serif;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    transition: ease .3s all;
    text-align: center
}

.button:hover {
    color: #088AA3
}

.button.solid {
    background: #fff;
    color: #088AA3
}

.button.border {
    padding: 18px 32px;
    border: 1px solid;
    border-radius: 6px
}

.button.border:hover,.button.border:focus {
    color: #fff;
    background: #088AA3;
    border-color: #088AA3
}

.button.white {
    color: #fff
}

.button.center {
    margin-right: auto;
    margin-left: auto
}

.button.margin-top {
    margin-top: 25px
}

.scroll-div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

section.paddings,div.paddings {
    padding: 40px 0px
}

section.margins,div.margins {
    margin-top: 40px;
    margin-bottom: 40px
}

section.bg-color,div.bg-color {
    background: #E6E1DB
}

section.bg-alt-color,div.bg-alt-color {
    background: #FFE4E2
}

section.no-overflow,div.no-overflow {
    overflow: hidden
}

@media screen and (min-width: 1024px) {
    section.paddings,div.paddings {
        padding:80px 0px
    }

    section.margins,div.margins {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

.bg-image-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 100%
}

.bg-image-wrap.portrait {
    padding-bottom: 120%
}

.bg-image-wrap.landscape {
    padding-bottom: 60%
}

.cover {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent
}

.no-font {
    font-size: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.show-on-scroll {
    transition: .5s all cubic-bezier(.29, .92, .52, 1);
    transition-delay: .3s
}

.slide-right {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-30px)
}

.slide-left {
    opacity: 0;
    pointer-events: none;
    transform: translateX(30px)
}

.slide-up {
    opacity: 0;
    pointer-events: none;
    transform: translateY(30px)
}

.slide-down {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-30px)
}

*.desktop {
    display: none
}

@media screen and (max-width: 768px) {
    *.mobile {
        padding:15px 20px
    }
}

@media screen and (min-width: 1024px) {
    *.desktop {
        display:inline-block
    }

    *.mobile {
        display: none
    }
}

.custom-next-btn,.custom-prev-btn {
    width: 80px!important;
    height: 80px!important;
    transform: rotate(45deg);
    background: #088AA3
}

.custom-next-btn:before,.custom-prev-btn:before {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    width: 50px;
    top: 37px;
    left: 16px;
    background: #fff;
    transform: rotate(-45deg)
}

.custom-next-btn {
    right: 50px!important
}

.custom-next-btn:after {
    content: '' !important;
    transform: rotate(90deg);
    position: absolute;
    top: 18px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    width: 40px;
    height: 40px
}

.custom-prev-btn {
    left: 50px!important
}

@media screen and (min-width: 600px) {
    .custom-prev-btn {
        display:none!important;
        left: -3% !important
    }

    .custom-prev-btn:before {
        left: 15px
    }
}

@media screen and (min-width: 1024px) {
    .custom-prev-btn {
        left:-5% !important
    }
}

.custom-prev-btn:after {
    content: '' !important;
    transform: rotate(90deg);
    position: absolute;
    top: 18px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 40px;
    height: 40px
}

@media screen and (min-width: 600px) {
    .home .custom-prev-btn {
        display:flex!important
    }
}

.mbsc-datepicker .custom-nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.wpcf7-spinner {
    visibility: visible;
    display: inline-block;
    opacity: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0;
    margin: 0 24px;
    position: absolute;
    top: calc(50% - 15px);
    pointer-events: none;
    border: 5px solid #82BDC8;
    transition: all .3s ease;
    background: transparent;
    border-top: 5px solid #0d6d80;
    animation: loader_spinner 1s linear infinite
}

.wpcf7-spinner:before {
    display: none
}

@keyframes loader_spinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.wpcf7-form.submitting .wpcf7-spinner {
    opacity: 1
}

.site-header {
    display: none
}

@media screen and (min-width: 1024px) {
    .site-header {
        display:block
    }
}

.site-header .desktop .navbar-nav .nav-item .dropdown-menu .menu-item {
    padding-left: 5px
}

.site-header .desktop .navbar-nav .nav-item .dropdown-menu .menu-item a {
    padding-left: 0
}

.header-menu__burger {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    padding: 0;
    padding-left: 22%;
    padding-right: 20%
}

@media screen and (min-width: 1024px) {
    .header-menu__burger {
        display:none
    }

    .header-menu__burger:hover {
        color: #088AA3
    }

    .header-menu__burger:hover .burger-button:before {
        background: #088AA3
    }

    .header-menu__burger:hover .burger-button span {
        background: #088AA3
    }

    .header-menu__burger:hover .burger-button:after {
        background: #088AA3
    }
}

.header-menu__burger.active .burger-button {
    height: 26px
}

.header-menu__burger.active .burger-button span {
    opacity: 0;
    transform: translateX(100%)
}

.header-menu__burger.active .burger-button:before {
    transform: translate(0, 11px) rotate(45deg)
}

.header-menu__burger.active .burger-button:after {
    transform: translate(0, -10px) rotate(-45deg)
}

@media screen and (min-width: 1024px) {
    .header-menu__burger.active .burger-button:after {
        transform:translate(0, -11px) rotate(-45deg)
    }
}

.burger-button {
    height: 27px;
    width: 33px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1
}

.burger-button:before {
    content: '';
    width: 100%;
    height: 5px;
    background: #088AA3;
    position: relative;
    display: block;
    transition: ease all .3s
}

.burger-button span {
    width: 100%;
    height: 5px;
    background: #088AA3;
    position: relative;
    display: block;
    transition: ease all .3s
}

.burger-button:after {
    content: '';
    width: 100%;
    height: 5px;
    background: #088AA3;
    position: relative;
    display: block;
    transition: ease all .3s
}

.burger-area {
    position: fixed;
    width: 100%;
    background: #F9F7FA;
    top: 75px;
    display: flex;
    padding: 20px 0px;
    transition: ease .3s all;
    justify-content: center;
    z-index: 1500;
    height: calc(100% - 75px);
    overflow-y: auto
}

.burger-area .burger-wrap {
    display: block;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: relative;
    padding: 0 5%
}

@media screen and (min-width: 1024px) {
    .burger-area .burger-wrap {
        grid-template-columns:1fr 1fr;
        gap: 100px
    }
}

.burger-area.scrolled {
    top: 80px;
    height: calc(100% - 80px)
}

@media screen and (min-width: 1024px) {
    .burger-area.scrolled {
        top:90px;
        height: calc(100% - 90px)
    }
}

.burger-area.hidden {
    opacity: 0;
    pointer-events: none
}

@media screen and (min-width: 1024px) {
    .burger-area {
        padding:50px 0px;
        top: 83.85px;
        height: calc(100% - 83.85px)
    }
}

.burger-menu {
    text-align: left;
    padding: 30px 0px
}

@media screen and (min-width: 1024px) {
    .burger-menu {
        padding:30px 80px
    }
}

.burger-menu ul {
    z-index: 2;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 1024px) {
    .burger-menu ul {
        display:grid;
        grid-gap: 10px;
        grid-gap: 40px
    }
}

.burger-menu ul>li {
    margin-bottom: 10px;
    margin-right: 0;
    position: relative
}

@media screen and (min-width: 1024px) {
    .burger-menu ul>li {
        margin-bottom:0
    }
}

.burger-menu ul>li.menu-item-has-children>a::after {
    position: absolute;
    right: 0;
    top: 15px;
    transform: scale(1);
    transition: all .2s ease
}

.burger-menu ul>li.menu-item-has-children.opened>a::after {
    transform: scale(-1)
}

.burger-menu ul>li>a {
    font-size: 1.4rem;
    color: #088AA3;
    font-family: 'Euclid Square',sans-serif;
    display: block;
    transition: all .3s ease;
    padding: 5px 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.burger-menu ul>li>a:hover {
    color: #12343A
}

@media screen and (min-width: 768px) {
    .burger-menu ul>li>a {
        font-size:1.8rem
    }
}

@media screen and (min-width: 1440px) {
    .burger-menu ul>li>a {
        font-size:2rem
    }
}

.burger-menu ul>li .sub-menu {
    position: relative;
    background: transparent;
    box-shadow: none;
    padding: 0px;
    pointer-events: all;
    display: none;
    line-height: 1.2;
    margin-top: 10px
}

.burger-menu ul>li .sub-menu:before {
    display: none
}

.burger-menu ul>li .sub-menu>li {
    margin-bottom: 5px
}

.burger-menu ul>li .sub-menu>li>a {
    font-size: 1.1rem;
    font-weight: 300;
    color: #12343A;
    padding: 0
}

.burger-menu ul>li .sub-menu>li>a:hover {
    color: #088AA3
}

@media screen and (min-width: 768px) {
    .burger-menu ul>li .sub-menu>li>a {
        font-size:1.6rem
    }
}

.header-mobile-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 1024px) {
    .header-mobile-wrapper {
        display:none
    }
}

.contact-list-items {
    margin: 1rem 0;
    padding: 0;
    display: grid;
    gap: .5rem
}

.contact-list-items a:hover,.contact-list-items a:focus {
    color: #088AA3
}

.burger-social-info {
    margin-top: 2rem
}

.burger-social-info i:hover,.burger-social-info i:focus {
    color: #088AA3
}

@media screen and (min-width: 1024px) {
    .mobile-header {
        display:none
    }
}

.mobile-header .header-mobile-wrap {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto auto;
    width: 100%
}

.mobile-header .header-mobile-wrap .logo-link {
    display: grid;
    align-items: center;
    justify-content: flex-start
}

.mobile-header .header-mobile-wrap .logo-link img {
    grid-row: 1;
    grid-column: 1;
    transition: all .3s ease
}

.mobile-header .header-mobile-wrap .header-menu__burger {
    padding-left: 20px;
    padding-right: 0
}

.dropdown-item {
    white-space: unset;
    padding-right: 0
}

.dropdown-item a {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.site-header.transparent .burger-button:before,.mobile-header.transparent .burger-button:before {
    background: #fff
}

.site-header.transparent .burger-button span,.mobile-header.transparent .burger-button span {
    background: #fff
}

.site-header.transparent .burger-button:after,.mobile-header.transparent .burger-button:after {
    background: #fff
}

.site-header.transparent .book-button,.mobile-header.transparent .book-button {
    color: #fff;
    background: transparent;
    border-color: rgba(220,220,220,0.3)
}

.site-header.transparent img.main_image,.mobile-header.transparent img.main_image {
    opacity: 1
}

.site-header.transparent img.scrolled_image,.mobile-header.transparent img.scrolled_image {
    opacity: 0
}

.site-header.transparent.scrolled .burger-button:before,.mobile-header.transparent.scrolled .burger-button:before {
    background: #088AA3
}

.site-header.transparent.scrolled .burger-button span,.mobile-header.transparent.scrolled .burger-button span {
    background: #088AA3
}

.site-header.transparent.scrolled .burger-button:after,.mobile-header.transparent.scrolled .burger-button:after {
    background: #088AA3
}

.site-header.transparent.scrolled .book-button,.mobile-header.transparent.scrolled .book-button {
    color: #088AA3;
    background: #E6E1DB;
    border-color: #E6E1DB
}

.site-header.transparent.scrolled img.main_image,.mobile-header.transparent.scrolled img.main_image {
    opacity: 0
}

.site-header.transparent.scrolled img.scrolled_image,.mobile-header.transparent.scrolled img.scrolled_image {
    opacity: 1
}

.site-header.no-transparent img.main_image,.mobile-header.no-transparent img.main_image {
    opacity: 0
}

.site-header.no-transparent img.scrolled_image,.mobile-header.no-transparent img.scrolled_image {
    opacity: 1
}

.site-header.menu-open,.mobile-header.menu-open {
    background: #fff
}

.site-header.menu-open .burger-button:before,.mobile-header.menu-open .burger-button:before {
    background: #088AA3
}

.site-header.menu-open .burger-button span,.mobile-header.menu-open .burger-button span {
    background: #088AA3
}

.site-header.menu-open .burger-button:after,.mobile-header.menu-open .burger-button:after {
    background: #088AA3
}

.site-header.menu-open .book-button,.mobile-header.menu-open .book-button {
    color: #088AA3;
    background: #E6E1DB;
    border-color: #E6E1DB
}

.site-header.menu-open img.scrolled_image,.mobile-header.menu-open img.scrolled_image {
    opacity: 1
}

.site-header.menu-open img.main_image,.mobile-header.menu-open img.main_image {
    opacity: 0
}

.book-button {
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .2rem 1rem;
    color: #088AA3;
    background: #E6E1DB;
    border-right: 1px solid #E6E1DB;
    border-left: 1px solid #E6E1DB;
    transition: all .3s ease
}

.admin-bar .site-header.transparent~.locations-dropdown {
    top: 115px
}

@media screen and (min-width: 1280px) {
    .admin-bar .site-header.transparent~.locations-dropdown {
        top:127px
    }
}

.admin-bar .site-header.no-transparent~.locations-dropdown {
    top: 100px
}

@media screen and (min-width: 1280px) {
    .admin-bar .site-header.no-transparent~.locations-dropdown {
        top:112px
    }
}

.admin-bar .site-header.scrolled~.locations-dropdown {
    top: 100px
}

@media screen and (min-width: 1280px) {
    .admin-bar .site-header.scrolled~.locations-dropdown {
        top:112px
    }
}

.admin-bar .locations-dropdown {
    top: 115px
}

@media screen and (min-width: 1280px) {
    .admin-bar .locations-dropdown {
        top:127px
    }
}

.site-header.transparent~.locations-dropdown {
    top: 83px
}

@media screen and (min-width: 1280px) {
    .site-header.transparent~.locations-dropdown {
        top:95px
    }
}

.site-header.no-transparent~.locations-dropdown {
    top: 68px
}

@media screen and (min-width: 1280px) {
    .site-header.no-transparent~.locations-dropdown {
        top:80px
    }
}

.site-header.scrolled~.locations-dropdown {
    top: 68px
}

@media screen and (min-width: 1280px) {
    .site-header.scrolled~.locations-dropdown {
        top:80px
    }
}

.site-header .nav-item.locations-menu {
    position: relative
}

.site-header .nav-item.locations-menu>.sub-menu {
    display: none
}

.site-header .nav-item.locations-menu :before {
    content: '';
    width: 100%;
    top: 100%;
    display: block;
    position: absolute;
    height: 30px
}

.locations-dropdown {
    position: fixed;
    z-index: 1498;
    background: #F9F7FA;
    width: 100%;
    top: 83px;
    left: 0;
    transition: all .3s ease;
    display: none;
    padding: 50px 0;
    box-shadow: 0 10px 10px rgba(0,0,0,0.1);
    opacity: 0;
    pointer-events: none
}

@media screen and (min-width: 1024px) {
    .locations-dropdown {
        display:block
    }
}

@media screen and (min-width: 1280px) {
    .locations-dropdown {
        top:95px
    }
}

.locations-dropdown.visible {
    opacity: 1;
    pointer-events: all
}

.locations-dropdown .inner-container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
    width: 90%;
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 100px
}

@media screen and (min-width: 1280px) {
    .locations-dropdown .inner-container {
        grid-template-columns:400px 1fr
    }
}

.locations-dropdown .split-columns.top-locations {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.locations-dropdown .split-columns.top-locations .main-locations-wrap {
    padding-right: 30px
}

.locations-dropdown .back-button {
    display: none
}

.locations-dropdown .back-button:not(:empty) {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 0
}

.locations-dropdown .back-button:not(:empty):before {
    content: '\2190';
    display: inline-block;
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    width: 30px;
    height: 24px
}

.main-locations-wrap .menu-locations-wrap {
    display: none
}

.main-locations-wrap .menu-locations-wrap:first-child {
    display: block
}

.top-locations-wrap {
    padding-left: 80px;
    border-left: 1px solid #E6E1DB
}

.outer-wrap {
    display: grid
}

.menu-locations-wrap {
    max-height: 210px;
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    grid-column: 1;
    grid-row: 1;
    background: #F9F7FA;
    position: relative;
    transition: all .3s ease
}

@media screen and (min-width: 1280px) {
    .menu-locations-wrap {
        max-height:310px
    }
}

.menu-locations-wrap .single-location-item {
    line-height: 2
}

.menu-locations-wrap .single-location-item a {
    color: #8c8c8c
}

.menu-locations-wrap .single-location-item a:hover {
    color: #444444
}

.search-form-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.search-form-section.homepage-form {
    margin-bottom: -120px
}

@media screen and (min-width: 1024px) {
    .search-form-section.homepage-form {
        transform:translateY(-50%);
        margin-bottom: -50px
    }
}

.search-form-section.homepage-form #searchform {
    margin-top: -87px
}

@media screen and (min-width: 1024px) {
    .search-form-section.homepage-form #searchform {
        margin-top:0
    }
}

.search-form-section.bookpage-form {
    min-height: calc(100vh - 75px)
}

@media screen and (min-width: 1024px) {
    .search-form-section.bookpage-form {
        min-height:calc(100vh - 45px)
    }
}

#searchform {
    max-width: 1200px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    background: #fff
}

.searchform-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 90px
}

@media screen and (min-width: 1024px) {
    .searchform-wrap {
        grid-template-columns:repeat(6, 1fr)
    }
}

.select-dropdown-wrap {
    position: absolute;
    top: 100%;
    background: #fff;
    left: -1px;
    width: calc(100% + 2px);
    border: 1px solid #E6E1DB;
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
    overflow-y: auto;
    max-height: 300px;
    font-family: 'Euclid Square',sans-serif;
    display: none;
    scrollbar-width: thin;
    z-index: 10
}

.select-dropdown-wrap .select-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: 400
}

.select-dropdown-wrap .select-menu .select-menu {
    display: none;
    padding-top: 5px;
    border-top: 1px solid #E6E1DB;
    margin-top: 5px
}

.select-dropdown-wrap .select-menu li {
    position: relative
}

.select-dropdown-wrap .select-menu li p {
    line-height: 1.8;
    margin-bottom: 0;
    padding: 0 15px;
    cursor: pointer;
    color: #8c8c8c !important;
    font-size: 16px !important
}

.select-dropdown-wrap .select-menu li p:hover,.select-dropdown-wrap .select-menu li p.active {
    background-color: #d0e9ed
}

.select-dropdown-wrap .select-menu li .arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 1.8em
}

.select-dropdown-wrap .select-menu li .arrow:after {
    right: 15px;
    top: 50%;
    transform: translateY(-50%) scale(1)
}

.select-dropdown-wrap .select-menu li .arrow.opened:after {
    transform: translateY(-50%) scale(-1)
}

.select-dropdown-wrap .select-menu li[data-type="country"] {
    padding: 5px 0
}

.select-dropdown-wrap .select-menu li[data-type="country"]>.arrow {
    height: 40px
}

.select-dropdown-wrap .select-menu li[data-type="country"]:not(:first-child) {
    border-top: 1px solid #E6E1DB
}

.select-dropdown-wrap .select-menu li[data-type="country"]>p {
    font-weight: 700;
    color: #088AA3 !important
}

.select-dropdown-wrap .select-menu li[data-type="state"]>p {
    font-weight: 600
}

.select-dropdown-wrap .select-menu li[data-type="city"]>p {
    font-weight: 500
}

.select-dropdown-wrap .select-menu li[data-type="area"]>p {
    font-weight: 400
}

.field-form-wrap {
    padding: 10px;
    position: relative
}

@media screen and (min-width: 390px) {
    .field-form-wrap {
        padding:15px
    }
}

@media screen and (min-width: 1024px) {
    .field-form-wrap {
        border-right:1px solid #E6E1DB
    }
}

.field-form-wrap:last-child {
    border: 0
}

.field-form-wrap:nth-child(2n+2) {
    border-right: 1px solid #E6E1DB
}

.field-form-wrap.date-field,.field-form-wrap.destination-field {
    border-bottom: 1px solid #E6E1DB
}

@media screen and (min-width: 1024px) {
    .field-form-wrap.date-field,.field-form-wrap.destination-field {
        border-bottom:0
    }
}

.field-form-wrap.destination-field {
    grid-column: 1/-1
}

@media screen and (min-width: 1024px) {
    .field-form-wrap.destination-field {
        grid-column:unset
    }
}

.field-form-wrap.destination-field input {
    padding-left: 22px!important;
    padding-right: 15px;
    text-overflow: ellipsis
}

.field-form-wrap.persons-field img {
    position: absolute;
    pointer-events: none;
    width: auto;
    max-width: 20px;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.field-form-wrap.icon-field img {
    position: absolute;
    pointer-events: none;
    width: auto;
    max-width: 20px;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.field-form-wrap.icon-field img.img-adults {
    max-height: 20px
}

.field-form-wrap.icon-field img.img-children {
    max-height: 15px
}

.field-form-wrap.icon-field img.img-destination {
    max-height: 20px
}

.field-form-wrap.icon-field input,.field-form-wrap.icon-field select {
    padding-left: 25px
}

@media screen and (min-width: 380px) {
    .field-form-wrap.icon-field input,.field-form-wrap.icon-field select {
        padding-left:30px
    }
}

.field-form-wrap input,.field-form-wrap select {
    border: 0;
    outline: none;
    color: #444444;
    background: #fff;
    width: 100%;
    padding: 3px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer
}

@media screen and (min-width: 390px) {
    .field-form-wrap input,.field-form-wrap select {
        font-size:18px
    }
}

.field-form-wrap input.placeholder-color,.field-form-wrap select.placeholder-color {
    color: #8c8c8c
}

.selection-wrap {
    position: relative
}

.selection-wrap:after {
    content: "";
    display: inline-block;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    pointer-events: none;
    position: absolute;
    top: 14px;
    right: 4px
}

.input-wrap {
    position: relative
}

.input-wrap img {
    position: absolute;
    pointer-events: none;
    width: auto;
    max-width: 20px;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.search-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E6E1DB;
    color: #088AA3;
    padding: 15px 30px;
    transition: all .3s ease;
    border-radius: 0;
    border: 0;
    grid-column: span 2
}

@media screen and (min-width: 1024px) {
    .search-button {
        grid-column:unset;
        justify-content: space-evenly
    }
}

.search-button span {
    transition: all .3s ease
}

.search-button .img-arrow {
    max-height: 20px;
    width: auto;
    margin-left: 10px;
    pointer-events: none;
    transition: all .3s ease
}

@media screen and (min-width: 1024px) {
    .search-button .img-arrow {
        max-height:35px
    }
}

.search-button .img-arrow.hovered {
    opacity: 0
}

.search-button:hover {
    background: #088AA3
}

.search-button:hover span {
    color: #fff
}

.search-button:hover img {
    opacity: 0
}

.search-button:hover img.hovered {
    opacity: 1
}

.arrow-wrap {
    display: grid;
    place-items: center
}

.arrow-wrap img {
    grid-row: 1;
    grid-column: 1
}

.secure-wrap {
    margin-top: 40px;
    color: #7CD992;
    font-weight: 600;
    letter-spacing: 1px;
    display: flex;
    align-items: center
}

.secure-wrap img {
    max-height: 30px;
    width: auto;
    margin-left: 10px
}

.single-price-footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

.single-price-footer .see_collection {
    transform: translateX(-15px);
    padding-right: 30px
}

@media screen and (max-width: 480px) {
    .single-price-footer .see_collection {
        padding-right:15px;
        padding-left: 40px
    }
}

.price-wrap {
    display: flex;
    position: relative;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 1.2;
    transition: all .3s ease
}

@media screen and (max-width: 480px) {
    .price-wrap {
        font-size:12px
    }
}

.price-wrap .main-price {
    font-weight: 500
}

@media screen and (max-width: 480px) {
    .price-wrap .main-price {
        font-size:21px
    }
}

@media screen and (max-width: 480px) {
    .price-wrap .medium {
        font-size:16px
    }
}

.price-content-wrap {
    margin-left: auto;
    min-width: 40px
}

.price-content-wrap.loading-price .loader-spinner {
    opacity: 1
}

.price-content-wrap .loader-spinner {
    opacity: 0;
    left: 40px;
    top: -20px;
    width: 30px;
    height: 30px;
    transition: all .3s ease;
    border-width: 4px
}

@media screen and (min-width: 440px) {
    .price-content-wrap .loader-spinner {
        top:calc(50% - 15px);
        right: 30px;
        left: unset
    }
}

@media screen and (min-width: 1024px) {
    .price-content-wrap .loader-spinner {
        right:60px
    }
}

.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-inner {
    background-color: #088AA3 !important
}

.mbsc-range-day .mbsc-calendar-cell-inner,.mbsc-selected .mbsc-calendar-cell-inner {
    background: rgba(8,138,163,0.2) !important
}

.mbsc-range-day {
    border-left-color: rgba(8,138,163,0.2) !important
}

.mbsc-range-hover {
    border-left: 1px solid rgba(8,138,163,0.2) !important
}

.mbsc-range-hover .mbsc-calendar-cell-inner {
    border-color: transparent!important;
    background: rgba(8,138,163,0.2) !important
}

.mbsc-calendar-title,.mbsc-calendar-week-day {
    text-transform: uppercase
}

.error-message-content {
    font-size: 10px;
    font-family: 'Euclid Square',sans-serif;
    color: #EB6060;
    display: none
}

@media screen and (min-width: 480px) {
    .error-message-content {
        font-size:12px
    }
}

.single-booking {
    display: grid!important;
    padding: 5px!important;
    position: relative
}

.single-booking .price-content-wrap {
    margin-right: 20px;
    position: relative;
    margin-left: 20px;
    margin-bottom: 20px
}

@media screen and (min-width: 440px) {
    .single-booking .price-content-wrap {
        margin-left:auto;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .single-booking .price-content-wrap {
        margin-right:0
    }
}

.single-booking .btn-custom-blue {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: 20px;
    margin-bottom: 0
}

@media screen and (min-width: 1024px) {
    .single-booking {
        padding:30px!important;
        min-height: 400px
    }

    .single-booking .text {
        margin-left: 0;
        margin-top: 0
    }

    .single-booking .btn-custom-blue {
        margin-left: 0;
        margin-bottom: 0
    }
}

.checkin-note.desktop {
    display: none
}

@media screen and (min-width: 1024px) {
    .checkin-note.desktop {
        position:absolute;
        top: 100%;
        display: block
    }
}

@media screen and (min-width: 1024px) {
    .checkin-note.mobile {
        display:none
    }
}

.fixed-checkin-day .mbsc-calendar-day-colors:not(.mbsc-disabled) {
    cursor: not-allowed;
    pointer-events: none
}

.fixed-checkin-day .mbsc-calendar-day-colors:not(.mbsc-disabled).mbsc-range-day {
    opacity: 1
}

.fixed-checkin-day .mbsc-calendar-row {
    cursor: not-allowed
}

.error-message-content {
    line-height: 2
}

.fixed-days-error {
    top: 100%;
    margin-top: 30px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    color: #EB6060;
    display: block;
    font-size: 14px
}

.select-dates-title {
    margin: 10px 20px
}

@media screen and (min-width: 1024px) {
    .select-dates-title {
        margin:0
    }
}

.sorting-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: auto;
    width: 100%;
    justify-content: space-between;
    gap: 15px 0
}

@media screen and (min-width: 480px) {
    .sorting-wrapper {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.sorting-wrapper .special_offer-wrap {
    margin-right: 15px
}

.sorting-wrapper .special_offer-wrap label {
    padding: .375rem 1.1rem;
    background-color: #FFF;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 1rem;
    font-weight: 400;
    color: #212529;
    line-height: 1.5;
    border-radius: .25rem;
    border: 1px solid #ced4da
}

.sorting-wrapper .special_offer-wrap label:hover {
    background-color: #F4F4F4
}

.sorting-wrapper .special_offer-wrap label.active {
    background-color: #088AA3;
    border: 1px solid #088AA3
}

.sorting-wrapper .special_offer-wrap label.active:after {
    content: "\2715";
    margin-left: 7px;
    pointer-events: none;
    color: #fff
}

.sorting-wrapper .special_offer-wrap label.active:hover {
    background-color: #066172;
    border: 1px solid #066172
}

.sorting-wrapper .special_offer-wrap input {
    display: none
}

@media screen and (min-width: 480px) {
    .sort-by-wrap {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.sort-by-wrap:after {
    top: 18px;
    right: 10px
}

.sort-by-wrap .form-control:focus {
    box-shadow: none
}

.sort-by-wrap [name="sortby"] {
    padding-right: 40px;
    text-indent: 0;
    cursor: pointer
}

@media screen and (min-width: 480px) {
    .sort-by-wrap [name="sortby"] {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.flexible-wrap {
    position: absolute;
    z-index: 1;
    background: rgba(255,255,255,0.9);
    padding: 10px;
    border-radius: 8px;
    top: 10px;
    left: 10px
}

.flexible-wrap .text {
    font-weight: 500;
    margin-bottom: 5px
}

.card-body {
    position: relative
}

a.card:hover .tooltip-icon,a.card:focus .tooltip-icon {
    color: #fff !important
}

.tooltip-icon {
    font-size: 8px;
    color: #fff;
    border-radius: 50%;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    width: 14px;
    min-width: 14px;
    height: 14px
}

.offer-content {
    position: absolute;
    opacity: 0;
    width: 100%;
    max-width: 300px;
    font-size: 14px;
    color: #333;
    background: #fff;
    padding: 15px;
    bottom: 90%;
    line-height: 1.6;
    transition: all .3s ease;
    pointer-events: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    z-index: 1
}

@media screen and (min-width: 360px) {
    .offer-content {
        width:-webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

.offer-content:after {
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    top: 100%;
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%)
}

.offer-content .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: .1;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 10px
}

.flexible-days {
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0
}

@media screen and (min-width: 360px) {
    .flexible-days {
        gap:15px
    }
}

.flexible-days li {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer
}

.flexible-days li label {
    display: inline-flex;
    gap: 3px;
    align-items: center;
    cursor: pointer;
    font-family: 'Euclid Square',sans-serif;
    font-size: 14px
}

@media screen and (min-width: 360px) {
    .flexible-days li label {
        font-size:16px
    }
}

.flexible-days li label span {
    line-height: .5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.flexible-days li label span:after {
    content: '-'
}

.flexible-content {
    padding: 15px 25px 10px;
    display: flex;
    align-items: center;
    gap: 5px
}

@media screen and (min-width: 1024px) {
    .flexible-content {
        padding:10px 25px
    }
}

.search-calendar-wrapper {
    display: none;
    align-items: center;
    justify-content: start;
    width: 100%;
    z-index: 15;
    position: fixed;
    bottom: 0;
    left: 0;
    max-width: 100%
}

@media screen and (min-width: 1024px) {
    .search-calendar-wrapper {
        position:absolute;
        max-width: 999px;
        top: 100%;
        bottom: unset
    }
}

.search-calendar-wrapper.calendar-show {
    display: flex
}

.search-calendar-wrapper .mbsc-datepicker .custom-nav {
    justify-content: space-around
}

.search_form {
    position: relative
}

#search-calendar,.search-calendar-wrapper>div,.search-calendar-wrapper .mbsc-datepicker {
    width: 100%;
    border-top: 1px solid #E6E1DB;
    box-shadow: 0 10px 10px rgba(0,0,0,0.1)
}

.mbsc-calendar-day-text font,.mbsc-range-control-wrapper font,.mbsc-calendar-header font,.mbsc-calendar-week-day font {
    display: none!important
}

.abWrapper .abMenu {
    height: unset!important;
    padding: 0!important
}

.abWrapper .abMenu .row {
    margin: 0!important
}

.checkout-buttons-wrap .checkout_button[disabled] {
    cursor: not-allowed
}

.checkout-booking-header {
    background: #fff;
    padding: 0
}

.checkout-booking-header .header-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    padding: 30px 0;
    gap: 20px
}

@media screen and (min-width: 1024px) {
    .checkout-booking-header .header-wrapper {
        grid-template-columns:repeat(5, 1fr);
        gap: 10px
    }
}

.checkout-booking-header .header-wrapper .header-booking-info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .checkout-booking-header .header-wrapper .header-booking-info {
        border-right:1px solid #ABABAB
    }
}

.checkout-booking-header .header-wrapper .header-booking-info img {
    max-width: 25px;
    max-height: 25px;
    height: auto;
    margin-bottom: 5px
}

.checkout-booking-header .header-wrapper .header-booking-info span {
    text-align: center
}

.checkout-booking-header .header-wrapper .header-booking-info.title-wrap {
    justify-content: flex-start;
    grid-column: span 2;
    border-right: 0
}

@media screen and (min-width: 1024px) {
    .checkout-booking-header .header-wrapper .header-booking-info.title-wrap {
        grid-column:unset
    }
}

.checkout-booking-header .header-wrapper .header-booking-info.title-wrap h1 {
    margin: 0
}

.checkout-booking-header .header-wrapper .header-booking-info.new_search-wrap {
    grid-column: 3;
    grid-row: 1;
    flex-direction: row;
    border-right: 0
}

.checkout-booking-header .header-wrapper .header-booking-info.new_search-wrap img {
    margin-bottom: 0
}

.checkout-booking-header .header-wrapper .header-booking-info.new_search-wrap a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media screen and (min-width: 1024px) {
    .checkout-booking-header .header-wrapper .header-booking-info.new_search-wrap {
        justify-content:flex-end;
        grid-column: unset;
        grid-row: unset
    }
}

.new-search-button:hover {
    color: #088AA3;
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
}

body [id^="pjWrapper"] {
    background-color: transparent!important;
    font-family: 'Euclid Square',sans-serif !important;
    color: #444444;
    font-size: 14px;
    line-height: 1.2
}

@media screen and (min-width: 1024px) {
    body [id^="pjWrapper"] {
        font-size:16px
    }
}

.online-grid {
    margin-right: auto !important;
    margin-left: auto !important;
    max-width: 1600px;
    width: 90%;
    padding: 0
}

.online-grid.form-grid {
    max-width: 1000px
}

.online-grid.calendar-grid {
    max-width: 700px
}

.checkout-form {
    border: 0 !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

@media screen and (min-width: 1024px) {
    .checkout-form {
        margin-top:80px !important;
        margin-bottom: 80px !important
    }
}

.g-recaptcha>div {
    width: 100%!important
}

.rc-anchor-normal .rc-anchor-content {
    width: 177px!important
}

.rc-anchor-normal .rc-anchor-checkbox-label {
    width: 125px!important
}

.rc-anchor-normal .rc-anchor-pt {
    left: 0!important;
    right: unset!important;
    width: 250px!important
}

input.recaptcha {
    display: none !important
}

label.abError {
    margin: 0!important
}

.abWrapper input.abValid,.abWrapper select.abValid,.abWrapper textarea.abValid {
    background-color: transparent!important
}

.abWrapper input.abError,.abWrapper select.abError,.abWrapper textarea.abError {
    background-color: #FFD9D9 !important
}

.checkout-box {
    border: 1px solid #DDDDDD;
    background: #fff;
    padding: 15px;
    margin-bottom: 15px
}

@media screen and (min-width: 480px) {
    .checkout-box {
        padding:30px;
        margin-bottom: 30px
    }
}

.checkout-box .checkout-section-wrap {
    margin-bottom: 30px
}

.checkout-box .checkout-field-row {
    position: relative;
    display: grid;
    gap: 15px
}

@media screen and (min-width: 1024px) {
    .checkout-box .checkout-field-row.split-fields {
        grid-template-columns:1fr 1fr
    }
}

@media screen and (min-width: 768px) {
    .checkout-box .checkout-field-row.split-three-fields {
        grid-template-columns:1fr 1fr
    }
}

@media screen and (min-width: 1024px) {
    .checkout-box .checkout-field-row.split-three-fields {
        grid-template-columns:1fr 1fr 1fr
    }
}

.checkout-box .checkout-field-row .single-field-wrap input,.checkout-box .checkout-field-row .single-field-wrap select,.checkout-box .checkout-field-row .single-field-wrap textarea {
    border: 1px solid #CCEAEC;
    border-radius: 5px;
    padding: 5px;
    resize: none;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 30px;
    background: #fff
}

.checkout-box .checkout-field-row .single-field-wrap textarea {
    height: 120px
}

.checkout-box .checkout-field-row .single-field-wrap option {
    background: #fff
}

.checkout-box .checkout-field-row .single-field-wrap .selection-wrap:after {
    top: 18px;
    right: 10px
}

.single-extra-box {
    border: 1px solid #E6E1DB;
    border-radius: 5px;
    padding: 15px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px
}

.single-extra-box .extra-image-wrapper {
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px
}

.extra-input-wrap {
    display: flex;
    align-items: center
}

.extra-input-wrap .input-spinner-wrap {
    height: 40px;
    border: 1px solid #CCEAEC;
    border-radius: 5px;
    display: flex;
    align-items: center
}

.extra-input-wrap .extra-input {
    width: 40px;
    text-align: center;
    border: 0 !important;
    outline: 0 !important
}

.payment-summary-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.payment-summary-header span {
    font-size: 16px
}

.payment-summary-header button {
    text-decoration: underline
}

.abWrapper .abButton.abSelectorCancel {
    padding: 0;
    font-size: 14px
}

.payment-row-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    border-top: 1px solid #ABABAB;
    padding: 10px 0;
    gap: 5px
}

.payment-row-wrap.total-payment {
    border-bottom: 1px solid #ABABAB
}

.payment-row-wrap.total-payment .payment_label {
    color: #033842
}

.payment-row-wrap.total-payment .payment_price {
    color: #033842
}

.payment-row-wrap .payment_price {
    text-align: right
}

.promo-input-wrap {
    border: 2px solid #fff;
    display: grid;
    grid-template-columns: 1fr auto;
    margin-top: 15px
}

.promo-input-wrap input {
    background: #fff;
    padding: 5px 10px;
    width: 100%;
    border-radius: 0;
    border: 0;
    outline: 0
}

.promo-input-wrap input.abValid {
    border: 0!important
}

.promo-input-wrap .coupon-button {
    padding: 8px 20px;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: 600;
    font-size: 16px !important;
    background: #248faf !important
}

.promo-input-wrap .coupon-button:hover {
    text-decoration: none;
    background: #066172 !important
}

.promo-input-wrap .coupon-button:focus {
    text-decoration: none
}

.checkout-payment-wrap {
    display: grid
}

@media screen and (min-width: 1024px) {
    .checkout-payment-wrap {
        grid-template-columns:400px 1fr
    }
}

.checkout-payment-wrap .payment-summary-wrap {
    background: #E6E1DB;
    padding: 15px
}

.checkout-payment-wrap .footer-payment {
    margin-bottom: 0
}

.checkout-payment-wrap .footer-payment .checkout-field-row {
    margin-bottom: 20px
}

.terms-wrapper {
    margin-bottom: 10px
}

.terms-wrapper .label-wrapper {
    display: block
}

.terms-wrapper label {
    margin: 0!important;
    float: unset!important
}

.checkout-buttons-wrap .checkout_button {
    background: #088AA3 !important;
    border-radius: 0 !important;
    border: 0 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-family: 'Euclid Square',sans-serif;
    line-height: 30px!important;
    padding: 10px 20px!important;
    letter-spacing: 1px;
    color: #fff
}

.checkout-buttons-wrap .checkout_button:hover {
    background: #066172 !important
}

.admin-bar .thank_you-row {
    min-height: calc(100vh - 127px)
}

.thank_you-row {
    min-height: calc(100vh - 95px);
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

.thank_you-row .max-content {
    margin-right: auto;
    margin-left: auto;
    max-width: 700px
}

.thank_you-row .reservation-info {
    margin-top: 40px
}

@media screen and (min-width: 768px) {
    .thank_you-row .reservation-info {
        margin-top:80px
    }
}

.thank_you-row .booking-info-wrapper {
    display: grid;
    margin-bottom: 50px;
    gap: 15px 30px;
    grid-template-columns: auto auto;
    place-content: center
}

@media screen and (min-width: 768px) {
    .thank_you-row .booking-info-wrapper {
        grid-template-columns:1fr 1fr 1fr 1fr 1fr;
        gap: 15px;
        place-content: unset
    }
}

.thank_you-row .booking-info-wrapper .single-booking-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.thank_you-row .booking-info-wrapper .single-booking-info.house-icon {
    grid-column: span 2
}

@media screen and (min-width: 768px) {
    .thank_you-row .booking-info-wrapper .single-booking-info.house-icon {
        grid-column:unset
    }
}

.thank_you-row .booking-info-wrapper .single-booking-info img {
    max-width: 28px;
    max-height: 28px;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
    margin-bottom: 10px
}

.thank_you-row .booking-info-wrapper .single-booking-info img.img-children {
    padding: 5px
}

section.accommodation-calendar-header {
    margin-bottom: 0;
    margin-top: 40px
}

.online_calendar {
    display: none!important;
    width: 100%
}

.online_calendar #single-calendar {
    width: 100%
}

.online_calendar .mbsc-calendar-day-text {
    line-height: 50px!important
}

.actionGetCalendar~.online_calendar {
    display: flex!important;
    flex-direction: column
}

.abLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fff !important;
    transition: all .3s ease
}

.abLoader.remove {
    opacity: 0;
    pointer-events: none
}

.abLoader.visible {
    opacity: 1;
    pointer-events: all
}

.abLoader .abLoaderMessage {
    color: #088AA3 !important
}

.loader-spinner {
    border: 7px solid #088AA3;
    border-radius: 50%;
    border-top: 7px solid #0ab3d4;
    width: 60px;
    height: 60px;
    animation: loader_spinner 1s linear infinite;
    position: absolute;
    right: calc(50% - 30px);
    top: calc(50% - 30px);
    transition: all .3s ease;
    opacity: 1;
    pointer-events: none
}

@keyframes loader_spinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.currency-messager-wrap {
    position: fixed;
    bottom: 50px;
    z-index: 12;
    right: 50%;
    background: #fff;
    padding: 25px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    transform: translateX(50%);
    transition: all .3s ease;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media screen and (min-width: 480px) {
    .currency-messager-wrap {
        top:250px;
        bottom: unset;
        right: 5%;
        transform: translateX(0)
    }
}

.currency-messager-wrap.not-visible {
    opacity: 0;
    pointer-events: none;
    transform: translateX(100%)
}

@media screen and (min-width: 480px) {
    .currency-messager-wrap.not-visible {
        transform:translateX(50%)
    }
}

@font-face {
    font-family: 'icomoon';
    src: url('assets/fonts/icomoon.eot?7tb82k');
    src: url('assets/fonts/icomoon.eot?7tb82k#iefix') format('embedded-opentype'),url('assets/fonts/icomoon.ttf?7tb82k') format('truetype'),url('assets/fonts/icomoon.woff?7tb82k') format('woff'),url('assets/fonts/icomoon.svg?7tb82ks#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"],[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-fast-wifi:before {
    content: "\e923"
}

.icon-breakfast:before {
    content: "\e924"
}

.icon-navigation:before {
    content: "\e921"
}

.icon-clean:before {
    content: "\e916"
}

.icon-cleaning-information:before {
    content: "\e916"
}

.icon-cleaning_information:before {
    content: "\e916"
}

.icon-drop-arrow:before {
    content: "\e902"
}

.icon-back-arrow:before {
    content: "\e915"
}

.icon-log-out:before {
    content: "\e900"
}

.icon-location:before {
    content: "\e901"
}

.icon-wifi:before {
    content: "\e903"
}

.icon-wi-fi:before {
    content: "\e903"
}

.icon-house:before {
    content: "\e904"
}

.icon-accommodation-info:before {
    content: "\e904"
}

.icon-guide:before {
    content: "\e905"
}

.icon-key:before {
    content: "\e906"
}

.icon-check-in-out:before {
    content: "\e906"
}

.icon-covid-19:before {
    content: "\e907"
}

.icon-safety:before {
    content: "\e908"
}

.icon-health-safety:before {
    content: "\e908"
}

.icon-emergency:before {
    content: "\e909"
}

.icon-contact:before {
    content: "\e90a"
}

.icon-feedback:before {
    content: "\e90b"
}

.icon-faq:before {
    content: "\e90b"
}

.icon-faqs:before {
    content: "\e90b"
}

.icon-email:before {
    content: "\e90c"
}

.icon-directions:before {
    content: "\e90d"
}

.icon-phone:before {
    content: "\e90e"
}

.icon-website:before {
    content: "\e90f"
}

.icon-air-conditioning:before {
    content: "\e910"
}

.icon-satelite-tv:before {
    content: "\e911"
}

.icon-satelite_tv:before {
    content: "\e911"
}

.icon-hot-water:before {
    content: "\e912"
}

.icon-hot_water:before {
    content: "\e912"
}

.icon-dishwasher:before {
    content: "\e913"
}

.icon-washing-machine:before {
    content: "\e914"
}

.icon-washing_machine:before {
    content: "\e914"
}

.icon-extra_services:before {
    content: "\e92d"
}

.icon-options-light:before {
    content: "\e939"
}

.icon-reminders-light:before {
    content: "\e93e"
}

.icon-discount:before {
    content: "\e952"
}

.icon-ticket:before {
    content: "\e917"
}

.icon-guarantee:before {
    content: "\e918"
}

.icon-twitter:before {
    content: "\ea96"
}

.icon-share:before {
    content: "\e919"
}

.icon-facebook-full:before {
    content: "\e90c"
}

.icon-print:before {
    content: "\e929"
}

.icon-link:before {
    content: "\e920"
}

.icon-phone1:before {
    content: "\e91f"
}

.icon-instagram:before {
    content: "\e91a"
}

.icon-facebook:before {
    content: "\e91b"
}

.icon-tripadvisor:before {
    content: "\e91e"
}

.icon-envelope:before {
    content: "\e91c"
}

.icon-heart:before {
    content: "\e91d"
}

.icon-breakfast:before {
    content: "\e922"
}

.currency_converter-wrap {
    position: fixed;
    right: 0;
    top: 180px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    height: 50px;
    transition: all .3s ease
}

.currency_converter-wrap.active {
    height: auto
}

.currency_converter-wrap.active .currency_name {
    box-shadow: 0 0 5px rgba(0,0,0,0.2)
}

.currency_converter-wrap.active .currency_name.unselected {
    transform: translateY(0)
}

.currency_converter-wrap .currency_name {
    height: 50px;
    background: #fff;
    border-radius: 0;
    min-height: 50px;
    transition: all .3s ease
}

.currency_converter-wrap .currency_name:hover {
    background: #e3e3e3
}

.currency_converter-wrap .currency_name.selected {
    transform: translateY(0);
    position: relative;
    z-index: 1
}

.currency_converter-wrap .currency_name.unselected {
    transform: translateY(-100%);
    order: 2;
    box-shadow: 0 0 5px rgba(0,0,0,0.2)
}

@media screen and (min-width: 1024px) {
    .admin-bar .guests-header {
        height:calc(100% - 32px);
        margin-top: 32px
    }
}

.guests-header {
    position: fixed;
    z-index: 1500;
    width: 100%;
    bottom: 0;
    top: auto;
    left: 0;
    padding: 0;
    background: #088AA3;
    display: flex;
    border-radius: 20px 20px 0px 0px
}

.guests-header a {
    color: #fff;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px
}

.guests-header a:hover {
    color: #E6E1DB
}

.guests-header a i {
    font-size: 1.5rem;
    margin-bottom: 5px
}

@media screen and (min-width: 1024px) {
    .guests-header {
        width:80px;
        height: 100%;
        border-radius: 0;
        flex-direction: column
    }

    .guests-header a {
        color: #fff;
        height: 80px;
        width: 80px;
        flex: unset;
        padding: 0px
    }

    .guests-header a:hover {
        background: #066172
    }

    .guests-header a.home {
        margin-bottom: auto
    }

    .guests-header a i {
        font-size: 1.5rem;
        margin-bottom: 5px
    }
}

.admin-bar .site-content.dashboard {
    min-height: calc(100vh - 46px)
}

@media screen and (min-width: 783px) {
    .admin-bar .site-content.dashboard {
        min-height:calc(100vh - 32px)
    }
}

.admin-bar .site-content.loading-filters {
    max-height: calc(100vh - 46px);
    min-height: calc(100vh - 46px)
}

@media screen and (min-width: 783px) {
    .admin-bar .site-content.loading-filters {
        max-height:calc(100vh - 32px);
        min-height: calc(100vh - 32px)
    }
}

@media screen and (min-width: 1024px) {
    .admin-bar .dashboard-facilities-content {
        max-height:calc(100vh - 32px)
    }
}

.site-content.dashboard {
    margin-bottom: 90px;
    margin-top: 0
}

@media screen and (min-width: 1024px) {
    .site-content.dashboard {
        padding-left:80px;
        min-height: 100vh;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 0
    }
}

.site-content.dashboard .extra-logo,.site-content.dashboard .date-weather-wrap {
    display: flex !important
}

.dashboard-main-image {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 300px
}

.dashboard-main-image:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: .27
}

.dashboard-main-image .back-button {
    position: absolute;
    left: 5%
}

.dashboard-main-image .back-button .wrap-icon {
    width: 42px;
    height: 42px;
    background: #fff;
    border-radius: 50%;
    font-size: 1rem;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 7px rgba(0,0,0,0.16)
}

.dashboard-main-image .back-button:hover .wrap-icon {
    background: #088AA3
}

@media screen and (min-width: 1024px) {
    .dashboard-main-image .back-button {
        display:none
    }
}

.dashboard-main-image .cover {
    top: 0;
    left: 0;
    z-index: -1
}

.dashboard-main-image .logo-wrap {
    width: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto
}

.dashboard-main-image .logo-wrap .custom-logo-link {
    width: 100%;
    display: flex;
    justify-content: center
}

.dashboard-main-image .logo-wrap .custom-logo-link img {
    height: 100%;
    width: auto;
    max-height: 80px;
    max-width: 150px
}

@media screen and (min-width: 480px) {
    .dashboard-main-image .logo-wrap .custom-logo-link img {
        max-width:300px
    }
}

@media screen and (min-width: 375px) {
    .dashboard-main-image .logo-wrap {
        width:200px
    }
}

@media screen and (min-width: 1024px) {
    .dashboard-main-image .logo-wrap {
        margin-bottom:auto;
        width: auto;
        margin-left: auto;
        margin-right: auto
    }
}

.dashboard-main-image .hero-image-content {
    position: relative;
    color: #fff;
    max-width: 340px;
    margin-top: 80px
}

.dashboard-main-image .hero-image-content .date-weather-wrap {
    margin-top: 20px;
    display: flex;
    display: none;
    justify-content: space-between;
    align-items: flex-end
}

@media screen and (min-width: 1024px) {
    .dashboard-main-image .hero-image-content .date-weather-wrap {
        margin-top:100px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex
    }
}

@media screen and (min-width: 1240px) {
    .dashboard-main-image .hero-image-content .date-weather-wrap {
        margin-top:200px
    }
}

.dashboard-main-image .hero-image-content .date-weather-wrap .date-wrap {
    display: flex;
    flex-direction: column
}

.dashboard-main-image .hero-image-content .date-weather-wrap .weather-wrap {
    flex-direction: column;
    display: flex;
    min-height: 65px;
    justify-content: flex-end
}

.dashboard-main-image .hero-image-content .date-weather-wrap .weather-wrap .weather-location {
    margin-top: 10px;
    font-weight: 300
}

@media screen and (min-width: 1024px) {
    .dashboard-main-image .hero-image-content .date-weather-wrap .weather-wrap {
        margin-top:30px
    }
}

@media screen and (min-width: 1024px) {
    .dashboard-facilities-content {
        overflow-y:auto;
        max-height: 100vh
    }
}

.dashboard-facilities-content .wpcf7 input[type="text"],.dashboard-facilities-content .wpcf7 input[type="email"],.dashboard-facilities-content .wpcf7 input[type="tel"],.dashboard-facilities-content .wpcf7 select,.dashboard-facilities-content .wpcf7 textarea {
    width: 100%;
    outline: 0;
    padding: 10px;
    resize: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #666
}

.dashboard-facilities-content .wpcf7-acceptance label {
    display: flex;
    align-items: baseline;
    gap: 10px
}

.dashboard-facilities-content .wpcf7-submit-btn {
    margin-top: 30px;
    position: relative
}

.dashboard-facilities-content .wpcf7-submit-btn:before {
    position: absolute;
    content: '';
    margin: 0;
    width: 20px;
    height: 1px;
    top: 50%;
    left: 0;
    background: #088AA3;
    transform: translateY(-50%)
}

.dashboard-facilities-content .wpcf7-submit {
    position: relative;
    border: 1px solid #088AA3;
    background: transparent;
    color: #088AA3;
    border-radius: 0;
    padding: 15px 25px
}

.dashboard-facilities-content .wpcf7-submit:hover {
    border: 1px solid #088AA3;
    background: #088AA3;
    color: #fff
}

.dashboard-facilities-content .wpcf7-submit:focus {
    border: 1px solid #088AA3
}

.dashboard-facilities-content .wpcf7-submit:disabled {
    cursor: not-allowed
}

.dashboard-facilities-content .wpcf7-submit:disabled:hover {
    border: 1px solid #088AA3;
    background: transparent;
    color: #088AA3
}

.admin-bar .content-back-button {
    top: 7%
}

@media screen and (min-width: 480px) {
    .admin-bar .content-back-button {
        top:8%
    }
}

@media screen and (min-width: 1024px) {
    .admin-bar .content-back-button {
        top:0
    }
}

.content-back-button {
    display: flex;
    align-items: center;
    position: absolute;
    top: 5%;
    left: 5%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.content-back-button .wrap-icon {
    width: 42px;
    height: 42px;
    background: #fff;
    border-radius: 50%;
    font-size: 1rem;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 7px rgba(0,0,0,0.16);
    transition: ease .3s all
}

.content-back-button span {
    margin-left: 20px;
    display: none;
    transition: ease .3s all
}

@media screen and (min-width: 1024px) {
    .content-back-button span {
        display:inline-block
    }
}

.content-back-button:hover .wrap-icon {
    background: #088AA3;
    color: #fff
}

.content-back-button:hover span {
    color: #088AA3
}

@media screen and (min-width: 480px) {
    .content-back-button {
        top:6%
    }
}

@media screen and (min-width: 1024px) {
    .content-back-button {
        margin-bottom:40px;
        position: relative;
        top: 0;
        left: 0
    }
}

.simple-info-row .hero-image-content .title {
    display: none
}

@media screen and (min-width: 1024px) {
    .simple-info-row .hero-image-content .title {
        display:block
    }
}

.simple-info-header {
    margin-bottom: 40px
}

@media screen and (min-width: 1024px) {
    .simple-info-header {
        margin-bottom:80px
    }
}

.simple-info-header .content-back-button .wrap-icon {
    color: #444444
}

.simple-info-header .content-back-button:hover .wrap-icon {
    color: #088AA3;
    background: #fff
}

.simple-info-header .content-back-button:hover span {
    color: #088AA3
}

.simple-info-header .title-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.simple-info-header .title-wrap .wrap-icon {
    width: 65px;
    height: 65px;
    background: #088AA3;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 2rem;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    color: #fff
}

.simple-info-content-wrap .container {
    max-width: 400px
}

.simple-info-content-wrap .simple-info-archive {
    display: grid;
    gap: 20px
}

.simple-info-content-wrap .single-simple-info {
    display: grid;
    padding: 15px 20px;
    border-radius: 10px;
    background: #E6E1DB
}

.simple-info-content-wrap .single-simple-info .info-title {
    margin-bottom: 5px;
    display: block
}

.simple-info-content-wrap a.single-simple-info:hover {
    background: #088AA3;
    color: #fff
}

.dashboard-archive {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    max-width: 600px
}

@media screen and (min-width: 375px) {
    .dashboard-archive {
        grid-template-columns:1fr 1fr 1fr
    }
}

.dashboard-content .container {
    max-width: 650px
}

.single-dashboard {
    background: #ECE9E5;
    padding: 0;
    padding-bottom: 100%;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    transition: all .3s ease;
    width: 100%
}

.single-dashboard .content-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.single-dashboard .content-wrap .wrap-icon {
    width: 45%;
    padding-bottom: 45%;
    margin-bottom: 10px;
    background: #088AA3;
    position: relative;
    color: #fff;
    border-radius: 50%;
    border: 1px solid transparent;
    transition: all .3s ease
}

.single-dashboard .content-wrap .wrap-icon i {
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (min-width: 600px) {
    .single-dashboard .content-wrap .wrap-icon i {
        font-size:2rem
    }
}

.single-dashboard .content-wrap span {
    transition: all .3s ease;
    padding: 0 5px;
    text-align: center
}

.single-dashboard.emergency .content-wrap .wrap-icon {
    background: #EAAE8C;
    border: 1px solid #EAAE8C
}

.single-dashboard:hover {
    background: #088AA3
}

.single-dashboard:hover .content-wrap .wrap-icon {
    border: 1px solid #E6E1DB
}

.single-dashboard:hover .content-wrap span {
    color: #fff
}

.simple-weather {
    min-height: 40px
}

.admin-bar .loading-background {
    top: 46px;
    height: calc(100% - 46px)
}

@media screen and (min-width: 783px) {
    .admin-bar .loading-background {
        top:32px;
        height: calc(100% - 32px)
    }
}

.loading-background {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease;
    z-index: 5;
    display: grid;
    margin-bottom: 90px
}

@media screen and (min-width: 1024px) {
    .loading-background {
        margin-bottom:0;
        grid-template-columns: 1fr 1fr;
        left: 80px;
        width: calc(100% - 80px)
    }
}

.loading-background .cover {
    transition: all .3s ease
}

.loading-background .paddings {
    display: none
}

@media screen and (min-width: 1024px) {
    .loading-background .paddings {
        flex-direction:column
    }
}

.loading-background.loading-filters {
    opacity: 1;
    pointer-events: all
}

.filter-loader-overlay {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.2);
    transition: all .3s ease
}

.site-content.loading-filters {
    overflow: hidden;
    margin: 0;
    max-height: 100vh;
    min-height: 100vh
}

.wpcf7 form.wpcf7-form .wpcf7-response-output {
    padding: 10px 20px;
    border-radius: 3px
}

.wpcf7 form.wpcf7-form.sent .wpcf7-response-output {
    display: none
}

.request_message {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #088AA3;
    transition: all .3s ease;
    display: flex;
    align-items: center
}

.wpcf7-submit-btn input {
    transition: all .3s ease
}

.wpcf7-submit-btn.message_sent .request_message {
    opacity: 1;
    pointer-events: all
}

.wpcf7-submit-btn.hidden-request_text input {
    color: transparent!important;
    pointer-events: none
}

.wpcf7-submit-btn.hidden-request_text input:focus,.wpcf7-submit-btn.hidden-request_text input:focus-visible {
    border: 1px solid #088AA3;
    background: transparent;
    color: transparent
}

.wpcf7-submit-btn.tick-icon-show .checkmark__circle {
    animation: stroke 3s ease forwards
}

.wpcf7-submit-btn.tick-icon-show .checkmark {
    animation: fill 1.5s ease forwards
}

.wpcf7-submit-btn.tick-icon-show .checkmark__check {
    animation: stroke .5s ease .5s forwards;
    stroke-width: 4
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 4;
    stroke-miterlimit: 10;
    stroke: #46b450;
    fill: none;
    opacity: 0;
    transition: all .3s ease
}

.checkmark {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0 0 0 #46b450;
    opacity: 0;
    margin-left: 15px;
    transition: all .3s ease
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    opacity: 0;
    transition: all .3s ease
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
        opacity: 1
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px #46b450;
        opacity: 1
    }
}

.villa-archive-wrap {
    max-width: 600px;
    margin: auto;
    display: grid;
    gap: 10px
}

.single-villa-content {
    width: 100%;
    display: flex;
    align-items: center;
    background: #E6E1DB;
    border-radius: 10px;
    padding: 10px 20px
}

.single-villa-content .wrap-icon {
    width: 45px;
    height: 45px;
    background: #088AA3;
    border-radius: 50%;
    font-size: 1.5rem;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    color: #fff;
    border: 1px solid #088AA3;
    transition: ease .3s all
}

.single-villa-content .wrap-icon img {
    padding: 7px
}

.single-villa-content .villa-content-text {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between
}

.single-villa-content:hover {
    background: #088AA3;
    color: #fff
}

.single-villa-content:hover .wrap-icon {
    border: 1px solid #fff
}

.villa-info-header {
    background: #088AA3;
    color: #fff
}

.villa-info-header .content-back-button .wrap-icon {
    color: #444444
}

.villa-info-header .content-back-button:hover .wrap-icon {
    color: #088AA3;
    background: #fff
}

.villa-info-header .content-back-button:hover span {
    color: #ECE9E5
}

.villa-info-header .title-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.villa-info-header .title-wrap .wrap-icon {
    width: 65px;
    height: 65px;
    background: #088AA3;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 2rem;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

.villa-info-content-wrap .container {
    max-width: 600px
}

.content-paddings {
    padding-top: 40px;
    padding-bottom: 40px
}

@media screen and (min-width: 1024px) {
    .content-paddings {
        padding-top:60px;
        padding-bottom: 60px
    }
}

.content-margins {
    margin-top: 40px;
    margin-bottom: 40px
}

@media screen and (min-width: 1024px) {
    .content-margins {
        margin-top:80px;
        margin-bottom: 80px
    }
}

.single-villa_info .hero-image,.simple-content-row .hero-image {
    background: #088AA3;
    min-height: unset
}

.single-villa_info .hero-image:before,.simple-content-row .hero-image:before {
    display: none
}

.single-villa_info .hero-image .cover,.simple-content-row .hero-image .cover {
    display: none
}

.single-villa_info .hero-image .container,.simple-content-row .hero-image .container {
    display: none
}

.single-villa_info .hero-content .villa-info-header,.simple-content-row .hero-content .villa-info-header {
    padding-top: 0px
}

@media screen and (min-width: 1024px) {
    .single-villa_info .hero-image,.simple-content-row .hero-image {
        background:unset
    }

    .single-villa_info .hero-image:before,.simple-content-row .hero-image:before {
        display: block
    }

    .single-villa_info .hero-image .cover,.simple-content-row .hero-image .cover {
        display: unset
    }

    .single-villa_info .hero-image .container,.simple-content-row .hero-image .container {
        display: inherit
    }

    .single-villa_info .hero-content .villa-info-header,.simple-content-row .hero-content .villa-info-header {
        padding-top: 60px
    }
}

/*! PAGES */
#hero {
    color: #fff
}

#hero .btn-custom-wht {
    transition-delay: 0s
}

#hero .btn-custom-wht.btn-custom-wht-first.transition-delay {
    transition-delay: .2s !important
}

#hero .btn-custom-wht.btn-custom-wht-second.transition-delay {
    transition-delay: .3s !important
}

#hero .hero-btn .btn {
    min-width: 230px
}

@media screen and (min-width: 1024px) {
    #hero .hero-btn .btn {
        min-width:unset
    }
}

#hero .wrapper {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

#hero .intro-main-content {
    max-width: 650px
}

#hero h1 {
    letter-spacing: 2px;
    font-size: 2.5rem;
    text-align: left
}

@media screen and (min-width: 400px) {
    #hero h1 {
        font-size:2.8rem
    }
}

@media screen and (min-width: 1024px) {
    #hero h1 {
        font-size:3.2rem
    }
}

@media screen and (min-width: 1440px) {
    #hero h1 {
        font-size:4rem
    }
}

#hero h1 span {
    color: #088AA3;
    display: block
}

#hero p {
    color: #E6E1DB;
    font-size: 16px;
    font-weight: 100;
    text-align: left
}

@media screen and (min-width: 1024px) {
    #hero p {
        font-size:20px
    }
}

#hero .cta-home {
    padding-top: 5rem;
    padding-bottom: 5rem
}

@media (max-width: 991px) {
    #hero .hero-btn .col-lg-5,#hero .hero-btn .col-lg-4 {
        padding:1rem;
        text-align: left
    }
}

.open-slide-up {
    opacity: 0;
    pointer-events: none;
    transform: translateY(45px);
    transition: .5s all cubic-bezier(.29, .92, .52, 1)
}

#custom-search .container {
    max-width: 964px
}

#custom-search .row {
    margin-top: -50px;
    background-color: #fff;
    box-shadow: 0 0 9px 0 #888888
}

#custom-search p {
    font-size: 18px;
    color: #ABABAB
}

#custom-search .lead {
    font-size: 12px;
    color: #088AA3;
    margin-top: 1.5rem;
    margin-bottom: .5rem
}

#custom-search p i {
    color: #088AA3
}

#custom-search .col {
    border-right: 1px solid #E6E1DB
}

#cta {
    margin-top: 3rem;
    background-color: rgba(219,211,202,0.6)
}

#cta .inner_container {
    max-width: 964px;
    margin: auto
}

#cta h2 {
    color: #088AA3;
    font-weight: bold;
    font-size: 2rem
}

@media screen and (min-width: 400px) {
    #cta h2 {
        font-size:2.2rem
    }
}

@media screen and (min-width: 1024px) {
    #cta h2 {
        font-size:40px
    }
}

#cta .lead {
    font-weight: 300;
    font-size: 16px;
    color: #183339
}

@media screen and (min-width: 1024px) {
    #cta .lead {
        font-size:18px
    }
}

#cta .btn-custom-088AA3 {
    margin: 30px 30px 0
}

@media (max-width: 599px) {
    #cta .btn-custom-088AA3 {
        min-width:300px
    }
}

.card {
    border-radius: 0;
    transition: all .3s ease
}

#explore h2 {
    color: #088AA3
}

#explore .lead {
    font-size: 16px
}

#explore .swiper-slide {
    height: auto
}

#explore .card {
    border: none;
    box-shadow: 0 0 5px rgba(0,0,0,0.05);
    height: 100%;
    border-bottom: 5px solid #E6E1DB
}

#explore .card:hover,#explore .card:focus {
    box-shadow: 0 0 5px rgba(0,0,0,0.2)
}

#explore .explore-cards h4 {
    font-size: 35px;
    color: #252526;
    font-weight: bold;
    margin-top: 0
}

#explore .explore-cards .card-body {
    padding: 0
}

#explore .explore-cards .card-body img {
    max-width: 25px
}

#explore .explore-cards .card-body span {
    font-size: 14px;
    position: relative;
    top: 5px;
    margin: 0 10px
}

#explore .explore-cards .card-body .sub-text {
    font-size: 13px;
    color: #ABABAB;
    margin-right: 5px;
    position: absolute;
    top: -35px;
    background: #fff;
    width: 80%;
    left: 0;
    height: 3rem;
    display: flex;
    align-items: flex-end;
    padding-left: 2rem;
    text-transform: uppercase
}

#explore .explore-cards .content {
    background-color: #fff;
    padding: 2rem;
    position: relative
}

#explore .explore-cards .content .small-archived-images {
    margin-bottom: 2.5rem
}

#explore .explore-cards .content .card-text {
    margin-bottom: 0;
    position: relative
}

#explore .explore-cards .content .card-text:before {
    content: '';
    position: absolute;
    top: -1rem;
    height: 1px;
    width: 140px;
    background: #E6E1DB
}

@media (max-width: 991px) {
    #explore h2 {
        font-size:40px
    }

    #explore p {
        font-size: 17px
    }
}

.see_collection {
    color: #088aa3;
    transition: all .3s ease;
    text-align: left
}

.see_collection:hover,.see_collection:focus {
    color: #12343A
}

.see_collection:hover:before,.see_collection:focus:before {
    background: #12343A
}

.our-top-picks h3 {
    font-family: 'Euclid Square';
    font-size: 40px;
    font-weight: bold;
    padding: 0!important
}

@media (min-width: 1024px) {
    .our-top-picks h3 {
        padding-top:3rem !important;
        padding-bottom: 3rem !important
    }
}

.top-picks h4 {
    color: #12343A;
    font-weight: bold;
    font-size: 30px;
    margin-top: 0
}

.top-picks hr {
    width: 50%;
    background-color: #12343A;
    background: #088AA3
}

.top-picks .card-body {
    padding: 1rem 2rem
}

.top-picks .sub-text {
    font-size: 13px
}

.top-picks .content {
    font-size: 14px
}

.top-picks .content img {
    max-width: 25px;
    max-height: 35px
}

.top-picks .swiper-slide {
    height: auto
}

.top-picks .card {
    border: none;
    box-shadow: 0 0 5px rgba(0,0,0,0.05);
    height: 100%;
    border-bottom: 5px solid #E6E1DB
}

.top-picks .card:after,#explore .card:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    bottom: -5px;
    height: 5px;
    width: 0;
    background: #088AA3;
    transition: all .5s ease;
    opacity: 0
}

.top-picks .card:hover:after,#explore .card:hover:after,.top-picks .card:focus:after,#explore .card:focus:after {
    width: 100%;
    opacity: 1
}

#explore .l_services .card:after {
    display: none
}

#about {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    color: #fff;
    padding: 8rem 0 4rem;
    margin-top: -8rem
}

#about img {
    max-width: 65px
}

#about .lead {
    font-size: 17px
}

#about h2 {
    font-family: 'Euclid Square'
}

#about .ms-md-5 {
    margin-left: auto!important;
    max-width: 500px;
    line-height: 1.5rem
}

@media (max-width: 991px) {
    #about .ms-md-5 {
        margin-left:0!important
    }
}

#about .features p {
    font-size: 14px;
    max-width: 240px;
    margin: auto
}

#about .features .title {
    font-size: 20px;
    font-family: 'Playfair Display';
    font-weight: bold
}

@media (max-width: 991px) {
    #about h2 {
        font-size:37px
    }

    #about .features {
        margin-top: 2rem
    }
}

@media (max-width: 599px) {
    #about {
        padding:4rem 0 4rem;
        margin-top: 0
    }
}

#discover h2 {
    color: #088AA3
}

#discover p {
    font-size: 17px;
    font-weight: 300
}

#discover .card {
    border: none;
    background-color: transparent
}

#discover .card .btn {
    padding-right: 0
}

#discover .container .single-item {
    margin-top: 3rem
}

@media (max-width: 767px) {
    #discover .container .single-item {
        padding:0;
        margin-top: 2rem
    }

    #discover .container .single-item.reversed .card-body {
        order: 1
    }
}

#discover .container .single-item .card:hover .btn-list::before,#discover .container .single-item .card:focus .btn-list::before {
    width: 30px
}

#discover .container .single-item .card:hover img,#discover .container .single-item .card:focus img {
    box-shadow: 0 0 5px rgba(0,0,0,0.2)
}

#discover h3 {
    font-weight: bold
}

@media (min-width: 992px) {
    #discover .intro h2 {
        max-width:500px
    }

    #discover .seemore {
        justify-content: end;
        display: flex
    }
}

@media (max-width: 991px) {
    #discover {
        padding:3rem 0
    }

    #discover h2 {
        font-size: 37px
    }

    #discover .discover_btn {
        text-align: center;
        margin-top: 1.5rem
    }
}

.services-section .card .col {
    padding: 0
}

.services-section .card .col.seemore {
    text-align: right
}

.services-section .card-title {
    padding-left: 0;
    color: #12343A
}

#dream-vacation p {
    font-size: 16px;
    font-weight: 100;
    line-height: 2rem;
    margin-bottom: 2rem
}

#dream-vacation h2 {
    color: #088AA3;
    font-size: 37px
}

@media (max-width: 991px) {
    #dream-vacation .col-lg-6.dream-content {
        margin:2rem 0px
    }
}

@media (min-width: 1024px) {
    #dream-vacation h2 {
        margin-left:-50px;
        max-width: 480px
    }
}

@media (max-width: 1023px) {
    #dream-vacation h2 {
        font-size:2rem;
        margin-bottom: 1rem !important
    }

    #dream-vacation p {
        line-height: 2;
        font-weight: 400
    }

    #dream-vacation img {
        margin: 0
    }
}

@media (max-width: 599px) {
    #dream-vacation p {
        line-height:1.7
    }
}

.explore-cards,.top-picks,.l_services {
    position: relative
}

@media (min-width: 600px) {
    .explore-cards,.top-picks,.l_services {
        padding-right:0
    }
}

@media (max-width: 599px) {
    .navigation-btns-wrapper {
        display:grid;
        height: 90px;
        grid-template-columns: auto auto;
        place-content: center;
        gap: 60px
    }

    .navigation-btns-wrapper .custom-prev-btn,.navigation-btns-wrapper .custom-next-btn {
        position: relative;
        margin: 0;
        top: 0;
        left: 0!important;
        right: 0!important;
        width: 60px !important;
        height: 60px !important
    }

    .navigation-btns-wrapper .custom-prev-btn:before,.navigation-btns-wrapper .custom-next-btn:before {
        width: 35px
    }

    .navigation-btns-wrapper .custom-prev-btn:after,.navigation-btns-wrapper .custom-next-btn:after {
        width: 30px;
        height: 30px;
        top: 14px
    }

    .navigation-btns-wrapper .custom-next-btn:before {
        top: 27px;
        left: 13px
    }

    .navigation-btns-wrapper .custom-prev-btn:before {
        top: 29px;
        left: 11px
    }
}

.col.half-width {
    flex: unset;
    width: 50%;
    margin: 5px 0
}

.explore-accommodation h1 {
    color: #1f9bb2;
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 1.9rem
}

@media screen and (min-width: 400px) {
    .explore-accommodation h1 {
        font-size:2.3rem
    }
}

@media screen and (min-width: 1024px) {
    .explore-accommodation h1 {
        font-size:50px
    }
}

.explore-accommodation p.lead {
    font-size: 16px
}

.explore-accommodation .explore-cards h4 {
    color: #252526;
    font-weight: bold;
    margin-top: 0;
    font-size: 1.3rem
}

@media screen and (min-width: 400px) {
    .explore-accommodation .explore-cards h4 {
        font-size:1.7rem
    }
}

@media screen and (min-width: 1024px) {
    .explore-accommodation .explore-cards h4 {
        font-size:35px
    }
}

.explore-accommodation .explore-cards a {
    text-decoration: none
}

.explore-accommodation .explore-cards .card {
    border: none
}

.explore-accommodation .explore-cards .card:hover,.explore-accommodation .explore-cards .card:focus {
    box-shadow: 0 0 5px rgba(0,0,0,0.2)
}

.explore-accommodation .explore-cards .card:hover p,.explore-accommodation .explore-cards .card:focus p,.explore-accommodation .explore-cards .card:hover h4,.explore-accommodation .explore-cards .card:focus h4 {
    color: #444444
}

.explore-accommodation .explore-cards .card-body {
    padding: 0
}

.explore-accommodation .explore-cards .card-body img {
    max-width: 25px
}

.explore-accommodation .explore-cards .card-body span {
    font-size: 15px;
    position: relative;
    top: 5px;
    margin: 0 10px
}

.explore-accommodation .explore-cards .card-body .sub-text {
    font-size: 13px;
    color: #ABABAB;
    margin-right: 5px;
    position: absolute;
    top: -35px;
    background: #fff;
    width: 80%;
    left: 0;
    height: 3rem;
    display: flex;
    align-items: flex-end;
    padding-left: 2rem;
    text-transform: uppercase
}

.explore-accommodation .explore-cards .content {
    background-color: #fff;
    padding: 2rem;
    position: relative
}

.explore-accommodation .explore-cards .content .small-archived-images {
    margin-bottom: 2.5rem
}

.explore-accommodation .explore-cards .content .card-text {
    margin-bottom: 0;
    position: relative
}

.explore-accommodation .explore-cards .content .card-text:before {
    content: '';
    position: absolute;
    top: -1rem;
    height: 1px;
    width: 140px;
    background: #E6E1DB
}

.more-details {
    background: rgba(219,211,202,0.6);
    margin-top: 2rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.more-details .inner_container {
    max-width: 964px;
    margin: auto
}

.more-details h2 {
    color: #088AA3
}

.more-details .lead {
    font-size: 16px;
    color: #12343A
}

@media (max-width: 991px) {
    .more-details h2 {
        font-size:37px
    }
}

.top-picks .content .subh_type {
    color: #ABABAB;
    display: inline-block
}

.a_hero .wrapper {
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2)
}

.a_hero .s_category {
    font-size: 20px !important;
    margin-bottom: 0;
    text-transform: uppercase
}

.a_hero h1 {
    font-size: 1.9rem
}

@media screen and (min-width: 400px) {
    .a_hero h1 {
        font-size:2.3rem
    }
}

@media screen and (min-width: 1024px) {
    .a_hero h1 {
        font-size:50px
    }
}

.a_hero .lead {
    font-size: 25px !important
}

@media (max-width: 599px) {
    .a_hero .hero-btn .d-flex {
        align-items:flex-start !important;
        flex-direction: column
    }

    .a_hero .hero-btn .d-flex .btn {
        min-width: 200px
    }

    .a_hero .hero-btn .d-flex .video-btn {
        margin-top: 2rem;
        margin-left: 0
    }
}

.a_hero .cta-home {
    padding: 3rem 0 !important
}

@media (min-width: 1024px) {
    .a_hero .cta-home {
        padding:5rem 0 !important
    }
}

.a_hero .service_form {
    display: none;
    margin-left: auto
}

@media (min-width: 1024px) {
    .a_hero .service_form {
        display:block
    }
}

@media (min-width: 1280px) {
    .a_hero .service_form {
        display:none
    }
}

#a_details .mt-x {
    margin-top: -50px
}

#a_details .a_info {
    padding: 0
}

@media (max-width: 1279px) {
    #a_details .a_info {
        width:100%
    }
}

#a_details .a_info .row {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    background-color: #fff
}

#a_details .a_info .feature {
    padding: .5rem 0
}

#a_details .a_info .feature img {
    max-width: 25px;
    max-height: 25px
}

#a_details .a_info .feature p {
    font-size: 14px;
    font-weight: 300;
    margin-top: .5em;
    margin-bottom: 0;
    color: #444
}

#a_details .a_info .border-right {
    border-right: 1px solid #ABABAB
}

#a_details .book {
    background-color: #fff;
    margin-top: 15px;
    padding-bottom: 30px!important;
    z-index: 2
}

@media (min-width: 1024px) {
    #a_details .book {
        position:relative;
        display: none
    }
}

@media (min-width: 1280px) {
    #a_details .book {
        margin-top:0
    }
}

#a_details .col-lg-4 {
    width: 100%
}

@media (min-width: 1024px) {
    #a_details .col-lg-4 {
        width:100%
    }

    #a_details .mt-x {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 450px;
        gap: 15px
    }

    #a_details .mt-x .a_info {
        width: 100%
    }

    #a_details .book {
        position: relative;
        right: 0;
        display: block;
        top: 0;
        margin-top: 0
    }
}

@media (min-width: 1440px) {
    #a_details .mt-x {
        grid-template-columns:1fr 500px
    }
}

@media (min-width: 1024px) {
    .a_overview {
        margin-top:-300px
    }

    .a_overview .col-lg-7 {
        width: 50%
    }
}

.a_overview h2 {
    margin-top: 3rem;
    color: #088AA3;
    font-size: 1.9rem
}

@media screen and (min-width: 400px) {
    .a_overview h2 {
        font-size:2.1rem
    }
}

@media screen and (min-width: 1024px) {
    .a_overview h2 {
        font-size:45px
    }
}

.a_overview p {
    margin: 3rem 0;
    font-size: 16px;
    font-weight: 100
}

@media screen and (min-width: 768px) {
    .a_overview p {
        font-size:18px
    }
}

.dream-vacation.s_ac {
    padding: 3rem 0!important
}

@media screen and (min-width: 1024px) {
    .dream-vacation.s_ac {
        padding:5rem 0!important
    }
}

@media screen and (min-width: 1280px) {
    .dream-vacation.s_ac {
        padding:10rem 0 5rem!important
    }
}

.dream-vacation.s_ac p {
    margin-bottom: .5em
}

.dream-vacation.s_ac strong {
    font-size: 18px;
    font-weight: bold
}

.dream-vacation.s_ac .lead {
    color: #12343A;
    font-weight: 500 !important;
    font-size: 18px !important;
    margin-bottom: 5px;
    margin: 20px 0px 5px
}

.dream-vacation.s_ac .btn {
    color: #088aa3 !important;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px
}

.dream-vacation.s_ac .btn:hover {
    color: #fff !important
}

@media (max-width: 1023px) {
    .dream-vacation.s_ac .details-content-wrap {
        margin-top:2rem
    }
}

.facilities h3 {
    color: #088AA3;
    font-weight: bold;
    font-size: 1.7rem
}

@media screen and (min-width: 400px) {
    .facilities h3 {
        font-size:2.1rem
    }
}

@media screen and (min-width: 1024px) {
    .facilities h3 {
        font-size:2.5rem
    }
}

.facilities ul {
    margin-top: .5rem;
    margin-left: 0
}

.facilities ul li {
    line-height: 2.3
}

.facilities ul li::marker {
    color: #088AA3
}

.cta-gallery {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.cta-gallery .row {
    min-height: 350px
}

@media (min-width: 1024px) {
    .cta-gallery .row {
        min-height:500px
    }
}

@media (min-width: 1320px) {
    .cta-gallery .row {
        min-height:600px
    }
}

.find-on-map {
    background: rgba(219,211,202,0.6)
}

.find-on-map .wrapper {
    background-color: #e6e1dbd9;
    padding: 2rem 0
}

.find-on-map h3 {
    color: #088AA3;
    font-size: 3rem;
    font-weight: bold;
    margin: 1rem 0
}

.find-on-map .map {
    min-height: 350px
}

@media (min-width: 1024px) {
    .find-on-map .map {
        min-height:450px
    }
}

.explore h3 {
    color: #088AA3;
    font-size: 2rem;
    font-weight: bold
}

@media (min-width: 1024px) {
    .explore h3 {
        font-size:3rem
    }
}

.explore .more {
    align-self: center;
    flex-direction: column
}

.explore .row {
    padding-top: 3rem
}

@media (max-width: 1023px) {
    .explore .row {
        display:grid;
        gap: 2rem
    }
}

@media (min-width: 992px) {
    .explore img {
        margin-top:50px
    }
}

@media (max-width: 599px) {
    .cta-gallery .d-flex {
        flex-direction:column
    }

    .cta-gallery .d-flex .btn {
        min-width: 200px
    }

    .cta-gallery .d-flex .video-btn {
        margin-top: 2rem;
        margin-left: 0
    }
}

.video-btn {
    padding-right: 4rem;
    margin-left: 4rem
}

.video-btn:hover i,.video-btn:focus i {
    border-color: transparent
}

.video-btn i {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    width: 44px;
    border-left: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    transition: all .3s ease
}

.dream-vacation.s_ac .btn.floor-gallery-btn {
    margin-left: 1rem
}

@media (max-width: 479px) {
    .dream-vacation.s_ac .btn.floor-gallery-btn {
        display:block;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-left: 0
    }
}

.dream-vacation.s_ac .btn.floor-gallery-btn:hover,.dream-vacation.s_ac .btn.floor-gallery-btn:focus {
    color: #12343A !important
}

.dream-vacation.s_ac .btn.floor-gallery-btn:hover:before,.dream-vacation.s_ac .btn.floor-gallery-btn:focus:before {
    width: 30px
}

.acf-map {
    width: 100%;
    height: 100%
}

.swiper-slide>a {
    color: unset;
    text-decoration: none
}

.swiper-wrapper {
    padding: 2rem 0
}

.fancybox-is-open .fancybox-bg {
    opacity: 1!important
}

.fancybox-bg {
    background: #fff !important
}

.fancybox-navigation .fancybox-button {
    bottom: 80px!important;
    top: unset!important;
    width: 60px !important;
    height: 60px !important;
    transform: rotate(45deg);
    background: #088AA3;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width: 768px) {
    .fancybox-navigation .fancybox-button {
        bottom:unset!important;
        top: calc(50% - 40px) !important;
        width: 80px !important;
        height: 80px !important
    }
}

.fancybox-navigation .fancybox-button div {
    display: none
}

.fancybox-navigation .fancybox-button:before {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    width: 35px;
    top: 27px;
    left: 13px;
    background: #fff;
    transform: rotate(-45deg)
}

@media (min-width: 768px) {
    .fancybox-navigation .fancybox-button:before {
        width:50px;
        top: 37px;
        left: 16px
    }
}

.fancybox-navigation .fancybox-button.fancybox-button--arrow_right {
    right: 50px !important
}

.fancybox-navigation .fancybox-button.fancybox-button--arrow_right:after {
    content: '' !important;
    transform: rotate(90deg);
    position: absolute;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    width: 30px;
    height: 30px;
    top: 14px
}

@media (min-width: 768px) {
    .fancybox-navigation .fancybox-button.fancybox-button--arrow_right:after {
        width:40px;
        height: 40px;
        top: 18px
    }
}

.fancybox-navigation .fancybox-button.fancybox-button--arrow_left {
    left: 50px !important
}

.fancybox-navigation .fancybox-button.fancybox-button--arrow_left:after {
    content: '' !important;
    transform: rotate(90deg);
    position: absolute;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 30px;
    height: 30px;
    top: 14px
}

@media (min-width: 768px) {
    .fancybox-navigation .fancybox-button.fancybox-button--arrow_left:after {
        width:40px;
        height: 40px;
        top: 18px
    }
}

.fancybox-navigation .fancybox-button.fancybox-button--arrow_left:before {
    left: 11px;
    top: 29px
}

@media (min-width: 768px) {
    .fancybox-navigation .fancybox-button.fancybox-button--arrow_left:before {
        left:16px;
        top: 37px
    }
}

.fancybox-show-nav .fancybox-navigation .fancybox-button[disabled] {
    opacity: .5
}

.fancybox-slide--image {
    padding: 50px 0!important
}

.fancybox-infobar {
    top: unset!important;
    bottom: 11px;
    left: 50%!important;
    transform: translateX(-50%);
    font-size: 2rem!important;
    font-family: 'Playfair Display';
    color: #088AA3 !important;
    mix-blend-mode: unset!important
}

.fancybox-toolbar {
    mix-blend-mode: difference
}

.archived-distances-wrapper {
    display: grid;
    gap: 30px 0;
    margin-bottom: 2rem;
    overflow: hidden;
    place-items: center
}

@media (max-width: 1024px) {
    .archived-distances-wrapper {
        grid-template-columns:repeat(4, 1fr) !important
    }
}

@media (max-width: 600px) {
    .archived-distances-wrapper {
        grid-template-columns:1fr 1fr!important
    }
}

.archived-distances-wrapper .single-distance-wrap {
    padding: 1rem 0;
    position: relative;
    border-left: 1px solid #ABABAB;
    right: 1px;
    width: 100%
}

.explore-accommodation .btn-custom-blue.btn-custom-wht-first {
    margin-bottom: 30px
}

.single-booking-info-row {
    display: flex;
    justify-content: flex-start;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    background-color: #fff;
    overflow: hidden;
    position: relative
}

.single-booking-info-row .feature {
    width: 100%;
    left: 1px;
    position: relative
}

.single-booking-info-row .feature .my-3 {
    border-right: 1px solid #ABABAB
}

.single-booking-info-row .feature:last-child .my-3 {
    border-right: 0!important
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
    .single-booking-info-row {
        flex-wrap:wrap;
        overflow: hidden
    }

    .single-booking-info-row .feature {
        width: 33.3333%;
        left: 1px;
        position: relative
    }
}

@media (max-width: 599px) {
    .single-booking-info-row {
        flex-wrap:wrap;
        overflow: hidden
    }

    .single-booking-info-row .feature {
        width: 50%;
        left: 1px;
        position: relative
    }
}

.single-services #explore .row-content {
    padding: 0!important
}

.single-services #explore h2 {
    font-size: 1.9rem
}

@media screen and (min-width: 400px) {
    .single-services #explore h2 {
        font-size:2.3rem
    }
}

@media screen and (min-width: 1024px) {
    .single-services #explore h2 {
        font-size:2.7rem
    }
}

.single-field.date-field {
    position: relative
}

.single-field.date-field .wpcf7-form-control-wrap {
    position: unset
}

.single-field.date-field .timepicker {
    position: absolute;
    padding-left: 20px !important;
    top: 0;
    z-index: 1;
    width: 100px !important;
    right: 0;
    box-shadow: none!important;
    border-left: 1px solid rgba(0,0,0,0.04) !important
}

.booking-content-row {
    background: rgba(219,211,202,0.6);
    position: relative
}

.booking-content-row .container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    overflow: hidden;
    flex-direction: column
}

@media screen and (min-width: 480px) {
    .booking-content-row .container {
        flex-wrap:wrap;
        flex-direction: row
    }
}

@media screen and (min-width: 1024px) {
    .booking-content-row .container {
        flex-wrap:nowrap
    }
}

.booking-content-row .licence-text {
    position: absolute;
    bottom: 15px;
    color: #ababab
}

.booking-content-row .booking-content-inner {
    width: 100%;
    text-align: center;
    border-right: 1px solid #ABABAB;
    position: relative;
    left: 1px;
    padding: 0 15px;
    margin-bottom: 15px
}

@media screen and (min-width: 480px) {
    .booking-content-row .booking-content-inner {
        width:50%;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1024px) {
    .booking-content-row .booking-content-inner {
        width:100%;
        margin-bottom: 0
    }
}

.single-review-wrap {
    background: #fff;
    padding: 30px;
    display: grid;
    gap: 20px;
    height: auto !important;
    align-items: center;
    box-shadow: 0 0 5px rgba(0,0,0,0.2)
}

.single-review-wrap .platform-wrap {
    border-bottom: 1px solid #088AA3;
    padding-bottom: 15px;
    display: flex;
    align-items: center
}

.single-review-wrap .platform-wrap .number-wrapper {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    border: 2px solid;
    color: #088AA3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    font-size: 21px
}

.single-review-wrap .platform-wrap.booking .number-wrapper {
    color: #003580;
    border-radius: 10px 10px 10px 0
}

.single-review-wrap .platform-wrap.tripadvisor .number-wrapper {
    color: #34E0A3
}

.single-review-wrap .platform-wrap.facebook .number-wrapper {
    color: #3b5998
}

.single-review-wrap .platform-wrap.google .number-wrapper {
    color: #FBBD04
}

.single-review-wrap .platform-image {
    max-width: 150px;
    height: auto;
    max-height: 45px
}

.reviews-row {
    padding-bottom: 0!important
}

.reviews-row .container {
    position: relative
}

.reviews-row .swiper {
    padding: 0 5px
}

.reviews-row h3 {
    color: #088AA3;
    font-size: 2rem;
    font-weight: bold
}

@media (min-width: 1024px) {
    .reviews-row h3 {
        font-size:3rem
    }
}

.reviews-row .reviews-header {
    display: grid;
    gap: 10px;
    text-align: center;
    place-items: center;
    margin-bottom: 40px
}

.reviews-row .reviews-header img {
    max-width: 170px
}

.date-text {
    color: #ababab;
    margin-top: 5px
}

.review-button.swiper-button-next {
    color: #088AA3 !important;
    right: -5px !important
}

@media screen and (min-width: 600px) {
    .review-button.swiper-button-next {
        right:-30px !important
    }
}

@media screen and (min-width: 1024px) {
    .review-button.swiper-button-next {
        right:-50px !important
    }
}

.review-button.swiper-button-prev {
    color: #088AA3 !important;
    left: -5px !important
}

@media screen and (min-width: 600px) {
    .review-button.swiper-button-prev {
        left:-30px !important
    }
}

@media screen and (min-width: 1024px) {
    .review-button.swiper-button-prev {
        left:-50px !important
    }
}

.single_accommodation_form {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.single_accommodation_form .btn-custom-blue {
    order: 2
}

@media screen and (min-width: 440px) {
    .single_accommodation_form {
        flex-direction:row;
        align-items: center
    }

    .single_accommodation_form .btn-custom-blue {
        order: unset
    }
}

.single-accommodation #hero p {
    margin-bottom: 0
}

.taxonomies-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.location-wrap {
    display: flex;
    align-items: center
}

a.card:hover .request_text.sub-text,a.card:active .request_text.sub-text,a.card:focus .request_text.sub-text {
    color: #fff !important
}

a.card:hover .offers-wrap .group-accommodation-wrap .tooltip-icon,a.card:active .offers-wrap .group-accommodation-wrap .tooltip-icon,a.card:focus .offers-wrap .group-accommodation-wrap .tooltip-icon {
    color: #088AA3 !important
}

.request_text {
    position: absolute;
    bottom: 1rem;
    right: 2rem;
    font-size: 1rem!important
}

.share-button-wrap {
    transition: all .3s ease;
    position: relative
}

.share-button-wrap .share-wrap {
    display: flex;
    margin: 15px 0;
    transition: all .3s ease;
    opacity: 0;
    transform: translateY(15px)
}

@media screen and (min-width: 1024px) {
    .share-button-wrap .share-wrap .mobile-social {
        display:none
    }
}

.share-button-wrap .share-wrap.show-share {
    opacity: 1;
    transform: translateY(0)
}

.share-button-wrap .share-wrap>* {
    margin-right: 10px;
    font-size: 20px
}

.share-button-wrap .share-wrap>*:hover {
    color: #088AA3
}

.share-text.text {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 18px
}

.share-text.text>* {
    margin-left: 10px
}

.additional-buttons-wrap {
    display: flex
}

.additional-buttons-wrap .save-button-wrap {
    transition: all .3s ease
}

.additional-buttons-wrap .simplefavorite-button {
    margin-top: 1em;
    padding: 0;
    font-size: 18px;
    opacity: 1 !important;
    display: flex;
    align-items: center
}

.additional-buttons-wrap .simplefavorite-button i {
    margin-left: 10px;
    font-size: 24px
}

.card .simplefavorite-button {
    position: absolute;
    color: #fff;
    right: 20px;
    top: 20px;
    font-size: 0;
    opacity: 1 !important
}

.card .simplefavorite-button i {
    font-size: 36px
}

.cta-gallery {
    position: relative
}

.cta-gallery:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    pointer-events: none
}

.offer-wrap {
    background: #fff;
    border: 1px solid #088AA3;
    padding: 30px;
    max-width: 1100px
}

@media screen and (min-width: 1024px) {
    .offer-wrap {
        margin-top:50px
    }
}

.offer-wrap .title {
    margin-bottom: 0
}

.offer-wrap>div {
    margin-bottom: 15px
}

.offer-wrap ul,.offer-wrap ol {
    margin: 20px 0
}

.offer-wrap li {
    margin-bottom: 5px
}

.offer-wrap.must_to_do-wrap {
    background: #EBEEF5;
    border: none
}

.img-offer {
    max-width: 35px;
    margin-right: 10px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.offer-wrap-archived {
    border: 1px solid #088AA3;
    padding: 10px;
    margin-top: 10px
}

.offer-wrap-archived .title {
    margin-bottom: 0
}

.overview-text {
    display: block;
    position: relative
}

.overview-text.has-read-more-btn {
    max-height: 300px;
    overflow: hidden
}

.overview-text.has-read-more-btn .read-more-wrapper {
    display: flex
}

.overview-text.is-expanded {
    overflow: visible
}

.overview-text.is-expanded .read-more-wrapper {
    background: transparent;
    position: static
}

.read-more-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    margin: 0;
    padding: 12px 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #EBEEF5 0%, #EBEEF5 50%, transparent 100%)
}

.read-more-wrapper .js-read-more-btn {
    background: #088AA3;
    border-color: #088AA3;
    color: #fff !important
}

li.image-content {
    list-style: none;
    margin-bottom: 10px;
    padding-left: 60px;
    position: relative;
    min-height: 50px;
    display: flex;
    align-items: center;
    line-height: 1.7
}

li.image-content img {
    max-width: 50px;
    max-height: 50px;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (min-width: 480px) {
    .main-services ul {
        display:grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 0 10px;
        padding: 0
    }
}

@media screen and (min-width: 1440px) {
    .main-services ul {
        grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))
    }
}

.admin-bar .sticky-wrap {
    top: 121px
}

@media screen and (min-width: 783px) {
    .admin-bar .sticky-wrap {
        top:107px
    }
}

@media screen and (min-width: 1024px) {
    .admin-bar .sticky-wrap {
        top:99px
    }
}

@media screen and (min-width: 1280px) {
    .admin-bar .sticky-wrap {
        top:112px
    }
}

.admin-bar .sticky-bar {
    height: calc(100vh - 121px)
}

@media screen and (min-width: 783px) {
    .admin-bar .sticky-bar {
        height:calc(100vh - 107px)
    }
}

@media screen and (min-width: 1024px) {
    .admin-bar .sticky-bar {
        height:calc(100vh - 99px)
    }
}

@media screen and (min-width: 1280px) {
    .admin-bar .sticky-bar {
        height:calc(100vh - 112px)
    }
}

.sticky-wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 75px;
    z-index: 5;
    margin-top: 30px;
    pointer-events: none
}

@media screen and (min-width: 783px) {
    .sticky-wrap {
        top:75px
    }
}

@media screen and (min-width: 1024px) {
    .sticky-wrap {
        margin-top:-200px;
        top: 67px
    }
}

@media screen and (min-width: 1280px) {
    .sticky-wrap {
        margin-top:-300px;
        top: 80px
    }
}

.sticky-inner-wrap {
    position: absolute;
    width: 100%
}

.sticky-bar {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 140px)
}

@media screen and (min-width: 1024px) {
    .sticky-bar {
        height:calc(100vh - 67px)
    }
}

@media screen and (min-width: 1280px) {
    .sticky-bar {
        height:calc(100vh - 80px)
    }
}

.sticky-bar .sticky-content {
    height: 50px;
    display: flex;
    transition: all .3s ease;
    position: relative
}

.sticky-bar .sticky-content:after {
    content: '';
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 15%;
    display: block;
    background: linear-gradient(90deg, transparent, #088AA3, #088AA3);
    transition: all .3s ease;
    opacity: 0
}

.sticky-bar .sticky-inner-content {
    display: flex;
    align-items: center;
    height: 100%;
    overflow-x: auto;
    pointer-events: all
}

.sticky-bar a {
    margin: 0;
    color: #088AA3;
    padding: 2px 10px;
    border-left: 1px solid #088AA3;
    text-transform: uppercase;
    font-size: 14px
}

@media screen and (min-width: 1024px) {
    .sticky-bar a {
        font-size:13px;
        padding: 0 5px
    }
}

@media screen and (min-width: 1280px) {
    .sticky-bar a {
        font-size:14px;
        padding: 2px 10px
    }
}

.sticky-bar a:first-child {
    padding-left: 0!important;
    border: none
}

.sticky-bar a:last-child {
    margin-right: 20px
}

.sticky-bar a.active {
    color: #444444
}

.sticky-bar a.active~.active {
    color: #088AA3
}

.sticky-bar a.active~.active:hover {
    color: #444444
}

.sticky-bar a:hover {
    color: #444444
}

.sticky-bar.sticked .sticky-content {
    background-color: #088AA3
}

.sticky-bar.sticked .sticky-content:after {
    opacity: 1
}

.sticky-bar.sticked a {
    color: #fff;
    border-color: #fff;
    padding: 2px 10px;
    font-size: 14px
}

.sticky-bar.sticked a.active {
    color: #cacaca
}

.sticky-bar.sticked a.active~.active {
    color: #fff
}

.sticky-bar.sticked a.active~.active:hover {
    color: #cacaca
}

.sticky-bar.sticked a:hover {
    color: #cacaca
}

#tidio-chat {
    z-index: 5;
    position: relative
}

.properties-wrap img {
    max-width: 25px;
    margin-bottom: 5px;
    margin-right: 5px
}

#overview {
    margin-top: 50px;
    z-index: 1;
    position: relative
}

#overview a {
    text-decoration: underline
}

.special-offer-wrap {
    position: absolute;
    bottom: 100%;
    background-color: #088AA3;
    left: 0;
    padding: 10px 20px 10px 10px;
    display: flex;
    align-items: center
}

.special-offer-wrap .text {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400
}

.special-offer-wrap:hover .offer-content {
    opacity: 1;
    pointer-events: all
}

.offers-wrap {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%
}

.offers-wrap .main-content {
    position: relative;
    display: flex
}

.offers-wrap .main-content .inner-content:hover .offer-content {
    opacity: 1;
    pointer-events: all
}

.offers-wrap .main-content .text {
    margin-bottom: 0;
    font-size: 14px
}

.offers-wrap .special-offer-wrap {
    background-color: #088AA3;
    padding: 10px 20px 10px 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.group-accommodation-wrap {
    background: #E6E1DB
}

.group-accommodation-wrap .inner-content {
    padding: 10px;
    flex: 1
}

.group-accommodation-wrap .tooltip-icon {
    color: #088AA3 !important
}

.group-accommodation-wrap .offer-content {
    top: 90%;
    bottom: unset
}

.group-accommodation-wrap .offer-content:after {
    border-bottom: 10px solid #fff;
    border-top: 0;
    bottom: 100%;
    top: unset
}

.single-offers-wrap {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    background: #E6E1DB
}

.single-offers-wrap .group-accommodation-wrap {
    display: flex
}

.single-offers-wrap .group-accommodation-wrap .inner-content:hover .offer-content {
    opacity: 1;
    pointer-events: all
}

.group-button {
    background: #088AA3;
    color: #fff !important;
    border-radius: 0;
    border: 0;
    font-size: 14px
}

.filters-accommodations-wrap {
    transition: all .3s ease
}

@media screen and (min-width: 768px) {
    .filters-accommodations-wrap {
        display:grid;
        align-items: start;
        gap: 1rem;
        grid-template-columns: 250px 1fr
    }
}

@media screen and (min-width: 1280px) {
    .filters-accommodations-wrap {
        grid-template-columns:350px 1fr;
        gap: 50px
    }
}

.filters-accommodations-wrap.loading-filters {
    opacity: .6;
    pointer-events: none
}

.filter-wrap {
    background: #fff;
    margin-top: 1.5rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.filter-wrap .filters-button {
    padding: 15px;
    text-align: left;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (min-width: 768px) {
    .filter-wrap .filters-button {
        padding:20px
    }
}

.selected-filters-wrap {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap
}

.selected-filter {
    border: 1px solid;
    padding: 5px 5px 5px 10px;
    display: inline-flex;
    align-items: center
}

.selected-filter:hover,.selected-filter:active {
    color: #444444;
    border-color: #444444
}

.selected-filter:hover .img-close,.selected-filter:active .img-close {
    -webkit-filter: brightness(.3);
    filter: brightness(.3)
}

.selected-filter .img-close {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    top: 1px;
    transition: all .3s ease;
    position: relative
}

.img-filter {
    max-width: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

.inner-filters-wrap {
    display: none;
    padding: 20px 10px 20px 15px;
    border-top: 1px solid #E6E1DB
}

@media screen and (min-width: 768px) {
    .inner-filters-wrap {
        display:block;
        padding: 30px 20px
    }
}

.inner-filters-wrap .single-filter:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid #E6E1DB;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .inner-filters-wrap .single-filter:not(:last-child) {
        margin-bottom:30px;
        padding-bottom: 30px
    }
}

.inner-filters-wrap .single-filter.location-filter {
    max-height: 400px;
    overflow: auto
}

.inner-filters-wrap .img-offer {
    max-width: 25px;
    margin-right: 5px
}

.inner-filters-wrap .filter-title {
    font-weight: 500;
    margin-bottom: 0;
    cursor: pointer
}

.inner-filters-wrap label,.inner-filters-wrap input {
    cursor: pointer;
    color: #8c8c8c
}

.inner-filters-wrap label:hover,.inner-filters-wrap input:hover {
    color: #444444
}

.inner-filters-wrap label.active,.inner-filters-wrap input.active {
    color: #088AA3
}

.inner-filters-wrap .single-filter-inner {
    margin: 0;
    list-style: none;
    padding: 20px 0 0
}

.inner-filters-wrap .single-filter-inner .single-filter-inner {
    padding-left: 15px;
    padding-top: 0
}

.single-filter-item {
    position: relative
}

.single-filter-item.has-children:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 7px;
    display: block;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    pointer-events: none;
    transform: scale(-1);
    transition: all .3s ease
}

.single-filter-item.has-children.toggled:after {
    transform: scale(1)
}

.page-template-template-services .services {
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat
}

.page-template-template-services #list-services {
    margin-top: -100px;
    padding-top: 100px
}

.page-template-template-services #list-services .card:hover .btn-list::before,.page-template-template-services #list-services .card:focus .btn-list::before {
    width: 30px
}

.page-template-template-services #list-services .card:hover img,.page-template-template-services #list-services .card:focus img {
    box-shadow: 0 0 5px rgba(0,0,0,0.2)
}

.page-template-template-services #list-services .card .btn {
    padding-right: 0
}

.page-template-template-services .e_services .row {
    margin: 2rem 0
}

.page-template-template-services .e_services .desc {
    align-self: center
}

.page-template-template-services .e_services .desc p {
    font-size: 18px;
    font-weight: 300
}

.page-template-template-services .e_services img {
    max-width: 70px
}

.page-template-template-services .e_services .icon_1 img {
    margin-bottom: 1rem
}

.page-template-template-services .e_services .icon_2 img {
    margin-bottom: 1.5rem
}

.page-template-template-services .services_offer h3 {
    font-weight: bold
}

.page-template-template-services .services_offer .single-item.reversed .card-body {
    order: 1
}

.page-template-template-services .services_offer .card {
    border: none;
    background: transparent
}

.page-template-template-services .services_offer .seemore {
    text-align: right
}

.page-template-template-services .services_offer .seemore a {
    border: none;
    padding-right: 0
}

.single-services .s_request h3,.single-car .s_request h3,.single-premium_car .s_request h3,.single-boat .s_request h3,.single-excursion .s_request h3,.single-yachts .s_request h3 {
    font-weight: bold;
    font-size: 40px;
    color: #088aa3;
    margin-bottom: 1.4rem;
    line-height: 3rem
}

.single-services .s_request p,.single-car .s_request p,.single-premium_car .s_request p,.single-boat .s_request p,.single-excursion .s_request p,.single-yachts .s_request p {
    line-height: 2rem;
    font-weight: 200
}

.single-services .s_request .row,.single-car .s_request .row,.single-premium_car .s_request .row,.single-boat .s_request .row,.single-excursion .s_request .row,.single-yachts .s_request .row {
    padding: 2rem 0
}

.single-services .s_services_cta h2,.single-car .s_services_cta h2,.single-premium_car .s_services_cta h2,.single-boat .s_services_cta h2,.single-excursion .s_services_cta h2,.single-yachts .s_services_cta h2 {
    font-size: 45px
}

@media (min-width: 992px) {
    .single-services .s_services_cta,.single-car .s_services_cta,.single-premium_car .s_services_cta,.single-boat .s_services_cta,.single-excursion .s_services_cta,.single-yachts .s_services_cta {
        padding:2rem 0 !important
    }

    .single-services .s_services_cta h2,.single-car .s_services_cta h2,.single-premium_car .s_services_cta h2,.single-boat .s_services_cta h2,.single-excursion .s_services_cta h2,.single-yachts .s_services_cta h2 {
        padding-right: 0 !important
    }
}

.single-services .l_services h3,.single-car .l_services h3,.single-premium_car .l_services h3,.single-boat .l_services h3,.single-excursion .l_services h3,.single-yachts .l_services h3 {
    font-family: 'Playfair Display' !important;
    color: #088AA3 !important;
    font-weight: bold;
    font-size: 45px
}

.single-services .l_services h4,.single-car .l_services h4,.single-premium_car .l_services h4,.single-boat .l_services h4,.single-excursion .l_services h4,.single-yachts .l_services h4 {
    font-size: 1.75rem;
    font-weight: bold
}

.single-services .l_services .card,.single-car .l_services .card,.single-premium_car .l_services .card,.single-boat .l_services .card,.single-excursion .l_services .card,.single-yachts .l_services .card {
    border: none;
    border-bottom: 0!important;
    background: transparent;
    box-shadow: none;
    box-shadow: none !important
}

.single-services .l_services .card .btn-list,.single-car .l_services .card .btn-list,.single-premium_car .l_services .card .btn-list,.single-boat .l_services .card .btn-list,.single-excursion .l_services .card .btn-list,.single-yachts .l_services .card .btn-list {
    border: 0;
    padding-right: 0
}

.single-services .l_services .card img,.single-car .l_services .card img,.single-premium_car .l_services .card img,.single-boat .l_services .card img,.single-excursion .l_services .card img,.single-yachts .l_services .card img {
    transition: all .3s ease;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.single-services .l_services .card:hover img,.single-car .l_services .card:hover img,.single-premium_car .l_services .card:hover img,.single-boat .l_services .card:hover img,.single-excursion .l_services .card:hover img,.single-yachts .l_services .card:hover img {
    box-shadow: 0 0 5px rgba(0,0,0,0.2)
}

.single-services .l_services .seemore,.single-car .l_services .seemore,.single-premium_car .l_services .seemore,.single-boat .l_services .seemore,.single-excursion .l_services .seemore,.single-yachts .l_services .seemore {
    text-align: right
}

.single-services .l_services .seemore a,.single-car .l_services .seemore a,.single-premium_car .l_services .seemore a,.single-boat .l_services .seemore a,.single-excursion .l_services .seemore a,.single-yachts .l_services .seemore a {
    padding-right: 0;
    border: none
}

#request_section {
    margin-top: -100px;
    padding-top: 100px
}

#request_section .row {
    margin: 0
}

@media (min-width: 1024px) {
    .row.reverse .explore-main-content {
        order:2
    }
}

.location-content.inner_container {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
}

.location-content.inner_container h3 {
    text-align: center
}

.explore .row:first-child {
    padding-top: 0
}

.two-image-wrapper {
    position: relative
}

.two-image-wrapper .bg-image-wrap.left-image {
    width: 70%;
    padding-bottom: 80%;
    margin-bottom: 100px
}

.two-image-wrapper .bg-image-wrap.right-image {
    position: absolute;
    bottom: -100px;
    right: 10px;
    height: unset;
    width: 60%;
    padding-bottom: 55%
}

.two-image-wrapper.reverse .bg-image-wrap.left-image {
    margin-left: auto
}

.two-image-wrapper.reverse .bg-image-wrap.right-image {
    right: unset;
    left: 10px
}

.service_form {
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    min-width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (min-width: 480px) {
    .service_form {
        min-width:450px
    }
}

.service_form .full-field-wrapper {
    display: grid;
    gap: 15px;
    margin-bottom: 15px
}

@media (min-width: 600px) {
    .service_form .full-field-wrapper.split-fields {
        grid-template-columns:1fr 1fr
    }
}

.service_form .full-field-wrapper .single-field .wpcf7-checkbox .wpcf7-list-item {
    text-align: center
}

.service_form .full-field-wrapper .single-field input,.service_form .full-field-wrapper .single-field select,.service_form .full-field-wrapper .single-field textarea {
    border-radius: 0;
    border: 0;
    outline: 0!important;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
    padding: 10px;
    width: 100%;
    padding-left: 15px;
    resize: none;
    color: #444;
    background: #fff
}

.service_form .full-field-wrapper .single-field input::-webkit-input-placeholder,.service_form .full-field-wrapper .single-field select::-webkit-input-placeholder,.service_form .full-field-wrapper .single-field textarea::-webkit-input-placeholder {
    color: #404040;
    opacity: .6
}

.service_form .full-field-wrapper .single-field input::-moz-placeholder,.service_form .full-field-wrapper .single-field select::-moz-placeholder,.service_form .full-field-wrapper .single-field textarea::-moz-placeholder {
    color: #404040;
    opacity: .6
}

.service_form .full-field-wrapper .single-field input::placeholder,.service_form .full-field-wrapper .single-field select::placeholder,.service_form .full-field-wrapper .single-field textarea::placeholder {
    color: #404040;
    opacity: .6
}

.service_form .full-field-wrapper .single-field input::-webkit-input-placeholder,.service_form .full-field-wrapper .single-field select::-webkit-input-placeholder,.service_form .full-field-wrapper .single-field textarea::-webkit-input-placeholder {
    color: #404040;
    opacity: .6
}

.service_form .full-field-wrapper .single-field input::-moz-placeholder,.service_form .full-field-wrapper .single-field select::-moz-placeholder,.service_form .full-field-wrapper .single-field textarea::-moz-placeholder {
    color: #404040;
    opacity: .6
}

.service_form .full-field-wrapper .single-field input::-ms-placeholder,.service_form .full-field-wrapper .single-field select::-ms-placeholder,.service_form .full-field-wrapper .single-field textarea::-ms-placeholder {
    color: #404040;
    opacity: .6
}

.service_form .full-field-wrapper .single-field input::-webkit-input-placeholder,.service_form .full-field-wrapper .single-field select::-webkit-input-placeholder,.service_form .full-field-wrapper .single-field textarea::-webkit-input-placeholder {
    color: #404040;
    opacity: .6
}

.service_form .full-field-wrapper .single-field input::-moz-placeholder,.service_form .full-field-wrapper .single-field select::-moz-placeholder,.service_form .full-field-wrapper .single-field textarea::-moz-placeholder {
    color: #404040;
    opacity: .6
}

.service_form .full-field-wrapper .single-field input::placeholder,.service_form .full-field-wrapper .single-field select::placeholder,.service_form .full-field-wrapper .single-field textarea::placeholder {
    color: #404040;
    opacity: .6
}

.service_form .full-field-wrapper .single-field input[type="checkbox"],.service_form .full-field-wrapper .single-field select[type="checkbox"],.service_form .full-field-wrapper .single-field textarea[type="checkbox"] {
    box-shadow: none
}

.service_form .full-field-wrapper .single-field .extras .wpcf7-form-control {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: .5rem
}

@media (min-width: 600px) {
    .service_form .full-field-wrapper .single-field .extras .wpcf7-form-control {
        grid-template-columns:auto auto auto auto
    }
}

.service_form .full-field-wrapper .single-field .extras .wpcf7-form-control .wpcf7-list-item {
    margin: 0;
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    gap: .5rem
}

.service_form .full-field-wrapper .single-field .extras .wpcf7-form-control .wpcf7-list-item input {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.service_form .full-field-wrapper .single-field .extras .wpcf7-form-control .wpcf7-list-item input:checked~span {
    color: #444
}

.service_form .full-field-wrapper .single-field .extras .wpcf7-form-control .wpcf7-list-item span {
    color: #8c8c8c
}

.service_form .full-field-wrapper .single-field select {
    padding-left: 12px;
    cursor: pointer;
    color: #8c8c8c
}

.service_form .full-field-wrapper .single-field select.placeholder-color {
    color: #8c8c8c
}

.service_form .full-field-wrapper .single-field select.changed {
    color: #444
}

.service_form .full-field-wrapper .single-field select option {
    color: #444
}

.service_form .full-field-wrapper .single-field textarea {
    height: 100px
}

.service_form .full-field-wrapper .single-field .wpcf7-not-valid-tip {
    margin-top: .5rem
}

.service_form .term-accept {
    margin-bottom: 1rem
}

.service_form .term-accept label {
    color: #088AA3
}

.service_form .term-accept label a {
    text-decoration: underline
}

.service_form .term-accept label a:hover,.service_form .term-accept label a:focus {
    color: #12343A
}

.service_form .term-accept .wpcf7-list-item {
    margin: 0
}

.service_form .wpcf7 .wpcf7-submit-btn {
    position: relative
}

.service_form .wpcf7 .wpcf7-submit-btn .wpcf7-submit {
    transition: all .3s ease
}

.service_form .wpcf7 .wpcf7-submit-btn .wpcf7-submit:hover,.service_form .wpcf7 .wpcf7-submit-btn .wpcf7-submit:focus {
    background: #088AA3;
    color: #fff
}

.service_form .wpcf7 .wpcf7-submit-btn .wpcf7-submit:disabled {
    cursor: not-allowed;
    background: transparent;
    color: #088AA3
}

.service_form .wpcf7 .wpcf7-submit-btn:before {
    position: absolute;
    content: '';
    margin: 0;
    width: 20px;
    height: 1px;
    top: 50%;
    left: 0;
    background: #088AA3;
    transform: translateY(-50%)
}

.service_form h3 {
    font-weight: bold !important;
    font-size: 2rem !important;
    margin-bottom: 0 !important
}

.service_form p.subheading {
    font-size: 1.5rem;
    font-family: 'Playfair Display';
    color: #088aa3;
    font-weight: bold
}

.service_form p {
    margin-bottom: 1rem
}

.service_form .wpcf7 .wpcf7-submit {
    border: 1px solid #088AA3;
    border-radius: 0;
    padding: 15px 25px;
    background: transparent;
    color: #088AA3
}

.service_form .wpcf7-spinner {
    position: absolute
}

.facilities ul {
    padding-left: 14px
}

.car-picks .bg-image-wrap {
    background: #f1f1f1
}

.car-picks img {
    -o-object-fit: contain;
    object-fit: contain
}

.car-info-details {
    margin-top: -150px;
    padding-top: 100px;
    margin-bottom: 50px
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
    .car-info-details .single-booking-info-row {
        flex-wrap:nowrap
    }

    .car-info-details .single-booking-info-row .feature {
        width: 100%
    }
}

.car-intro .text {
    color: #E6E1DB
}

.car-image-wrap {
    height: auto
}

.car-image-wrap img {
    -o-object-fit: contain;
    object-fit: contain
}

.details-content-wrap h2 {
    margin-bottom: 2rem
}

@media screen and (min-width: 992px) {
    .yachts-form-row {
        width:50%
    }
}

.overview_items ul {
    display: block
}

.overview_items ul li {
    padding-right: 10px
}

@media screen and (min-width: 600px) {
    .overview_items ul {
        -webkit-columns:2;
        -moz-columns: 2;
        columns: 2
    }
}

@media screen and (min-width: 900px) {
    .overview_items ul {
        -webkit-columns:4;
        -moz-columns: 4;
        columns: 4
    }
}

.yacht-picks .col {
    display: flex;
    align-items: center
}

.yacht-picks .col .single-yacht-feature {
    margin-left: 5px
}

.yacht-picks .col .single-yacht-feature span {
    display: block;
    line-height: 1.2
}

.yacht-picks .content img {
    max-width: 35px
}

.item__text {
    position: relative;
    transition: all .3s ease
}

.item__text.active .no-toggle-text {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.item__text.active .toggled-text {
    opacity: 1;
    pointer-events: all;
    position: relative
}

.item__text .toggled-text {
    position: absolute;
    top: 0;
    margin-top: 0;
    opacity: 0;
    pointer-events: none
}

.read-button {
    display: block;
    margin-top: 2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 10px
}

.service-archive-section~#request_section,.service-archive-section~.without-archived {
    display: none !important
}

.main-default-section~.default-section {
    display: none
}

.without-archived {
    display: block !important
}

.page-template-template-corfu-guide .cg_content,.page-template-template-guide .cg_content {
    padding: 10rem 0 5rem 0
}

@media screen and (max-width: 991px) {
    .page-template-template-corfu-guide .cg_content,.page-template-template-guide .cg_content {
        padding:0rem 0 3rem 0
    }
}

.page-template-template-corfu-guide .cg_content .wrapper,.page-template-template-guide .cg_content .wrapper {
    background-color: rgba(219,211,202,0.6);
    padding: 5rem 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

@media screen and (max-width: 991px) {
    .page-template-template-corfu-guide .cg_content .wrapper,.page-template-template-guide .cg_content .wrapper {
        padding:0 0 5rem 0
    }
}

.page-template-template-corfu-guide .cg_content h2,.page-template-template-guide .cg_content h2 {
    color: #088AA3;
    font-size: 2rem
}

@media screen and (min-width: 400px) {
    .page-template-template-corfu-guide .cg_content h2,.page-template-template-guide .cg_content h2 {
        font-size:2.5rem
    }
}

@media screen and (min-width: 1024px) {
    .page-template-template-corfu-guide .cg_content h2,.page-template-template-guide .cg_content h2 {
        font-size:3.2rem;
        font-size: 45px
    }
}

@media screen and (max-width: 991px) {
    .page-template-template-corfu-guide .cg_content .r_even .mt-5,.page-template-template-guide .cg_content .r_even .mt-5 {
        order:2;
        margin-top: 0rem !important
    }
}

.page-template-template-corfu-guide .cg_content .l_image,.page-template-template-guide .cg_content .l_image {
    position: relative;
    padding-bottom: 50%;
    margin-top: -100px
}

@media screen and (max-width: 991px) {
    .page-template-template-corfu-guide .cg_content .l_image,.page-template-template-guide .cg_content .l_image {
        width:85%;
        margin-left: auto;
        margin-bottom: 1rem;
        margin-top: 0
    }
}

.page-template-template-corfu-guide .cg_content .l_image:before,.page-template-template-guide .cg_content .l_image:before {
    content: '';
    position: absolute;
    top: -50px;
    left: -50px;
    height: 80%;
    width: 100%;
    background: #088AA3;
    display: block
}

.page-template-template-corfu-guide .cg_content .l_image img,.page-template-template-guide .cg_content .l_image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.page-template-template-corfu-guide .cg_content .r_image,.page-template-template-guide .cg_content .r_image {
    position: relative;
    padding-bottom: 50%;
    margin-top: -100px
}

@media screen and (max-width: 991px) {
    .page-template-template-corfu-guide .cg_content .r_image,.page-template-template-guide .cg_content .r_image {
        width:85%;
        margin-left: auto;
        margin-bottom: 1rem;
        margin-top: 90px
    }

    .page-template-template-corfu-guide .cg_content .r_image:before,.page-template-template-guide .cg_content .r_image:before {
        top: -50px;
        left: -50px;
        right: unset;
        bottom: unset
    }
}

.page-template-template-corfu-guide .cg_content .r_image:before,.page-template-template-guide .cg_content .r_image:before {
    content: '';
    position: absolute;
    bottom: -50px;
    right: -50px;
    height: 80%;
    width: 100%;
    background: #088AA3;
    display: block
}

.page-template-template-corfu-guide .cg_content .r_image img,.page-template-template-guide .cg_content .r_image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.page-template-template-corfu-guide .cg_content p,.page-template-template-guide .cg_content p {
    font-weight: 200;
    line-height: 2rem
}

@media (min-width: 992px) {
    .page-template-template-corfu-guide .cg_content p,.page-template-template-guide .cg_content p {
        margin-right:5rem
    }

    .page-template-template-corfu-guide .cg_content .r_even,.page-template-template-guide .cg_content .r_even {
        padding: 10rem 0
    }
}

@media screen and (max-width: 991px) {
    .page-template-template-corfu-guide .cg_content .d-flex.flex-wrap,.page-template-template-guide .cg_content .d-flex.flex-wrap {
        margin-top:90px
    }

    .page-template-template-corfu-guide .cg_content .d-flex.flex-wrap.r_even,.page-template-template-guide .cg_content .d-flex.flex-wrap.r_even {
        margin-top: 0
    }
}

.page-template-template-corfu-guide .cg_content .btn,.page-template-template-guide .cg_content .btn {
    padding: .875rem 3rem;
    margin-top: 1rem
}

#area_guide_taxonomy {
    margin-bottom: 60px
}

.text-center.max-width {
    max-width: 1000px;
    margin: auto
}

.tax-corfu_guide_type #hero .wrapper,.tax-guide_type #hero .wrapper {
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2)
}

.tax-corfu_guide_type .cg_type_list h4,.tax-guide_type .cg_type_list h4 {
    font-size: 35px;
    font-weight: bold;
    margin: 1rem 0
}

.tax-corfu_guide_type .cg_type_list .card,.tax-guide_type .cg_type_list .card {
    margin: 1rem 0
}

.tax-corfu_guide_type .cg_type_list .contact,.tax-guide_type .cg_type_list .contact {
    margin-top: 5rem
}

.cg_type_list .back_to_parent {
    padding: 2rem 0 0rem 0
}

.cg_type_list .back_to_parent .btn {
    padding-right: 0
}

.cg_type_list hr {
    background-color: #088aa3;
    opacity: 1
}

.cg_type_list .no-border {
    border: none;
    padding-right: 0
}

.cg_type_list .card {
    border: 0
}

.cg_type_list .card:hover,.cg_type_list .card:focus {
    box-shadow: 0 0 5px rgba(0,0,0,0.2)
}

.cg_type_list .card:hover p,.cg_type_list .card:focus p,.cg_type_list .card:hover h4,.cg_type_list .card:focus h4 {
    color: #444444
}

.cg_type_list .card .card-body {
    padding: 2rem 2.5rem 2rem 2.5rem
}

.cg_type_list .card .btn {
    padding-left: 2rem;
    border: none
}

.cg_type_list .card .btn:before {
    left: 0
}

.single-corfu-guide #hero .wrapper,.single-destination #hero .wrapper,.single-guide #hero .wrapper {
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2)
}

.single-corfu-guide .cg_single_content h2,.single-destination .cg_single_content h2,.single-guide .cg_single_content h2 {
    color: #088AA3;
    font-size: 1.9rem
}

@media screen and (min-width: 400px) {
    .single-corfu-guide .cg_single_content h2,.single-destination .cg_single_content h2,.single-guide .cg_single_content h2 {
        font-size:2.3rem
    }
}

@media screen and (min-width: 1024px) {
    .single-corfu-guide .cg_single_content h2,.single-destination .cg_single_content h2,.single-guide .cg_single_content h2 {
        font-size:2.7rem;
        font-size: 45px
    }
}

.single-corfu-guide .cg_single_content p,.single-destination .cg_single_content p,.single-guide .cg_single_content p {
    line-height: 2rem;
    font-weight: 200
}

.single-corfu-guide .l_services,.single-destination .l_services,.single-guide .l_services {
    padding-bottom: 5rem
}

.single-corfu-guide .l_services h3,.single-destination .l_services h3,.single-guide .l_services h3 {
    font-family: 'Playfair Display' !important;
    color: #088AA3 !important;
    font-weight: bold;
    font-size: 45px
}

.single-corfu-guide .l_services h4,.single-destination .l_services h4,.single-guide .l_services h4 {
    font-size: 1.75rem;
    font-weight: bold
}

.single-corfu-guide .l_services .card,.single-destination .l_services .card,.single-guide .l_services .card {
    border: none;
    border-bottom: 0!important;
    background: transparent;
    box-shadow: none;
    box-shadow: none !important
}

.single-corfu-guide .l_services .card .btn-list,.single-destination .l_services .card .btn-list,.single-guide .l_services .card .btn-list {
    border: 0;
    padding-right: 0
}

.single-corfu-guide .l_services .card img,.single-destination .l_services .card img,.single-guide .l_services .card img {
    transition: all .3s ease;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.single-corfu-guide .l_services .card:hover img,.single-destination .l_services .card:hover img,.single-guide .l_services .card:hover img {
    box-shadow: 0 0 5px rgba(0,0,0,0.2)
}

.single-corfu-guide .l_services .seemore,.single-destination .l_services .seemore,.single-guide .l_services .seemore {
    text-align: right
}

.single-corfu-guide .l_services .seemore a,.single-destination .l_services .seemore a,.single-guide .l_services .seemore a {
    padding-right: 0;
    border: none
}

@media (min-width: 992px) {
    .single-corfu-guide .dream-vacation,.single-destination .dream-vacation,.single-guide .dream-vacation {
        padding:5rem 0 !important
    }
}

.about-hestiatravel .inner_container {
    max-width: 1000px
}

.about-hestiatravel .content {
    padding: 5rem 0
}

.about-hestiatravel .content h1 {
    color: #088AA3;
    font-weight: bold;
    font-size: 2rem
}

@media screen and (min-width: 400px) {
    .about-hestiatravel .content h1 {
        font-size:2.5rem
    }
}

@media screen and (min-width: 1024px) {
    .about-hestiatravel .content h1 {
        font-size:3rem
    }
}

.about-hestiatravel .content p {
    font-size: 1.1rem
}

@media (min-width: 992px) {
    .about-hestiatravel .about_w_image .dream-vacation {
        padding:2rem 0 7rem 0 !important
    }
}

/*! COMPONENTS */