.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:transparent;border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:33.33333%;cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:after{content:"";border:.390625em solid transparent;position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid transparent}.qs-month-year:not(.qs-disabled-year-overlay){cursor:pointer}.qs-month-year:not(.qs-disabled-year-overlay):hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:14.28571%;height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}@charset "UTF-8";
/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  /* 2 */ }

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */ }

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  cursor: default;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: .67em 0; }

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ffff00;
  color: #000000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */
::-moz-selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none; }

::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none; }

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
  fill: currentColor; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
/**
 * Collapse border spacing
 */
table {
  border-collapse: collapse; }

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; }

/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 2 */ }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation; }

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy="true"] {
  cursor: progress; }

/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
  cursor: pointer; }

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute; }

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
  cursor: default; }

@font-face {
  font-family: 'Inter';
  src: url(829868f76fcf857b15533d075da1cb58.eot);
  src: url(829868f76fcf857b15533d075da1cb58.eot?#iefix) format("embedded-opentype"), url(dc131113894217b5031000575d9de002.woff2) format("woff2"), url(3ac83020fe53b617b79b5e2ad66764af.woff) format("woff"), url(24cdbcf28404bf2813cc4ee87f5cc97c.ttf) format("truetype"), url(99006371b7d7486cbde7dc7d8618b169.svg#Inter-Regular) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Inter SemiBold';
  src: url(6771dba16851e2daa688161d7b9b0293.eot);
  src: url(6771dba16851e2daa688161d7b9b0293.eot?#iefix) format("embedded-opentype"), url(3cbb125a24741fdc6dc2c45edf89d6af.woff2) format("woff2"), url(f2cc84ff4ae29c707e59ce8dbf4a576f.woff) format("woff"), url(b17b5b95bd41aee1803c4550547065ec.ttf) format("truetype"), url(1c5c79500e4bdc97ec806034c32c2410.svg#Inter-SemiBold) format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Canela';
  src: url(e4a357b655a194570026b432290aae8d.eot);
  src: url(e4a357b655a194570026b432290aae8d.eot?#iefix) format("embedded-opentype"), url(5deff586da6603b8be8820765d3a2585.woff2) format("woff2"), url(093985b63fbc2f328504c91f8a62539f.woff) format("woff"), url(b1340d7683707dba0848f52ecfb2c34c.ttf) format("truetype"), url(ea9d6c77e8a33f41cab788b22b615d43.svg#Canela-Light) format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

:root {
  --gold: #BBA262;
  --light-gray: #EAEAEA;
  --medium-gray: #e5e5e5; }

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*:active,
*:focus {
  outline: none; }

html {
  font-size: 14px; }

body {
  font-family: 'Inter';
  font-weight: 300;
  font-style: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: 22px; }

.load-overlay {
  content: '';
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--medium-gray);
  -webkit-transition: opacity 0.35s;
  -o-transition: opacity 0.35s;
  transition: opacity 0.35s;
  pointer-events: none; }

body.loading {
  overflow: hidden; }

body.loaded {
  overflow: auto; }
  body.loaded .load-overlay {
    opacity: 0; }

input,
textarea {
  border: none;
  outline: none; }

h1,
h2,
h3,
h4,
h5 {
  padding: 0;
  margin: 0; }

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-family: 'Canela';
  font-weight: 300;
  font-style: normal; }

h4,
.h4,
h5,
.h5 {
  font-family: 'Inter';
  font-weight: normal;
  font-style: normal; }

h1,
.h1 {
  font-size: 80px;
  line-height: 85px; }
  @media all and (max-width: 1160px) {
    h1,
    .h1 {
      font-size: 65px;
      line-height: 70px; } }
  @media all and (max-width: 960px) {
    h1,
    .h1 {
      font-size: 55px;
      line-height: 60px; } }
  @media all and (max-width: 660px) {
    h1,
    .h1 {
      font-size: 35px;
      line-height: 40px; } }

h2,
.h2 {
  font-size: 60px;
  line-height: 65px; }
  @media all and (max-width: 1160px) {
    h2,
    .h2 {
      font-size: 45px;
      line-height: 50px; } }
  @media all and (max-width: 960px) {
    h2,
    .h2 {
      font-size: 35px;
      line-height: 40px; } }
  @media all and (max-width: 660px) {
    h2,
    .h2 {
      font-size: 30px;
      line-height: 35px; } }

h3,
.h3 {
  font-size: 30px;
  line-height: 30px; }
  @media all and (max-width: 1160px) {
    h3,
    .h3 {
      font-size: 22px;
      line-height: 27px; } }
  @media all and (max-width: 660px) {
    h3,
    .h3 {
      font-size: 20px;
      line-height: 25px; } }

h4,
.h4 {
  font-size: 18px;
  line-height: 24px; }
  @media all and (max-width: 960px) {
    h4,
    .h4 {
      font-size: 16px;
      line-height: 22px; } }

h5,
.h5 {
  font-size: 12px;
  line-height: 15px; }
  @media all and (max-width: 960px) {
    h5,
    .h5 {
      font-size: 11px; } }

.semibold {
  font-family: 'Inter SemiBold';
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 20px; }

a {
  color: #000;
  text-decoration: none;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s; }
  a:hover {
    color: var(--gold); }

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

b,
strong,
.strong {
  font-weight: normal;
  font-style: normal; }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }

p {
  margin: 0 0 18px 0; }
  p:last-child {
    margin: 0 !important; }

#app {
  overflow: hidden; }

#content {
  min-height: 100vh; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.uppercase {
  text-transform: uppercase; }

.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.max-width {
  max-width: 1440px;
  margin: 0 auto; }

.page-start {
  padding: 215px 0 0; }
  @media all and (max-width: 1160px) {
    .page-start {
      padding: 200px 0 0; } }
  @media all and (max-width: 960px) {
    .page-start {
      padding: 160px 0 0; } }
  @media all and (max-width: 660px) {
    .page-start {
      padding: 130px 0 0; } }

.pd-30 {
  padding: 0 30px; }
  @media all and (max-width: 960px) {
    .pd-30 {
      padding: 0 15px; } }

.page-title {
  text-align: center;
  padding: 0 0 30px; }
  @media all and (max-width: 960px) {
    .page-title {
      padding: 0 0 15px; } }

.intro-title {
  padding: 0 25% 30px;
  text-align: center; }
  @media all and (max-width: 960px) {
    .intro-title {
      padding: 0 16.66667% 30px; } }
  @media all and (max-width: 660px) {
    .intro-title {
      padding: 0 15px 15px; } }

.home #header .logo-1 {
  display: block; }

.home #header .logo-2 {
  display: none; }

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: #000;
  opacity: 0.15; }

.button-medium {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  border: 1px solid #000;
  border-radius: 13px;
  text-align: center;
  background: transparent;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 114px;
  padding: 0 8px;
  font-size: 11px;
  line-height: 13px; }

.button-small {
  color: #fff;
  margin: 0;
  background: var(--gold);
  border: solid 1px var(--gold);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 25px;
  border-radius: 13px;
  padding: 0 17px;
  font-size: 11px;
  line-height: 13px;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  cursor: pointer; }
  .button-small .less {
    display: none; }
  .button-small:hover {
    background: #000;
    border: 1px solid #000;
    color: #fff; }

.blocks .flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.blocks .text__content {
  max-width: 560px;
  text-align: center;
  padding: 0 30px;
  margin: 0 auto; }

.blocks .block-left,
.blocks .block-right {
  width: 50%; }

.blocks .bg-image {
  padding-top: 100%; }
  @media all and (max-width: 960px) {
    .blocks .bg-image {
      padding-top: 55%; } }

.blocks .block__subtitle {
  padding: 15px 0 30px; }

@media all and (max-width: 960px) {
  .blocks .block-left,
  .blocks .block-right {
    width: 100%; }
  .blocks .block-right {
    padding: 60px 0; }
  .blocks .text__content {
    max-width: 100%;
    padding: 0 16.66667%; } }

@media all and (max-width: 660px) {
  .blocks .block-right {
    padding: 30px 0; }
  .blocks .text__content {
    padding: 0 15px; } }

.filters {
  padding: 90px 0 0; }
  @media all and (max-width: 1160px) {
    .filters {
      padding: 60px 0 0; } }
  @media all and (max-width: 660px) {
    .filters {
      padding: 90px 0 0; } }
  .filters .select-container {
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    background: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 50px 12px 0;
    border-radius: 25px; }
    .filters .select-container > div:first-of-type {
      padding: 0 60px 0 20px;
      border-right: 1px solid var(--medium-gray); }
      @media all and (max-width: 1160px) {
        .filters .select-container > div:first-of-type {
          padding: 0 20px; } }
    .filters .select-container .dropdown {
      width: 200px;
      padding: 0 10px;
      position: relative; }
      @media all and (max-width: 1280px) {
        .filters .select-container .dropdown {
          width: 160px; } }
      @media all and (max-width: 1160px) {
        .filters .select-container .dropdown {
          width: 140px; } }
      @media all and (max-width: 350px) {
        .filters .select-container .dropdown {
          width: 120px; } }
      .filters .select-container .dropdown > select {
        display: none !important; }
      .filters .select-container .dropdown > img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 10px; }
      .filters .select-container .dropdown > .select2-container {
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important; }
        .filters .select-container .dropdown > .select2-container .select2-selection {
          width: 100%;
          display: block; }
      .filters .select-container .dropdown.border {
        border-right: 1px solid var(--medium-gray); }
    .filters .select-container .search {
      position: absolute;
      right: 5px;
      bottom: 3px; }
      .filters .select-container .search button {
        cursor: pointer;
        width: 40px;
        height: 40px;
        background: var(--gold);
        border-radius: 50%;
        -webkit-transition: all 0.35s;
        -o-transition: all 0.35s;
        transition: all 0.35s; }
        .filters .select-container .search button svg {
          line-height: 0; }
          .filters .select-container .search button svg path {
            fill: #fff; }
      .filters .select-container .search:hover button {
        background: #000; }
      @media all and (max-width: 1160px) {
        .filters .select-container .search {
          bottom: 5px; }
          .filters .select-container .search button {
            width: 35px;
            height: 35px; }
            .filters .select-container .search button svg {
              width: 25px;
              height: auto; } }
    .filters .select-container select,
    .filters .select-container button {
      border: none;
      outline: none;
      font-family: 'Inter';
      font-weight: 300;
      font-style: normal;
      font-size: 14px;
      line-height: 22px; }
    @media all and (max-width: 660px) {
      .filters .select-container {
        padding: 8px 40px 8px 10px;
        position: relative; }
        .filters .select-container > div:first-of-type {
          position: absolute;
          top: -35px;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
        .filters .select-container .search {
          bottom: 4px; }
          .filters .select-container .search > button {
            width: 30px;
            height: 30px; }
            .filters .select-container .search > button svg {
              width: 20px;
              height: auto; } }

.filters-mobile {
  display: none !important;
  position: absolute;
  bottom: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% - 30px); }
  @media all and (max-width: 660px) {
    .filters-mobile {
      display: block !important; } }
  .filters-mobile .select-container {
    background: #fff;
    border-radius: 25px;
    padding: 10px 5px 10px 20px;
    cursor: pointer; }
    .filters-mobile .select-container:hover .to-open-button {
      background: #000; }
    .filters-mobile .select-container.is-active .to-open-button.arrow-down {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .filters-mobile .select-container.is-active .to-open-button.arrow-up {
      display: none; }
  .filters-mobile .to-open-button {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: var(--gold);
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s; }
    .filters-mobile .to-open-button svg {
      display: block;
      width: 100%;
      line-height: 0; }
      .filters-mobile .to-open-button svg path {
        fill: #fff; }
    .filters-mobile .to-open-button.arrow-down {
      display: none; }
  .filters-mobile .tab-title {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .filters-mobile .big-dropdown {
    display: none;
    background: #fff;
    width: 100%;
    border-radius: 10px 10px 0 0;
    padding: 10px 0 0; }
    .filters-mobile .big-dropdown .dropdown {
      padding: 14px 0;
      width: calc(100% - 10px);
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      border-bottom: 1px solid var(--medium-gray);
      position: relative; }
      .filters-mobile .big-dropdown .dropdown img {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
      .filters-mobile .big-dropdown .dropdown select {
        display: none !important; }
      .filters-mobile .big-dropdown .dropdown .select2-container {
        display: block;
        width: 100% !important; }
        .filters-mobile .big-dropdown .dropdown .select2-container > .selection {
          width: 100%;
          display: block; }
          .filters-mobile .big-dropdown .dropdown .select2-container > .selection > .select2-selection {
            width: 100%;
            display: block; }
    .filters-mobile .big-dropdown .search {
      text-align: center;
      padding: 30px 0 60px; }
      .filters-mobile .big-dropdown .search button {
        display: inline-block;
        -webkit-transition: all 0.35s;
        -o-transition: all 0.35s;
        transition: all 0.35s;
        cursor: pointer; }

.open-filters .sort .sort-container .now__filter .arrow-up {
  display: block; }

.open-filters .sort .sort-container .now__filter .arrow-down {
  display: none; }

.open-filters .sort .sort-container .sort__filters {
  visibility: visible;
  pointer-events: all;
  max-height: 450px; }

.tease a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  color: #000; }
  .tease a:hover {
    color: #000; }

.tease .thumbnail {
  position: relative; }
  .tease .thumbnail img {
    width: 100%;
    height: 100%; }
  .tease .thumbnail .tease-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s; }

.tease .tease__title {
  -webkit-transition: color 0.35s;
  -o-transition: color 0.35s;
  transition: color 0.35s; }

.tease a:hover .tease-overlay {
  opacity: 0.35; }

.tease a:hover .tease__title {
  color: var(--gold); }

/* .logo__text {
    transition: opacity 0.35s;
    -webkit-transition: opacity 0.35s;
}

.has-scrolled {
    .logo__text {
        opacity: 0;
    }
} */
.show-in-view {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 50px, 0);
  -webkit-transform: translate3d(0, 50px, 0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; }
  .show-in-view.animate {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible; }
  @media all and (max-width: 660px) {
    .show-in-view {
      transform: translate3d(0, 25px, 0);
      -webkit-transform: translate3d(0, 25px, 0); } }

.delay-1 {
  -webkit-transition-delay: 0.10s !important;
       -o-transition-delay: 0.10s !important;
          transition-delay: 0.10s !important; }

.delay-2 {
  -webkit-transition-delay: 0.20s !important;
       -o-transition-delay: 0.20s !important;
          transition-delay: 0.20s !important; }

.delay-3 {
  -webkit-transition-delay: 0.30s !important;
       -o-transition-delay: 0.30s !important;
          transition-delay: 0.30s !important; }

.delay-4 {
  -webkit-transition-delay: 0.40s !important;
       -o-transition-delay: 0.40s !important;
          transition-delay: 0.40s !important; }

.delay-5 {
  -webkit-transition-delay: 0.5s !important;
       -o-transition-delay: 0.5s !important;
          transition-delay: 0.5s !important; }

div[role="dialog"] button {
  z-index: 2 !important; }

.slick-slider {
  width: 100%;
  padding: 0;
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* .slick-arrow.slick-hidden {
    display: none;
} */
.slick-loading .slick-list {
  background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; }

.slick-prev,
.slick-next {
  position: absolute;
  display: none;
  height: 30px;
  width: 30px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before, .slick-prev:after,
  .slick-next:before,
  .slick-next:after {
    width: 100%;
    height: 100%;
    display: block; }

.slick-prev {
  left: calc(50% + 15px);
  -webkit-transform: translateX(calc(-50% - 20px));
      -ms-transform: translateX(calc(-50% - 20px));
          transform: translateX(calc(-50% - 20px));
  bottom: 80px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS41IiBoZWlnaHQ9IjI1LjUiIHZpZXdCb3g9IjAgMCAyNS41IDI1LjUiPg0KICA8cGF0aCBkPSJNMTgsMTNhLjU0LjU0LDAsMCwxLS41LjVoLTlBLjU0LjU0LDAsMCwxLDgsMTNhLjQ2LjQ2LDAsMCwxLC41LS40aDkuMWEuNDMuNDMsMCwwLDEsLjQuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMjUgLTAuMjUpIiBmaWxsPSIjMTkxYzFmIi8+DQogIDxwYXRoIGQ9Ik0xMS43LDkuOWEuMzcuMzcsMCwwLDEtLjEuM0w4LjgsMTMuM2MtLjIuMi0uNS4yLS42LDBzLS4yLS41LDAtLjZMMTEsOS42Yy4yLS4yLjUtLjIuNiwwYTEsMSwwLDAsMSwuMS4zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4yNSAtMC4yNSkiIGZpbGw9IiMxOTFjMWYiLz4NCiAgPHBhdGggZD0iTTExLjcsMTYuMWMwLC4xLDAsLjItLjIuM3MtLjUuMi0uNiwwTDguMSwxMy4zYy0uMi0uMi0uMi0uNSwwLS42cy41LS4yLjYsMGwyLjgsMy4xYy4yLjEuMi4yLjIuMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMjUgLTAuMjUpIiBmaWxsPSIjMTkxYzFmIi8+DQogIDxwYXRoIGQ9Ik0xMywyNS43NUExMi43NSwxMi43NSwwLDEsMSwyNS43NSwxMywxMi43NiwxMi43NiwwLDAsMSwxMywyNS43NVptMC0yNUExMi4yNSwxMi4yNSwwLDEsMCwyNS4yNSwxMywxMi4yNywxMi4yNywwLDAsMCwxMywuNzVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4yNSAtMC4yNSkiIGZpbGw9IiMxOTFjMWYiLz4NCjwvc3ZnPg0K) no-repeat center;
    background-size: cover; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }
  @media all and (max-width: 1160px) {
    .slick-prev {
      bottom: 30px; } }
  @media all and (max-width: 960px) {
    .slick-prev {
      bottom: 45px;
      left: calc(50% + 20px);
      -webkit-transform: translateX(calc(-50% - 23px));
          -ms-transform: translateX(calc(-50% - 23px));
              transform: translateX(calc(-50% - 23px)); }
      .slick-prev:before {
        width: 20px;
        height: 20px; } }
  @media all and (max-width: 660px) {
    .slick-prev {
      bottom: 25px;
      left: 50%;
      -webkit-transform: translateX(calc(-50% - 10px));
          -ms-transform: translateX(calc(-50% - 10px));
              transform: translateX(calc(-50% - 10px)); } }

.slick-next {
  left: calc(50% + 15px);
  -webkit-transform: translateX(calc(-50% + 20px));
      -ms-transform: translateX(calc(-50% + 20px));
          transform: translateX(calc(-50% + 20px));
  bottom: 80px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS41IiBoZWlnaHQ9IjI1LjUiIHZpZXdCb3g9IjAgMCAyNS41IDI1LjUiPg0KICA8Zz4NCiAgICA8cGF0aCBkPSJNOCwxM2EuNTQuNTQsMCwwLDEsLjUtLjVoOS4xYS40Ny40NywwLDAsMSwuNS41YzAsLjMtLjIuNC0uNS40SDguNUEuNDYuNDYsMCwwLDEsOCwxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMjUgLTAuMjUpIiBmaWxsPSIjMTkxYzFmIi8+DQogICAgPHBhdGggZD0iTTE0LjMsMTYuMWEuMzcuMzcsMCwwLDEsLjEtLjNsMi44LTMuMWMuMi0uMi41LS4yLjYsMHMuMi41LDAsLjZMMTUsMTYuNGMtLjIuMi0uNS4yLS42LDBhMSwxLDAsMCwxLS4xLS4zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4yNSAtMC4yNSkiIGZpbGw9IiMxOTFjMWYiLz4NCiAgICA8cGF0aCBkPSJNMTQuMyw5LjljMC0uMSwwLS4yLjItLjNzLjUtLjIuNiwwbDIuOCwzLjFjLjIuMi4yLjUsMCwuNnMtLjUuMi0uNiwwbC0yLjgtMy4xYy0uMi0uMS0uMi0uMi0uMi0uMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMjUgLTAuMjUpIiBmaWxsPSIjMTkxYzFmIi8+DQogIDwvZz4NCiAgPHBhdGggZD0iTTEzLDI1Ljc1QTEyLjc1LDEyLjc1LDAsMSwxLDI1Ljc1LDEzLDEyLjc2LDEyLjc2LDAsMCwxLDEzLDI1Ljc1Wm0wLTI1QTEyLjI1LDEyLjI1LDAsMSwwLDI1LjI1LDEzLDEyLjI3LDEyLjI3LDAsMCwwLDEzLC43NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjI1IC0wLjI1KSIgZmlsbD0iIzE5MWMxZiIvPg0KPC9zdmc+DQo=) no-repeat center;
    background-size: cover; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }
  @media all and (max-width: 1160px) {
    .slick-next {
      bottom: 30px; } }
  @media all and (max-width: 960px) {
    .slick-next {
      bottom: 45px;
      left: calc(50% + 20px);
      -webkit-transform: translateX(calc(-50% + 7px));
          -ms-transform: translateX(calc(-50% + 7px));
              transform: translateX(calc(-50% + 7px)); }
      .slick-next:before {
        width: 20px;
        height: 20px; } }
  @media all and (max-width: 660px) {
    .slick-next {
      bottom: 25px;
      left: 50%;
      -webkit-transform: translateX(calc(-50% + 20px));
          -ms-transform: translateX(calc(-50% + 20px));
              transform: translateX(calc(-50% + 20px)); } }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: var(--deep_blue);
  opacity: 0.9; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  background: #fff;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #111;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #111; }
    .mfp-preloader a:hover {
      color: #111; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer; }

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

.mfp-close {
  width: 30px;
  height: 30px;
  right: 23px;
  top: 23px;
  position: fixed;
  text-decoration: none;
  padding: 0;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s; }
  .mfp-close > div {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: -1; }
    .mfp-close > div:before {
      position: absolute;
      content: '';
      width: 20px;
      height: 1px;
      background: #000;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
          -ms-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transition: all 0.35s;
      -o-transition: all 0.35s;
      transition: all 0.35s; }
    .mfp-close > div:after {
      position: absolute;
      content: '';
      width: 20px;
      height: 1px;
      background: #000;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          -ms-transform: translate(-50%, -50%) rotate(-45deg);
              transform: translate(-50%, -50%) rotate(-45deg);
      -webkit-transition: all 0.35s;
      -o-transition: all 0.35s;
      transition: all 0.35s; }
  .mfp-close:hover > div:before,
  .mfp-close:hover > div:after {
    background: var(--gold); }
  @media all and (max-width: 960px) {
    .mfp-close {
      width: 26px;
      height: 26px; } }

.mfp-close-btn-in .mfp-close {
  color: #111; }

.mfp-counter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: #000;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 1;
  margin: 0;
  top: 50%;
  margin-top: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.mfp-arrow-left {
  left: 30px; }
  @media (max-width: 660px) {
    .mfp-arrow-left {
      left: 15px; } }
  .mfp-arrow-left:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4NCiAgPHJlY3QgeD0iNS44NiIgeT0iOC40NSIgd2lkdGg9IjE4LjI0IiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk0IDEzLjIxKSByb3RhdGUoLTQ1KSIgZmlsbD0iIzAxMDEwMSIvPg0KICA8cmVjdCB4PSIxNC44MiIgeT0iMTIuNjUiIHdpZHRoPSIxIiBoZWlnaHQ9IjE3LjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC42MSAxNy4wOSkgcm90YXRlKC00NSkiIGZpbGw9IiMwMTAxMDEiLz4NCjwvc3ZnPg0K); }

.mfp-arrow-right {
  right: 30px; }
  @media (max-width: 660px) {
    .mfp-arrow-right {
      right: 15px; } }
  .mfp-arrow-right:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4NCiAgPHJlY3QgeD0iNS45MSIgeT0iMjAuNTUiIHdpZHRoPSIxOC4yNCIgaGVpZ2h0PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuNDkgMTYuNzkpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjMDEwMTAxIi8+DQogIDxyZWN0IHg9IjE0LjE4IiB5PSItMC4wNSIgd2lkdGg9IjEiIGhlaWdodD0iMTcuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuODIgMTIuOTEpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjMDEwMTAxIi8+DQo8L3N2Zz4NCg==); }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 60px 0;
  margin: 0 auto; }
  @media all and (max-width: 960px) {
    img.mfp-img {
      padding: 15px 0; } }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -30px;
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  display: none; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
             * Remove all paddings around the image on small screen
             */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 960px) {
  /*     .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    } */
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%; }
  .mfp-container {
    padding: 0 15px; } }

/* .filters {
    form {
        display: flex;
    }
} */
.sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .sort .view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .sort .view__list {
    cursor: pointer; }
  .sort .view__map {
    cursor: pointer;
    margin: 0 0 0 10px; }

.map__group {
  background: var(--medium-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

#map {
  height: 100vh;
  max-width: 1423px;
  max-height: 900px;
  margin: 0 auto; }
  @media all and (max-width: 960px) {
    #map {
      height: 60vh; } }

.page-template-template-home .map__map {
  width: 100%; }

@media all and (max-width: 960px) {
  .map__map {
    width: 100%; } }

.map__list {
  width: 30%;
  overflow-y: scroll; }
  .map__list .inner {
    height: 100vh;
    padding: 0 30px 30px 30px; }
  .map__list .tease {
    margin: 0 0 30px;
    opacity: 1 !important;
    visibility: visible !important; }
  @media all and (max-width: 960px) {
    .map__list {
      width: 100%;
      overflow-x: hidden;
      margin: 0 0 60px; }
      .map__list .inner {
        margin: 0 -7px;
        padding: 0 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .map__list .tease {
        width: 50%;
        padding: 0 7px; } }
  @media all and (max-width: 660px) {
    .map__list .inner {
      margin: 0; }
    .map__list .tease {
      width: 100%;
      padding: 0; } }

/* .orientations {
    display: flex;
    justify-content: center;
    text-transform: uppercase;
} */
.marker .tease-icons {
  display: none; }

.marker .tease-villa-bottom {
  display: none; }

.marker .tease-villa__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }
  .marker .tease-villa__info > div {
    width: 100%; }
  .marker .tease-villa__info .tease__title {
    width: 100%; }
  .marker .tease-villa__info .tease-villa-medium {
    padding: 10px 0 5px 0; }

.marker .tease-villa-upper {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.marker .thumbnail {
  max-width: 240px; }
  .marker .thumbnail img {
    max-width: 100% !important; }

.marker .tease-villa__info--marker {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 0 15px 0; }

.gm-style .gm-style-iw-d {
  overflow: hidden !important; 
}

.gm-style .gm-style-iw-c {
  padding: 0 !important; }

.tease-villa__info--marker {
  display: none; }
  .tease-villa__info--marker .sep {
    display: inline-block;
    margin: 0 2px; }

.select2-container--default .select2-selection--single {
  background-color: transparent !important;
  border-radius: 0 !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    height: 40px; }
  @media all and (max-width: 1160px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
      height: 35px; } }

.select2-results__options {
  background: #fff;
  color: #000;
  padding: 10px;
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden; }
  .select2-results__options li {
    padding: 3px 0;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    cursor: pointer; }
    .select2-results__options li:hover {
      color: var(--gold); }

.select2-search {
  display: none; }

.select2-dropdown {
  background-color: #000 !important; }

.select2-container {
  display: block;
  z-index: 10;
  width: 200px !important;
  left: unset;
  right: 0;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px); }
  @media all and (max-width: 1280px) {
    .select2-container {
      width: 160px !important; } }
  @media all and (max-width: 1160px) {
    .select2-container {
      width: 140px !important; } }
  @media all and (max-width: 660px) {
    .select2-container {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; } }

.select2-selection {
  cursor: pointer; }

.select2-results__options::-webkit-scrollbar,
.ui-datepicker-year::-webkit-scrollbar {
  width: 4px; }

.select2-results__options::-webkit-scrollbar-track,
.ui-datepicker-year::-webkit-scrollbar-track {
  background: transparent; }

.select2-results__options::-webkit-scrollbar-thumb,
.ui-datepicker-year::-webkit-scrollbar-thumb {
  width: 2px;
  background: #d4d4d4; }

.page-contact,
.page-my-selection,
.type-villa {
  /* .datepicker {
        background: #efefef;
        padding: 15px;
        margin-top: 5px;
        border-radius: 4px;
        display: none;
    
        thead {
            display: none;
            font-weight: 'Graphik LCG', serif;
            font-size: 14px;
            line-height: 22px;
            text-transform: uppercase;
            background: var(--section__pink__bg);
        }
    
        td {
            text-align: center;
            padding: 10px;
            background: #efefef;
    
            a {
                font-size: 14px;
                line-height: 22px;
                color: #000;
                display: block;
                cursor: pointer;
            }
        }
    
        select {
            font-family: 'Graphik LCG', serif;
            font-size: 14px;
            width: 50%;
            height: 35px;
            line-height: 22px;
            padding: 0 5px;
            box-sizing: border-box;
            text-transform: uppercase;
            border-top: solid 1px #000;
            border-bottom: 1px solid #000;
            background: #efefef;
            margin: 0 1px;
            cursor: pointer;
        }
    
        .ui-datepicker-title {
            width: 100%;
            margin: 0 auto 1px auto;
            display: flex;
        }
    
        .ui-datepicker-prev,
        .ui-datepicker-next {
            display: none;
        }
    } */ }
  .page-contact .gform_fields,
  .page-my-selection .gform_fields,
  .type-villa .gform_fields {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 -15px; }
    .page-contact .gform_fields > li,
    .page-my-selection .gform_fields > li,
    .type-villa .gform_fields > li {
      padding: 0 15px; }
    @media all and (max-width: 960px) {
      .page-contact .gform_fields,
      .page-my-selection .gform_fields,
      .type-villa .gform_fields {
        margin: 0 -7px; }
        .page-contact .gform_fields > li,
        .page-my-selection .gform_fields > li,
        .type-villa .gform_fields > li {
          padding: 0 7px; } }
  .page-contact .gfield,
  .page-my-selection .gfield,
  .type-villa .gfield {
    width: 100%;
    padding: 0;
    margin: 0 0 15px 0;
    text-align: left; }
    .page-contact .gfield label,
    .page-my-selection .gfield label,
    .type-villa .gfield label {
      display: none; }
    .page-contact .gfield > div,
    .page-my-selection .gfield > div,
    .type-villa .gfield > div {
      width: 100%; }
    .page-contact .gfield:last-of-type,
    .page-my-selection .gfield:last-of-type,
    .type-villa .gfield:last-of-type {
      margin: 0; }
  .page-contact .gfield select,
  .page-my-selection .gfield select,
  .type-villa .gfield select {
    display: none; }
  .page-contact .select2-container--default,
  .page-my-selection .select2-container--default,
  .type-villa .select2-container--default {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
  .page-contact .gfield input,
  .page-contact .gfield textarea,
  .page-my-selection .gfield input,
  .page-my-selection .gfield textarea,
  .type-villa .gfield input,
  .type-villa .gfield textarea {
    font-family: 'Inter';
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    width: 100%;
    height: 35px;
    border-bottom: solid 1px #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: transparent;
    cursor: pointer;
    border-radius: 0; }
  .page-contact .gfield textarea,
  .page-my-selection .gfield textarea,
  .type-villa .gfield textarea {
    height: 100px;
    max-height: 100px; }
  .page-contact .gfield_checkbox,
  .page-my-selection .gfield_checkbox,
  .type-villa .gfield_checkbox {
    position: relative;
    /* input:checked+label {} */ }
    .page-contact .gfield_checkbox input,
    .page-my-selection .gfield_checkbox input,
    .type-villa .gfield_checkbox input {
      display: none; }
    .page-contact .gfield_checkbox span,
    .page-contact .gfield_checkbox label,
    .page-my-selection .gfield_checkbox span,
    .page-my-selection .gfield_checkbox label,
    .type-villa .gfield_checkbox span,
    .type-villa .gfield_checkbox label {
      cursor: pointer;
      display: inline-block;
      line-height: 20px;
      padding: 5px 0 5px 18px;
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .page-contact .gfield_checkbox span:before,
      .page-contact .gfield_checkbox label:before,
      .page-my-selection .gfield_checkbox span:before,
      .page-my-selection .gfield_checkbox label:before,
      .type-villa .gfield_checkbox span:before,
      .type-villa .gfield_checkbox label:before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background: transparent;
        border: 1px solid #000;
        border-radius: 50%;
        position: absolute;
        top: 10px;
        left: 0;
        -webkit-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s; }
      .page-contact .gfield_checkbox span:after,
      .page-contact .gfield_checkbox label:after,
      .page-my-selection .gfield_checkbox span:after,
      .page-my-selection .gfield_checkbox label:after,
      .type-villa .gfield_checkbox span:after,
      .type-villa .gfield_checkbox label:after {
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        background: #000;
        border-radius: 50%;
        position: absolute;
        top: 12px;
        left: 2px;
        opacity: 0;
        -webkit-transition: opacity .35s;
        -o-transition: opacity .35s;
        transition: opacity .35s; }
    .page-contact .gfield_checkbox input:checked + span:after,
    .page-contact .gfield_checkbox input:checked + label:after,
    .page-my-selection .gfield_checkbox input:checked + span:after,
    .page-my-selection .gfield_checkbox input:checked + label:after,
    .type-villa .gfield_checkbox input:checked + span:after,
    .type-villa .gfield_checkbox input:checked + label:after {
      opacity: 1; }
  .page-contact .gform_wrapper .button,
  .page-my-selection .gform_wrapper .button,
  .type-villa .gform_wrapper .button {
    color: #fff;
    margin: 0;
    background: var(--gold);
    border: solid 1px var(--gold);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 25px;
    border-radius: 13px;
    padding: 0 14px;
    font-size: 11px;
    line-height: 13px;
    padding: 0 24px;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    margin: 0 auto;
    cursor: pointer; }
    .page-contact .gform_wrapper .button:hover,
    .page-my-selection .gform_wrapper .button:hover,
    .type-villa .gform_wrapper .button:hover {
      background: #000;
      border: 1px solid #000;
      color: #fff; }
  .page-contact .gform_footer,
  .page-my-selection .gform_footer,
  .type-villa .gform_footer {
    padding: 30px 0 90px; }
    @media all and (max-width: 960px) {
      .page-contact .gform_footer,
      .page-my-selection .gform_footer,
      .type-villa .gform_footer {
        padding: 30px 0 60px; } }
  .page-contact .gfield.gfield_error input,
  .page-contact .gfield.gfield_error select,
  .page-contact .gfield.gfield_error textarea,
  .page-contact .gfield.gfield_error .select2-container--default,
  .page-contact .gfield.gfield_error label[for*="choice"],
  .page-my-selection .gfield.gfield_error input,
  .page-my-selection .gfield.gfield_error select,
  .page-my-selection .gfield.gfield_error textarea,
  .page-my-selection .gfield.gfield_error .select2-container--default,
  .page-my-selection .gfield.gfield_error label[for*="choice"],
  .type-villa .gfield.gfield_error input,
  .type-villa .gfield.gfield_error select,
  .type-villa .gfield.gfield_error textarea,
  .type-villa .gfield.gfield_error .select2-container--default,
  .type-villa .gfield.gfield_error label[for*="choice"] {
    border-bottom: solid 1px #c60c0e !important; }
  .page-contact .validation_error,
  .page-contact .validation_message,
  .page-my-selection .validation_error,
  .page-my-selection .validation_message,
  .type-villa .validation_error,
  .type-villa .validation_message {
    display: none !important; }
  .page-contact .gfield ::-webkit-input-placeholder,
  .page-my-selection .gfield ::-webkit-input-placeholder,
  .type-villa .gfield ::-webkit-input-placeholder {
    font-family: 'Inter';
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000; }
  .page-contact .gfield ::-moz-placeholder,
  .page-my-selection .gfield ::-moz-placeholder,
  .type-villa .gfield ::-moz-placeholder {
    font-family: 'Inter';
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000; }
  .page-contact .gfield :-ms-input-placeholder,
  .page-my-selection .gfield :-ms-input-placeholder,
  .type-villa .gfield :-ms-input-placeholder {
    font-family: 'Inter';
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000; }
  .page-contact input:-webkit-autofill,
  .page-contact input:-webkit-autofill:hover,
  .page-contact input:-webkit-autofill:focus,
  .page-contact textarea:-webkit-autofill,
  .page-contact textarea:-webkit-autofill:hover,
  .page-contact textarea:-webkit-autofill:focus,
  .page-contact select:-webkit-autofill,
  .page-contact select:-webkit-autofill:hover,
  .page-contact select:-webkit-autofill:focus,
  .page-my-selection input:-webkit-autofill,
  .page-my-selection input:-webkit-autofill:hover,
  .page-my-selection input:-webkit-autofill:focus,
  .page-my-selection textarea:-webkit-autofill,
  .page-my-selection textarea:-webkit-autofill:hover,
  .page-my-selection textarea:-webkit-autofill:focus,
  .page-my-selection select:-webkit-autofill,
  .page-my-selection select:-webkit-autofill:hover,
  .page-my-selection select:-webkit-autofill:focus,
  .type-villa input:-webkit-autofill,
  .type-villa input:-webkit-autofill:hover,
  .type-villa input:-webkit-autofill:focus,
  .type-villa textarea:-webkit-autofill,
  .type-villa textarea:-webkit-autofill:hover,
  .type-villa textarea:-webkit-autofill:focus,
  .type-villa select:-webkit-autofill,
  .type-villa select:-webkit-autofill:hover,
  .type-villa select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s; }
  .page-contact .gfield_required,
  .page-my-selection .gfield_required,
  .type-villa .gfield_required {
    display: none; }
  .page-contact .gform-confirmation-wrapper,
  .page-my-selection .gform-confirmation-wrapper,
  .type-villa .gform-confirmation-wrapper {
    padding: 0 0 100px; }
  .page-contact .ginput_container_date,
  .page-my-selection .ginput_container_date,
  .type-villa .ginput_container_date {
    position: relative; }
    .page-contact .ginput_container_date > img,
    .page-my-selection .ginput_container_date > img,
    .type-villa .ginput_container_date > img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 2px; }
    .page-contact .ginput_container_date > span,
    .page-my-selection .ginput_container_date > span,
    .type-villa .ginput_container_date > span {
      display: none; }
  .page-contact .contact_form_name,
  .page-contact .contact_form_surname,
  .page-my-selection .contact_form_name,
  .page-my-selection .contact_form_surname,
  .type-villa .contact_form_name,
  .type-villa .contact_form_surname {
    width: 37%; }
  @media all and (max-width: 660px) {
    .page-contact .contact_form_name,
    .page-my-selection .contact_form_name,
    .type-villa .contact_form_name {
      width: 75%; } }
  @media all and (max-width: 660px) {
    .page-contact .contact_form_surname,
    .page-my-selection .contact_form_surname,
    .type-villa .contact_form_surname {
      width: 100%; } }
  .page-contact .contact_form_title,
  .page-my-selection .contact_form_title,
  .type-villa .contact_form_title {
    width: 26%; }
    @media all and (max-width: 660px) {
      .page-contact .contact_form_title,
      .page-my-selection .contact_form_title,
      .type-villa .contact_form_title {
        width: 25%; } }
  .page-contact .contact_form_arrival,
  .page-contact .contact_form_departure,
  .page-contact .contact_form_country,
  .page-contact .contact_form_phone,
  .page-contact .contact_form_adults,
  .page-contact .contact_form_children,
  .page-my-selection .contact_form_arrival,
  .page-my-selection .contact_form_departure,
  .page-my-selection .contact_form_country,
  .page-my-selection .contact_form_phone,
  .page-my-selection .contact_form_adults,
  .page-my-selection .contact_form_children,
  .type-villa .contact_form_arrival,
  .type-villa .contact_form_departure,
  .type-villa .contact_form_country,
  .type-villa .contact_form_phone,
  .type-villa .contact_form_adults,
  .type-villa .contact_form_children {
    width: 50%; }
    @media all and (max-width: 660px) {
      .page-contact .contact_form_arrival,
      .page-contact .contact_form_departure,
      .page-contact .contact_form_country,
      .page-contact .contact_form_phone,
      .page-contact .contact_form_adults,
      .page-contact .contact_form_children,
      .page-my-selection .contact_form_arrival,
      .page-my-selection .contact_form_departure,
      .page-my-selection .contact_form_country,
      .page-my-selection .contact_form_phone,
      .page-my-selection .contact_form_adults,
      .page-my-selection .contact_form_children,
      .type-villa .contact_form_arrival,
      .type-villa .contact_form_departure,
      .type-villa .contact_form_country,
      .type-villa .contact_form_phone,
      .type-villa .contact_form_adults,
      .type-villa .contact_form_children {
        width: 100%; } }
  .page-contact .contact_form_arrival,
  .page-contact .contact_form_departure,
  .page-my-selection .contact_form_arrival,
  .page-my-selection .contact_form_departure,
  .type-villa .contact_form_arrival,
  .type-villa .contact_form_departure {
    position: relative; }
    .page-contact .contact_form_arrival:after,
    .page-contact .contact_form_departure:after,
    .page-my-selection .contact_form_arrival:after,
    .page-my-selection .contact_form_departure:after,
    .type-villa .contact_form_arrival:after,
    .type-villa .contact_form_departure:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 17px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy45NSIgaGVpZ2h0PSIxNS4yNSIgdmlld0JveD0iMCAwIDEzLjk1IDE1LjI1Ij4NCiAgPGc+DQogICAgPHBhdGggZD0iTTExLDEuMmgtLjVWLjRhLjQuNCwwLDAsMC0uOCwwdi44SDQuMjVWLjRhLjQzLjQzLDAsMCwwLS40LS40LjQzLjQzLDAsMCwwLS40LjR2LjhIM0EyLjg4LDIuODgsMCwwLDAsLjE1LDQuMXY4QTIuOSwyLjksMCwwLDAsMy4wNSwxNUgxMWEzLDMsMCwwLDAsMi45LTIuOXYtOEEzLDMsMCwwLDAsMTEsMS4yWm0wLDEzSDNhMi4xMSwyLjExLDAsMCwxLTIuMS0yLjF2LTZIMTN2NkEyLDIsMCwwLDEsMTEsMTQuMlpNMywyaC41di43YS40My40MywwLDAsMCwuNC40LjQzLjQzLDAsMCwwLC40LS40VjJoNS4zdi43YS40LjQsMCwxLDAsLjgsMFYySDExYTIuMTEsMi4xMSwwLDAsMSwyLjEsMi4xVjUuM0gxVjQuMUEyLjA5LDIuMDksMCwwLDEsMywyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDMgMC4xMykiIGZpbGw9IiMwMTAxMDEiLz4NCiAgICA8cGF0aCBkPSJNMTEsMTUuMTJIMy4wNWEzLDMsMCwwLDEtMy0zdi04QTMsMywwLDAsMSwzLDEuMDhoLjM4Vi40YS41NC41NCwwLDAsMSwuNTItLjUyQS41NC41NCwwLDAsMSw0LjM3LjR2LjY4SDkuNTNWLjRhLjU0LjU0LDAsMCwxLC41Mi0uNTIuNTUuNTUsMCwwLDEsLjUzLjUydi42OEgxMWEzLjE4LDMuMTgsMCwwLDEsMywzdjhBMy4wOSwzLjA5LDAsMCwxLDExLDE1LjEyWk0zLDEuMzNBMi43NiwyLjc2LDAsMCwwLC4yOCw0LjF2OGEyLjc4LDIuNzgsMCwwLDAsMi43NywyLjc4SDExYTIuODUsMi44NSwwLDAsMCwyLjc4LTIuNzl2LThBMi45MiwyLjkyLDAsMCwwLDExLDEuMzNoLS42MlYuNGEuMzIuMzIsMCwwLDAtLjI4LS4yOEEuMzEuMzEsMCwwLDAsOS43OC40di45M0g0LjEyVi40QS4zMS4zMSwwLDAsMCwzLjg1LjEyLjMxLjMxLDAsMCwwLDMuNTguNHYuOTNabTgsMTNIM0EyLjIzLDIuMjMsMCwwLDEsLjcyLDEyLjFWNkgxMy4wOFYxMi4xQTIuMTYsMi4xNiwwLDAsMSwxMSwxNC4zM1pNMSw2LjIzVjEyLjFhMiwyLDAsMCwwLDIsMmg4YTEuOTEsMS45MSwwLDAsMCwxLjg4LTJWNi4yM1ptMTIuMi0uODFILjgzVjQuMUEyLjIsMi4yLDAsMCwxLDMsMS44OGguNjNWMi43QS4zMS4zMSwwLDAsMCwzLjg1LDNhLjMxLjMxLDAsMCwwLC4yNy0uMjhWMS44OEg5LjY3VjIuN2EuMjguMjgsMCwwLDAsLjU2LDBWMS44OEgxMUEyLjIxLDIuMjEsMCwwLDEsMTMuMTcsNC4xWk0xLjA4LDUuMTdIMTIuOTJWNC4xYTIsMiwwLDAsMC0yLTJoLS40N1YyLjdhLjUzLjUzLDAsMSwxLTEuMDYsMFYyLjEyaC01VjIuN2EuNTUuNTUsMCwwLDEtLjUyLjUzLjU1LjU1LDAsMCwxLS41Mi0uNTNWMi4xMkgzYTIsMiwwLDAsMC0xLjg3LDJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4wMyAwLjEzKSIgZmlsbD0iIzAxMDEwMSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==) no-repeat center;
      background-size: cover;
      width: 14px;
      height: 15px; }
    @media all and (max-width: 660px) {
      .page-contact .contact_form_arrival,
      .page-contact .contact_form_departure,
      .page-my-selection .contact_form_arrival,
      .page-my-selection .contact_form_departure,
      .type-villa .contact_form_arrival,
      .type-villa .contact_form_departure {
        width: 50%; } }
    @media all and (max-width: 660px) {
      .page-contact .contact_form_arrival:after,
      .page-contact .contact_form_departure:after,
      .page-my-selection .contact_form_arrival:after,
      .page-my-selection .contact_form_departure:after,
      .type-villa .contact_form_arrival:after,
      .type-villa .contact_form_departure:after {
        right: 10px; } }
  .page-contact .contact_form_email,
  .page-my-selection .contact_form_email,
  .type-villa .contact_form_email {
    padding: 0 !important; }
    .page-contact .contact_form_email .ginput_complex,
    .page-my-selection .contact_form_email .ginput_complex,
    .type-villa .contact_form_email .ginput_complex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .page-contact .contact_form_email .ginput_complex > span,
      .page-my-selection .contact_form_email .ginput_complex > span,
      .type-villa .contact_form_email .ginput_complex > span {
        display: block;
        width: 50%;
        padding: 0 15px; }
        @media all and (max-width: 960px) {
          .page-contact .contact_form_email .ginput_complex > span,
          .page-my-selection .contact_form_email .ginput_complex > span,
          .type-villa .contact_form_email .ginput_complex > span {
            padding: 0 7px; } }
  .page-contact .contact_form_marketing,
  .page-contact .contact_form_privacy,
  .page-my-selection .contact_form_marketing,
  .page-my-selection .contact_form_privacy,
  .type-villa .contact_form_marketing,
  .type-villa .contact_form_privacy {
    margin: 0 0 5px; }
  .page-contact .contact_form_privacy a,
  .page-my-selection .contact_form_privacy a,
  .type-villa .contact_form_privacy a {
    color: var(--gold); }
    .page-contact .contact_form_privacy a:hover,
    .page-my-selection .contact_form_privacy a:hover,
    .type-villa .contact_form_privacy a:hover {
      color: #000; }
  .page-contact .inquiry_selected_villas,
  .page-my-selection .inquiry_selected_villas,
  .type-villa .inquiry_selected_villas {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important; }
  .page-contact .select2-container--default,
  .page-my-selection .select2-container--default,
  .type-villa .select2-container--default {
    z-index: 10;
    height: 35px !important;
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #fff; }
    .page-contact .select2-container--default > .selection,
    .page-my-selection .select2-container--default > .selection,
    .type-villa .select2-container--default > .selection {
      display: block;
      width: 100%;
      position: relative; }
      .page-contact .select2-container--default > .selection .select2-selection__arrow b,
      .page-my-selection .select2-container--default > .selection .select2-selection__arrow b,
      .type-villa .select2-container--default > .selection .select2-selection__arrow b {
        width: 9px;
        height: 9px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4wNiIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgMTAuMDYgNSI+DQogIDxwYXRoIGQ9Ik01LjQxLDQuOWw0LjQtMy44YS41Ni41NiwwLDAsMCwwLS45Ljc2Ljc2LDAsMCwwLS41LS4yLjc2Ljc2LDAsMCwwLS40LjJMNSwzLjYsMS4xMS4yQy45MS4xLjgxLDAsLjYxLDBTLjMxLjEuMTEuMmEuNjQuNjQsMCwwLDAsLjEuOWw0LjQsMy44YS4zNS4zNSwwLDAsMCwuMi4xaC40QS4zNS4zNSwwLDAsMCw1LjQxLDQuOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDMpIi8+DQo8L3N2Zz4NCg==);
        right: 2px !important;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
    .page-contact .select2-container--default .select2-selection--single,
    .page-my-selection .select2-container--default .select2-selection--single,
    .type-villa .select2-container--default .select2-selection--single {
      display: block;
      width: 100%; }
    .page-contact .select2-container--default .select2-selection__rendered,
    .page-my-selection .select2-container--default .select2-selection__rendered,
    .type-villa .select2-container--default .select2-selection__rendered {
      height: 100% !important; }

#header {
  position: relative; }
  #header:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: #fff;
    height: 90px;
    z-index: 2;
    -webkit-transform: translateY(-105%);
        -ms-transform: translateY(-105%);
            transform: translateY(-105%);
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    /* @media all and (max-width:1160px) {
            height: 100px;
        } */ }
    @media all and (max-width: 960px) {
      #header:after {
        height: 80px; } }
    @media all and (max-width: 660px) {
      #header:after {
        height: 60px; } }
  #header.reverse svg path {
    fill: #fff; }
  #header.reverse .header-logo svg path {
    fill: #fff; }
  #header.reverse .header-tool span:before,
  #header.reverse .header-tool span:after {
    background: #fff; }
  #header .header-tool {
    position: fixed;
    z-index: 3;
    top: 50px;
    left: 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s; }
    @media all and (max-width: 960px) {
      #header .header-tool {
        top: 35px;
        left: 15px; } }
    @media all and (max-width: 660px) {
      #header .header-tool {
        width: 26px;
        height: 26px; } }
    #header .header-tool:hover span:before, #header .header-tool:hover span:after {
      background: var(--gold); }
    #header .header-tool span:before, #header .header-tool span:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      left: 0;
      background: #000;
      transition: top 0.5s 0.5s, transform 0.5s 0s, -webkit-transform 0.5s 0s, background 0.35s, -webkit-background 0.35s; }
    #header .header-tool span:after {
      top: 17px; }
    #header .header-tool span:before {
      top: 10px; }
  #header .header-logo {
    position: fixed;
    top: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    z-index: 3;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s; }
    /*#header .header-logo svg path {
      fill: var(--gold); }*/
#header .header-logo svg path {
      fill: black; }
    #header .header-logo .logo__text path {
      -webkit-transition: opacity 0.35s;
      -o-transition: opacity 0.35s;
      transition: opacity 0.35s; }
    @media all and (max-width: 1160px) {
      #header .header-logo svg {
        display: block;
        width: auto;
        height: 100px; } }
    @media all and (max-width: 960px) {
      #header .header-logo {
        top: 15px; }
        #header .header-logo svg {
          height: 90px; } }
    @media all and (max-width: 660px) {
      #header .header-logo svg {
        height: 70px; } }
  #header .header-icons {
    position: fixed;
    right: 23px;
    top: 60px;
    z-index: 3;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s; }
    @media all and (max-width: 960px) {
      #header .header-icons {
        top: 45px;
        right: 8px; } }
    @media all and (max-width: 660px) {
      #header .header-icons {
        top: 35px; } }
    #header .header-icons li {
      cursor: pointer;
      margin: 0 8px; }
      @media all and (max-width: 960px) {
        #header .header-icons li {
          margin: 0 4px; } }
      #header .header-icons li a {
        display: inline-block; }
      #header .header-icons li svg path {
        -webkit-transition: fill 0.35s;
        -o-transition: fill 0.35s;
        transition: fill 0.35s; }
      #header .header-icons li:first-of-type {
        margin: 0 8px 0 0; }
      #header .header-icons li:last-of-type {
        margin: 0 0 0 8px; }
      #header .header-icons li:hover svg path {
        fill: var(--gold); }
      @media all and (max-width: 660px) {
        #header .header-icons li {
          margin: 0;
          /* margin: 0 -2px;
                &:first-of-type {
                    margin: 0 -2px;
                }
    
                &:last-of-type {
                    margin: 0 -2px;
                } */ }
          #header .header-icons li:first-of-type {
            margin: 0; }
          #header .header-icons li.my-profile-icon, #header .header-icons li.my-selection-icon {
            display: none; } }
  #header .header-menu {
    position: fixed;
    z-index: 2;
    height: 85vh;
    max-height: 775px;
    width: 100%;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s; }
    @media all and (max-width: 1160px) {
      #header .header-menu {
        height: 69vh;
        max-height: 620px; } }
    @media all and (max-width: 960px) {
      #header .header-menu {
        height: 60vh;
        max-height: 520px; } }
    @media all and (max-width: 660px) {
      #header .header-menu {
        height: 100vh;
        max-height: 100vh; } }
    @media all and (max-height: 400px) {
      #header .header-menu {
        height: 100vh;
        max-height: 100vh; } }
    #header .header-menu > .menu-items {
      background: #fff;
      padding: 170px 0 0;
      height: 100%;
      overflow-y: auto; }
      #header .header-menu > .menu-items .header-icons {
        display: none;
        position: unset;
        margin: 0 0 10px;
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
        width: 100%;
        /* right: 0;
                top: 120px; */
        visibility: hidden;
        pointer-events: none;
        opacity: 0; }
        #header .header-menu > .menu-items .header-icons ul {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
        #header .header-menu > .menu-items .header-icons li:last-of-type {
          margin: 0; }
      @media all and (max-width: 660px) {
        #header .header-menu > .menu-items {
          padding: 135px 0 0; }
          #header .header-menu > .menu-items .header-icons {
            display: block; } }
    #header .header-menu .menu-upper {
      margin: 0 30px;
      position: relative; }
      #header .header-menu .menu-upper .menu-lower {
        display: none; }
      @media all and (max-width: 660px) {
        #header .header-menu .menu-upper {
          margin: 0 15px; }
          #header .header-menu .menu-upper .menu-lower {
            display: block; } }
      #header .header-menu .menu-upper:before, #header .header-menu .menu-upper:after {
        content: '';
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 0;
        height: 1px;
        background: #d5d5d5;
        -webkit-transition: all 1s 0.8s;
        -o-transition: all 1s 0.8s;
        transition: all 1s 0.8s; }
      #header .header-menu .menu-upper:before {
        top: 0; }
      #header .header-menu .menu-upper:after {
        bottom: 0; }
        @media all and (max-width: 660px) {
          #header .header-menu .menu-upper:after {
            display: none; } }
      #header .header-menu .menu-upper > div {
        width: 50%;
        padding: 130px 8.33333%;
        text-align: center; }
        @media all and (max-width: 1280px) {
          #header .header-menu .menu-upper > div {
            padding: 80px 30px; } }
        @media all and (max-width: 1160px) {
          #header .header-menu .menu-upper > div {
            padding: 50px 30px; } }
        @media all and (max-width: 660px) {
          #header .header-menu .menu-upper > div {
            width: 100%;
            padding: 30px 0 0; } }
      #header .header-menu .menu-upper > div:first-of-type {
        position: relative; }
        #header .header-menu .menu-upper > div:first-of-type:after {
          position: absolute;
          top: 0;
          right: 0;
          content: '';
          background: var(--medium-gray);
          width: 1px;
          height: 0;
          -webkit-transition: all 1s 0.8s;
          -o-transition: all 1s 0.8s;
          transition: all 1s 0.8s; }
        @media all and (max-width: 660px) {
          #header .header-menu .menu-upper > div:first-of-type:after {
            display: none;
            padding: 30px 0 0; } }
      @media all and (max-width: 660px) {
        #header .header-menu .menu-upper > div:nth-of-type(2) {
          padding: 30px 0;
          position: relative; }
          #header .header-menu .menu-upper > div:nth-of-type(2):after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            width: 0;
            height: 1px;
            background: #d5d5d5;
            -webkit-transition: all 1s 0.8s;
            -o-transition: all 1s 0.8s;
            transition: all 1s 0.8s; } }
      @media all and (max-width: 660px) {
        #header .header-menu .menu-upper > div:last-of-type {
          padding: 30px 0; }
          #header .header-menu .menu-upper > div:last-of-type ul {
            padding: 0; } }
      #header .header-menu .menu-upper li {
        overflow: hidden; }
        @media all and (max-width: 660px) {
          #header .header-menu .menu-upper li {
            margin: 0 0 3px; } }
        #header .header-menu .menu-upper li > div {
          -webkit-transform: translateY(100%);
              -ms-transform: translateY(100%);
                  transform: translateY(100%);
          -webkit-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s; }
      #header .header-menu .menu-upper a {
        display: inline-block; }
    #header .header-menu .menu-lower ul {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 30px 0; }
      #header .header-menu .menu-lower ul > li {
        padding: 0px 10px;
        opacity: 0;
        border-right: 1px solid black;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s; }
        @media all and (max-width: 660px) {
          #header .header-menu .menu-lower ul > li {
            padding: 0 5px; } }
    @media all and (max-width: 660px) {
      #header .header-menu .menu-lower {
        display: none; } }
  #header .header-overlay {
    position: fixed;
    z-index: 1;
    visibility: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    -o-transition: opacity 0.35s;
    transition: opacity 0.35s; }
  #header .header-search {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    width: 100%;
    background: #fff; }
    #header .header-search .search-content {
      background: #fff;
      height: 100%;
      padding: 60px 8.33333%;
      position: relative;
      /* >div {
                position: absolute;
                top: 20px;
                right: 20px;
                width: 30px;
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;

                &:hover {
                    svg rect {
                        fill: var(--gold);
                    }
                }

                svg {
                    display: block;
                    width: 20px;
                    height: 20px;
                }
            } */ }
      #header .header-search .search-content svg path,
      #header .header-search .search-content svg rect {
        -o-transition: fill 0.35s;
        transition: fill 0.35s;
        -webkit-transition: fill 0.35s; }
      #header .header-search .search-content .close-search-icon {
        width: 30px;
        height: 30px;
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 20px; }
        @media all and (max-width: 660px) {
          #header .header-search .search-content .close-search-icon {
            width: 26px;
            height: 26px; } }
        #header .header-search .search-content .close-search-icon span:before, #header .header-search .search-content .close-search-icon span:after {
          content: '';
          position: absolute;
          width: 100%;
          height: 1px;
          left: 0;
          background: #000;
          transition: background 0.35s, -webkit-background 0.35s; }
        #header .header-search .search-content .close-search-icon span:after {
          top: 11px;
          left: 50%;
          -webkit-transform: translate(-50%, -50%) rotate(45deg);
              -ms-transform: translate(-50%, -50%) rotate(45deg);
                  transform: translate(-50%, -50%) rotate(45deg); }
        #header .header-search .search-content .close-search-icon span:before {
          top: 11px;
          left: 50%;
          -webkit-transform: translate(-50%, -50%) rotate(-45deg);
              -ms-transform: translate(-50%, -50%) rotate(-45deg);
                  transform: translate(-50%, -50%) rotate(-45deg); }
        #header .header-search .search-content .close-search-icon:hover span:before, #header .header-search .search-content .close-search-icon:hover span:after {
          background: var(--gold); }
      #header .header-search .search-content form {
        position: relative;
        border-bottom: 1px solid var(--medium-gray); }
        #header .header-search .search-content form input {
          display: block;
          width: 100%;
          font-size: 25px;
          line-height: 30px;
          font-family: 'Canela';
          font-weight: 300;
          font-style: normal;
          color: #000;
          padding: 13px 0; }
          @media all and (max-width: 1160px) {
            #header .header-search .search-content form input {
              font-size: 22px;
              line-height: 27px; } }
          @media all and (max-width: 660px) {
            #header .header-search .search-content form input {
              font-size: 20px;
              line-height: 25px; } }
        #header .header-search .search-content form input:active {
          background: #fff; }
        #header .header-search .search-content form div {
          position: absolute;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          cursor: pointer; }
          #header .header-search .search-content form div:hover svg path {
            fill: var(--gold); }
  #header .header-search .search-content input::-webkit-input-placeholder {
    color: #000; }
  #header .header-search .search-content input::-ms-input-placeholder {
    color: #000; }
  #header .header-search .search-content input::placeholder {
    color: #000; }
  #header .header-search .search-content input::-moz-placeholder {
    color: #000; }
  #header .header-search .search-content input::-ms-input-placeholder {
    color: #000; }

.open-search body {
  overflow: hidden; }

.open-search #header .header-overlay {
  visibility: visible;
  opacity: 0.5; }

.open-search #header .header-search {
  visibility: visible;
  pointer-events: all;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.has-scrolled #header:after {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.has-scrolled #header .header-tool {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px); }
  @media all and (max-width: 960px) {
    .has-scrolled #header .header-tool {
      -webkit-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
              transform: translateY(-10px); } }
  @media all and (max-width: 660px) {
    .has-scrolled #header .header-tool {
      -webkit-transform: translateY(-15px);
          -ms-transform: translateY(-15px);
              transform: translateY(-15px); } }

.has-scrolled #header .header-logo {
  -webkit-transform: translate(-50%, -25px);
      -ms-transform: translate(-50%, -25px);
          transform: translate(-50%, -25px); }
  .has-scrolled #header .header-logo .logo__text path {
    opacity: 0; }
  @media all and (max-width: 1160px) {
    .has-scrolled #header .header-logo {
      -webkit-transform: translate(-50%, -20px);
          -ms-transform: translate(-50%, -20px);
              transform: translate(-50%, -20px); } }
  @media all and (max-width: 960px) {
    .has-scrolled #header .header-logo {
      -webkit-transform: translate(-50%, -6px);
          -ms-transform: translate(-50%, -6px);
              transform: translate(-50%, -6px); } }
  @media all and (max-width: 660px) {
    .has-scrolled #header .header-logo {
      -webkit-transform: translate(-50%, -10px);
          -ms-transform: translate(-50%, -10px);
              transform: translate(-50%, -10px); } }

.has-scrolled #header .header-icons {
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px); }
  @media all and (max-width: 960px) {
    .has-scrolled #header .header-icons {
      -webkit-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
              transform: translateY(-20px); } }

@media (hover: none) {
  #header.reverse .header-tool:hover span:before, #header.reverse .header-tool:hover span:after {
    background: #fff; }
  #header .header-tool:hover span:before, #header .header-tool:hover span:after {
    background: #000; } }

.open-menu body {
  overflow: hidden; }

.open-menu #header svg path {
  fill: #000; }

.open-menu #header .header-logo {
  position: fixed; }
  .open-menu #header .header-logo svg path {
    fill: var(--gold); }
  .open-menu #header .header-logo .logo__text path {
    opacity: 1; }

.open-menu #header .header-tool:hover span:before, .open-menu #header .header-tool:hover span:after {
  background: var(--gold); }

.open-menu #header .header-tool span:before, .open-menu #header .header-tool span:after {
  background: #000;
  transition: top 0.5s 0s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s, background 0.35s, -webkit-background 0.35s; }

.open-menu #header .header-tool span:before {
  top: 17px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.open-menu #header .header-tool span:after {
  top: 17px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.open-menu #header .header-icons {
  right: 23px; }
  @media all and (max-width: 660px) {
    .open-menu #header .header-icons {
      display: none; } }

.open-menu #header .header-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }
  @media all and (max-width: 660px) {
    .open-menu #header .header-menu > .menu-items .header-icons {
      visibility: visible;
      pointer-events: all;
      opacity: 1;
      -webkit-transition: opacity 0.35s 0.8s;
      -o-transition: opacity 0.35s 0.8s;
      transition: opacity 0.35s 0.8s; } }
  @media all and (max-width: 660px) {
    .open-menu #header .header-menu .menu-upper > div:nth-of-type(2):after {
      width: 100%; } }
  .open-menu #header .header-menu .menu-upper:before, .open-menu #header .header-menu .menu-upper:after {
    width: 100%; }
  .open-menu #header .header-menu .menu-upper > div:first-of-type:after {
    height: 100%; }
  .open-menu #header .header-menu .menu-upper li > div {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
  .open-menu #header .header-menu .menu-upper li:first-of-type > div {
    -webkit-transition-delay: 0.9s;
         -o-transition-delay: 0.9s;
            transition-delay: 0.9s; }
  .open-menu #header .header-menu .menu-upper li:nth-of-type(2) > div {
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s; }
  .open-menu #header .header-menu .menu-upper li:nth-of-type(3) > div {
    -webkit-transition-delay: 1.1s;
         -o-transition-delay: 1.1s;
            transition-delay: 1.1s; }
  .open-menu #header .header-menu .menu-upper li:nth-of-type(4) > div {
    -webkit-transition-delay: 1.2s;
         -o-transition-delay: 1.2s;
            transition-delay: 1.2s; }
  .open-menu #header .header-menu .menu-upper li:last-of-type > div {
    -webkit-transition-delay: 1.3s;
         -o-transition-delay: 1.3s;
            transition-delay: 1.3s; }
  .open-menu #header .header-menu .menu-lower > ul > li {
    opacity: 1; }
    .open-menu #header .header-menu .menu-lower > ul > li:first-of-type {
      -webkit-transition-delay: 0.85s;
           -o-transition-delay: 0.85s;
              transition-delay: 0.85s; }
    .open-menu #header .header-menu .menu-lower > ul > li:nth-of-type(2) {
      -webkit-transition-delay: 0.95s;
           -o-transition-delay: 0.95s;
              transition-delay: 0.95s; }
    .open-menu #header .header-menu .menu-lower > ul > li:nth-of-type(3) {
      -webkit-transition-delay: 1.05s;
           -o-transition-delay: 1.05s;
              transition-delay: 1.05s; }
  .open-menu #header .header-menu .menu-lower a {
    opacity: 1; }

.open-menu #header .header-overlay {
  visibility: visible;
  opacity: 0.5; }

.page-template-template-my-selection #header .header-icons .my-selection-icon svg path {
  fill: var(--gold); }

.page-template-template-my-profile #header .header-icons .my-profile-icon svg path {
  fill: var(--gold); }

.single-post #footer .footer-upper,
.page-template-template-contact #footer .footer-upper,
.page-template-template-about #footer .footer-upper,
.page-template-template-concierge-service #footer .footer-upper,
.page-template-template-our-villas #footer .footer-upper,
.page-template-template-villas-by-area #footer .footer-upper,
.page-template-template-my-selection #footer .footer-upper,
.page-template-template-collections #footer .footer-upper,
.tax-villa_highlights #footer .footer-upper,
.tax-villa_orientation #footer .footer-upper,
.tax-villa_collection #footer .footer-upper,
.tax-villa_location #footer .footer-upper {
  border-top: none; }

#footer {
  padding: 0 30px 30px; }
  @media all and (max-width: 960px) {
    #footer {
      padding: 0 15px 30px; } }
  #footer .footer-upper {
    border-top: 1px solid #000;
    padding: 170px 0 60px; }
    @media all and (max-width: 1160px) {
      #footer .footer-upper {
        padding: 120px 0 60px; } }
    @media all and (max-width: 960px) {
      #footer .footer-upper {
        padding: 60px 0; } }
    @media all and (max-width: 660px) {
      #footer .footer-upper {
        padding: 30px 0 15px; } }
    #footer .footer-upper .flex {
      margin: 0 -15px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media all and (max-width: 960px) {
        #footer .footer-upper .flex {
          margin: 0 -7px; } }
      @media all and (max-width: 660px) {
        #footer .footer-upper .flex {
          margin: 0; } }
    #footer .footer-upper .col {
      width: calc(4/12* 100%);
      padding: 0 15px;
      text-align: center; }
      @media all and (max-width: 960px) {
        #footer .footer-upper .col {
          padding: 0 7px; } }
      @media all and (max-width: 660px) {
        #footer .footer-upper .col {
          width: 100%;
          padding: 0 0 30px; } }
    #footer .footer-upper li {
      margin: 0 0 4px; }
    #footer .footer-upper .col-2 div.h2 {
      padding: 0 0 30px; }
    @media all and (max-width: 660px) {
      #footer .footer-upper .col-2 {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        padding: 0; }
        #footer .footer-upper .col-2 div.h2 {
          padding: 0 15px 15px; } }
  #footer .footer-lower {
    margin: 0 -15px; }
    @media all and (max-width: 960px) {
      #footer .footer-lower {
        margin: 0 -7px; } }
    @media all and (max-width: 660px) {
      #footer .footer-lower {
        margin: 0; } }
    #footer .footer-lower .footer-social {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #footer .footer-lower .footer-social svg path {
        -webkit-transition: fill 0.35s;
        -o-transition: fill 0.35s;
        transition: fill 0.35s; }
      #footer .footer-lower .footer-social > div {
        padding: 0 15px; }
        @media all and (max-width: 960px) {
          #footer .footer-lower .footer-social > div {
            padding: 0 7px; } }
      #footer .footer-lower .footer-social a {
        display: inline-block;
        -webkit-transition: none;
        -o-transition: none;
        transition: none; }
        #footer .footer-lower .footer-social a:hover svg path {
          fill: var(--gold); }
    #footer .footer-lower .footer-extra {
      padding: 60px 0 0; }
      #footer .footer-lower .footer-extra .col {
        width: calc(4/12* 100%);
        text-align: center;
        padding: 0 15px; }
      @media all and (max-width: 960px) {
        #footer .footer-lower .footer-extra .col {
          padding: 0 7px; } }
      @media all and (max-width: 660px) {
        #footer .footer-lower .footer-extra {
          padding: 30px 0 0; }
          #footer .footer-lower .footer-extra .col {
            width: 100%;
            margin: 0 0 5px;
            padding: 0; } }

.button-more {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .button-more .tab-content {
    width: 100%;
    display: none;
    padding: 0 calc(4/12 * 100%) 30px; }
    @media all and (max-width: 1160px) {
      .button-more .tab-content {
        padding: 0 25% 30px; } }
    @media all and (max-width: 960px) {
      .button-more .tab-content {
        padding: 0 16.66667% 30px; } }
    @media all and (max-width: 960px) {
      .button-more .tab-content {
        padding: 0 15px 30px; } }
    .button-more .tab-content > div {
      text-align: center;
      max-width: 700px;
      margin: 0 auto; }
  .button-more.is-active .button-small .less {
    display: inline; }
  .button-more.is-active .button-small .more {
    display: none; }

.page-home .section__title,
.page-home .section__title-2 {
  text-align: center; }

.page-home .section__title {
  padding: 90px 0 30px;
  /* @media all and (max-width:660px) {
        padding: 60px 0 30px;
    } */ }
  @media all and (max-width: 1160px) {
    .page-home .section__title {
      padding: 60px 0 30px; } }

.page-home .section__title-2 {
  padding: 0 calc(3 / 12 * 100% + 30px) 30px; }
  @media all and (max-width: 1280px) {
    .page-home .section__title-2 {
      padding: 0 calc(16.66667% + 30px) 30px; } }
  @media all and (max-width: 960px) {
    .page-home .section__title-2 {
      padding: 0 calc(16.66667% + 30px) 30px; } }
  @media all and (max-width: 660px) {
    .page-home .section__title-2 {
      padding: 0 15px 30px; } }

.page-home .home-hero {
  position: relative; }
  .page-home .home-hero .bg-image {
    height: 100vh; }
  .page-home .home-hero .hero__texts {
    width: calc(10 / 12 * 100%);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
    text-align: center; }
    .page-home .home-hero .hero__texts > div.h5 {
      padding: 0 0 30px; }
    @media all and (max-width: 660px) {
      .page-home .home-hero .hero__texts {
        width: calc(100% - 50px); }
        .page-home .home-hero .hero__texts > div.h5 {
          padding: 0 0 15px; } }
  .page-home .home-hero .filters {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media all and (max-width: 960px) {
      .page-home .home-hero .filters .select-container {
        width: 530px; }
        .page-home .home-hero .filters .select-container .dropdown {
          width: 170px !important; }
          .page-home .home-hero .filters .select-container .dropdown .select2-container {
            width: 170px !important; } }
    @media all and (max-width: 660px) {
      .page-home .home-hero .filters {
        display: none; } }

.page-home .home-about .about-container {
  height: 100vh;
  min-height: 800px;
  max-width: 1680px;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }
  @media all and (max-width: 660px) {
    .page-home .home-about .about-container {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      min-height: -webkit-fit-content;
      min-height: -moz-fit-content;
      min-height: fit-content;
      padding: 60px 15px; } }
  .page-home .home-about .about-container .about__texts {
    width: 50%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .page-home .home-about .about-container .about__texts h2 {
      padding: 0 0 30px; }
    .page-home .home-about .about-container .about__texts > .about__text {
      margin: 0 0 30px; }
      .page-home .home-about .about-container .about__texts > .about__text > div {
        max-width: 700px;
        margin: 0 auto; }
    .page-home .home-about .about-container .about__texts .button-more .tab-content {
      padding: 0 0 30px; }
      .page-home .home-about .about-container .about__texts .button-more .tab-content > div {
        padding: 0 30px !important; }
        @media all and (max-width: 960px) {
          .page-home .home-about .about-container .about__texts .button-more .tab-content > div {
            padding: 0 15px !important; } }
      @media all and (max-width: 960px) {
        .page-home .home-about .about-container .about__texts .button-more .tab-content {
          padding: 0 0 15px; } }
    @media all and (max-width: 960px) {
      .page-home .home-about .about-container .about__texts {
        width: 66.66667%; }
        .page-home .home-about .about-container .about__texts h2 {
          padding: 0 0 15px; }
        .page-home .home-about .about-container .about__texts > .about__text {
          margin: 0 0 15px; } }
    @media all and (max-width: 660px) {
      .page-home .home-about .about-container .about__texts {
        width: 100%;
        position: static;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; } }
  @media all and (max-width: 660px) {
    .page-home .home-about .about-container .about-images {
      display: none; } }
  .page-home .home-about .about-container .about-images > img {
    position: absolute;
    z-index: -1; }
  .page-home .home-about .about-container .about-images .img-0 {
    top: 90px;
    left: 30px; }
  .page-home .home-about .about-container .about-images .img-1 {
    right: calc(5 / 12 * 100%);
    top: -160px; }
  .page-home .home-about .about-container .about-images .img-2 {
    right: calc(16.66667% + 15px);
    top: 125px; }
  .page-home .home-about .about-container .about-images .img-3 {
    right: 0;
    bottom: 280px; }
  .page-home .home-about .about-container .about-images .img-4 {
    left: calc(7 / 12 * 100%);
    bottom: 90px; }
  .page-home .home-about .about-container .about-images .img-5 {
    right: calc(7 / 12 * 100%);
    bottom: -45px; }
  .page-home .home-about .about-container .about-images .img-6 {
    left: 0;
    bottom: 220px; }
  @media all and (max-width: 1160px) {
    .page-home .home-about .about-container .about-images .img-0 {
      top: 60px;
      width: 160px; }
    .page-home .home-about .about-container .about-images .img-1 {
      width: 260px;
      top: -180px; }
    .page-home .home-about .about-container .about-images .img-2 {
      width: 140px;
      top: 0; }
    .page-home .home-about .about-container .about-images .img-3 {
      width: 180px;
      bottom: 320px; }
    .page-home .home-about .about-container .about-images .img-4 {
      width: 230px; }
    .page-home .home-about .about-container .about-images .img-5 {
      width: 140px; }
    .page-home .home-about .about-container .about-images .img-6 {
      width: 320px;
      bottom: 240px; } }

.page-home .home-orientations {
  background: var(--medium-gray); }
  .page-home .home-orientations .marker .villa-wishlist {
    display: none; }
  .page-home .home-orientations .section__title-2 {
    padding-bottom: 60px; }
  .page-home .home-orientations .orientations-icons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 60px; }
    .page-home .home-orientations .orientations-icons span {
      display: inline-block; }
    .page-home .home-orientations .orientations-icons > div {
      width: calc(1 / 12 * 100%);
      text-align: center;
      margin: 5px 15px;
      -webkit-transition: color 0.35s;
      -o-transition: color 0.35s;
      transition: color 0.35s;
      cursor: pointer; }
      @media all and (max-width: 1160px) {
        .page-home .home-orientations .orientations-icons > div {
          width: calc(1.5 / 12 * 100%);
          margin: 5px; } }
      @media all and (max-width: 960px) {
        .page-home .home-orientations .orientations-icons > div {
          width: calc(2 / 12 * 100%);
          margin: 2px; }
          .page-home .home-orientations .orientations-icons > div svg {
            width: 75px;
            height: auto; } }
      .page-home .home-orientations .orientations-icons > div svg {
        -webkit-transition: -webkit-filter 0.1s;
        transition: -webkit-filter 0.1s;
        -o-transition: filter 0.1s;
        transition: filter 0.1s;
        transition: filter 0.1s, -webkit-filter 0.1s;
        -webkit-transition: filter 0.1s; }
      .page-home .home-orientations .orientations-icons > div > div {
        margin: 0 0 5px; }
      .page-home .home-orientations .orientations-icons > div:hover {
        color: var(--gold); }
        .page-home .home-orientations .orientations-icons > div:hover svg {
          -webkit-filter: drop-shadow(1px 1px 4px #6b6b6b);
                  filter: drop-shadow(1px 1px 4px #6b6b6b); }
    .page-home .home-orientations .orientations-icons > div.is-active {
      color: var(--gold); }
      .page-home .home-orientations .orientations-icons > div.is-active svg {
        -webkit-filter: drop-shadow(1px 1px 4px #6b6b6b);
                filter: drop-shadow(1px 1px 4px #6b6b6b); }
    @media all and (max-width: 960px) {
      .page-home .home-orientations .orientations-icons {
        padding: 0 0 30px; } }
    @media all and (max-width: 660px) {
      .page-home .home-orientations .orientations-icons {
        padding: 0 15px 15px;
        margin: 0 -7px; }
        .page-home .home-orientations .orientations-icons > div {
          padding: 7px 7px 14px;
          width: 33.33333%;
          margin: 0; } }
  .page-home .home-orientations .button-more {
    padding: 30px 0 120px; }
    @media all and (max-width: 1160px) {
      .page-home .home-orientations .button-more {
        padding: 30px 0 90px; } }
    @media all and (max-width: 960px) {
      .page-home .home-orientations .button-more {
        padding: 30px 0 60px; } }
  .page-home .home-orientations #map {
    max-width: none; }

.page-home .home-selected-villas .section__title-2 {
  padding-bottom: 30px; }
  @media all and (max-width: 660px) {
    .page-home .home-selected-villas .section__title-2 {
      padding-bottom: 15px; } }

.page-home .home-selected-villas .button-more {
  padding: 0 0 90px; }
  @media all and (max-width: 1160px) {
    .page-home .home-selected-villas .button-more {
      padding: 0 0 60px; } }
  @media all and (max-width: 960px) {
    .page-home .home-selected-villas .button-more {
      padding: 0 0 30px; } }

.page-home .home-selected-villas .selected-villas__container {
  padding: 0 8.33333%;
  margin: 0 -2px; }
  @media all and (max-width: 960px) {
    .page-home .home-selected-villas .selected-villas__container {
      padding: 0 15px; } }
  @media all and (max-width: 660px) {
    .page-home .home-selected-villas .selected-villas__container {
      margin: 0; } }
  .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa {
    position: relative;
    width: 50%;
    padding: 2px;
    color: #fff;
    text-align: center;
    cursor: pointer; }
    @media all and (max-width: 660px) {
      .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa {
        width: 100%;
        padding: 0;
        margin: 0 0 2px; } }
    .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .villa-wishlist {
      overflow: hidden;
      top: 4px;
      right: 5px; }
    .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa > img {
      width: 100%;
      height: 100%; }
    .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa > a {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1; }
    .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .tease-overlay {
      position: absolute;
      top: 2px;
      left: 2px;
      width: calc(100% - 4px);
      height: calc(100% - 4px);
      background: #000;
      opacity: 0;
      -webkit-transition: 0.35s;
      -o-transition: 0.35s;
      transition: 0.35s; }
      @media all and (max-width: 660px) {
        .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .tease-overlay {
          width: 100%;
          height: 100%;
          top: 0;
          left: 0; } }
    .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa:hover {
      /*  .villa-wishlist {
              .wishlist-0,
              .wishlist-1 {
                  transform:translateY(0);
              }
          } */
      /* .upper {
              >div>h2 {
                  transform: translateY(0);
              }
          }

          .bottom {
              >div>div>div {
                  transform: translateY(0);
              }

              &:before {
                  width: 100%;
              }

              .selected__tease__villa-guests {
                  &:after {
                      height: 100%;
                  }
              }
          } */ }
      .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa:hover .tease-overlay {
        opacity: 0.35; }
    .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa svg path {
      fill: #fff; }
    .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .upper {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .upper > div {
        overflow: hidden; }
        .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .upper > div > h2 {
          transition: transform 0.35s, -webkit-transform 0.35s; }
      .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .upper h2.h3 {
        padding: 0 0 10px; }
    .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 15px;
      /* >div>div {
              overflow: hidden;

              >div {
                  transition: transform 0.35s, -webkit-transform 0.35s;
                  transform: translateY(100%);
              }
          } */ }
      .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .bottom:before {
        position: absolute;
        content: '';
        height: 1px;
        background: #fff;
        opacity: 0.2;
        top: 0;
        left: 0;
        -webkit-transition: all 0.35s;
        -o-transition: all 0.35s;
        transition: all 0.35s;
        width: 100%; }
      .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .bottom .selected__tease__villa-guests {
        position: relative;
        padding: 15px 0; }
        .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .bottom .selected__tease__villa-guests:after {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          width: 1px;
          background: #fff;
          opacity: 0.2;
          -webkit-transition: all 0.35s;
          -o-transition: all 0.35s;
          transition: all 0.35s;
          height: 100%; }
        .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .bottom .selected__tease__villa-guests > div > div:last-of-type {
          padding: 0 10px; }
        @media all and (max-width: 960px) {
          .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .bottom .selected__tease__villa-guests {
            padding: 12px 0; } }
      .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .bottom .selected__tease__villa-bedrooms > div > div:first-of-type {
        padding: 0 10px 0 15px; }
      .page-home .home-selected-villas .selected-villas__container .home-tease-selected-villa .bottom > .selected__tease__villa-price {
        margin: 0 -5px 0 auto; }

.page-home .home-our-villas .slick-list {
  overflow: unset !important; }

.page-home .home-our-villas .our-villas__text,
.page-home .home-our-villas .tab-content {
  padding: 0 calc(4 / 12 * 100%) 30px;
  text-align: center; }
  @media all and (max-width: 1160px) {
    .page-home .home-our-villas .our-villas__text,
    .page-home .home-our-villas .tab-content {
      padding: 0 25% 30px; } }
  @media all and (max-width: 960px) {
    .page-home .home-our-villas .our-villas__text,
    .page-home .home-our-villas .tab-content {
      padding: 0 16.66667% 30px; } }
  @media all and (max-width: 660px) {
    .page-home .home-our-villas .our-villas__text,
    .page-home .home-our-villas .tab-content {
      padding: 0 15px 30px; } }
  .page-home .home-our-villas .our-villas__text > div,
  .page-home .home-our-villas .tab-content > div {
    max-width: 700px;
    margin: 0 auto; }

.page-home .home-our-villas .button-more {
  padding: 0 0 90px; }
  @media all and (max-width: 1160px) {
    .page-home .home-our-villas .button-more {
      padding: 0 0 60px; } }
  @media all and (max-width: 960px) {
    .page-home .home-our-villas .button-more {
      padding: 0 0 30px; } }

.page-home .home-concierge-services .services__container {
  position: relative;
  margin: 0 8.33333%;
  color: #fff;
  min-height: 750px; }
  @media all and (max-width: 1160px) {
    .page-home .home-concierge-services .services__container {
      margin: 0 30px; } }
  @media all and (max-width: 960px) {
    .page-home .home-concierge-services .services__container {
      margin: 0 15px;
      min-height: 720px; } }
  @media all and (max-width: 660px) {
    .page-home .home-concierge-services .services__container {
      margin: 0;
      min-height: 660px; } }
  .page-home .home-concierge-services .services__container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: #000;
    opacity: 0.3; }
  .page-home .home-concierge-services .services__container .bg-image {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -2;
    top: 0;
    left: 0; }
  .page-home .home-concierge-services .services__container .services__text {
    position: relative;
    z-index: 1; }
    .page-home .home-concierge-services .services__container .services__text .section__title {
      padding-top: 260px; }
      @media all and (max-width: 960px) {
        .page-home .home-concierge-services .services__container .services__text .section__title {
          padding-top: 200px; } }
      @media all and (max-width: 660px) {
        .page-home .home-concierge-services .services__container .services__text .section__title {
          padding-top: 60px; } }
    .page-home .home-concierge-services .services__container .services__text .section__title-2 {
      padding-bottom: 30px; }
    .page-home .home-concierge-services .services__container .services__text .button-more {
      padding: 0 0 30px; }
      .page-home .home-concierge-services .services__container .services__text .button-more .tab-content {
        padding: 0 25% 30px; }
      @media all and (max-width: 960px) {
        .page-home .home-concierge-services .services__container .services__text .button-more .tab-content {
          padding: 0 16.66667% 30px; } }
      @media all and (max-width: 660px) {
        .page-home .home-concierge-services .services__container .services__text .button-more .tab-content {
          padding: 0 15px 15px; } }
    .page-home .home-concierge-services .services__container .services__text .icons {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0 auto;
      max-width: 600px;
      padding: 0 0 30px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      /* @media all and (min-width:2000px) {
            padding:0 33.33333% 30px;
          } */
      /* @media all and (max-width: 1160px) {
            padding: 0 8.33333%;
          } */
      /* @media all and (max-width: 960px) {
            margin: 0;
            padding: 0;
          } */ }
      @media all and (max-width: 660px) {
        .page-home .home-concierge-services .services__container .services__text .icons {
          display: none; } }
      .page-home .home-concierge-services .services__container .services__text .icons > a {
        display: block;
        text-align: center;
        color: #fff;
        width: 25%;
        padding: 15px 0; }
        @media all and (max-width: 960px) {
          .page-home .home-concierge-services .services__container .services__text .icons > a {
            width: 33.33333%;
            padding: 15px 0; } }
        .page-home .home-concierge-services .services__container .services__text .icons > a > div:first-of-type {
          margin: 0 0 15px; }
        .page-home .home-concierge-services .services__container .services__text .icons > a > .title {
          -webkit-transition: color 0.35s;
          -o-transition: color 0.35s;
          transition: color 0.35s; }
        .page-home .home-concierge-services .services__container .services__text .icons > a svg path {
          -webkit-transition: fill 0.35s;
          -o-transition: fill 0.35s;
          transition: fill 0.35s; }
        .page-home .home-concierge-services .services__container .services__text .icons > a:hover {
          color: var(--gold); }
          .page-home .home-concierge-services .services__container .services__text .icons > a:hover svg path {
            fill: var(--gold); }
    .page-home .home-concierge-services .services__container .services__text .icons-mobile {
      display: none !important;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 15px;
      margin: 0 -7px;
      width: 100%;
      max-width: unset; }
      .page-home .home-concierge-services .services__container .services__text .icons-mobile > a {
        width: 33.33333%;
        padding: 15px 7px;
        margin: 0; }
      @media all and (max-width: 660px) {
        .page-home .home-concierge-services .services__container .services__text .icons-mobile {
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important; } }
    .page-home .home-concierge-services .services__container .services__text .icons:last-of-type {
      padding-bottom: 60px; }
      @media all and (max-width: 660px) {
        .page-home .home-concierge-services .services__container .services__text .icons:last-of-type {
          padding-bottom: 0; } }

.page-home .home-blog {
  padding: 0 0 60px; }
  @media all and (max-width: 1160px) {
    .page-home .home-blog {
      padding: 0 0 30px; } }
  .page-home .home-blog .blog-menu-1 {
    padding-bottom: 10px; }
    @media all and (max-width: 660px) {
      .page-home .home-blog .blog-menu-1 {
        display: none; } }
  .page-home .home-blog .blog-menu-2 {
    padding-bottom: 90px; }
    @media all and (max-width: 1160px) {
      .page-home .home-blog .blog-menu-2 {
        padding-bottom: 60px; } }
    @media all and (max-width: 660px) {
      .page-home .home-blog .blog-menu-2 {
        display: none; } }
  .page-home .home-blog .blog-menu-mobile {
    padding-bottom: 30px; }
    @media all and (min-width: 661px) {
      .page-home .home-blog .blog-menu-mobile {
        display: none; } }
  @media all and (max-width: 660px) {
    .page-home .home-blog .blog-categories {
      display: none !important; } }
  .page-home .home-blog .blog-categories img {
    width: 100%;
    height: 100%; }
  .page-home .home-blog .blog-categories .tease-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    -o-transition: opacity 0.35s;
    transition: opacity 0.35s; }
  .page-home .home-blog .blog-categories .left .thumbnail,
  .page-home .home-blog .blog-categories .right .thumbnail {
    position: relative; }
  .page-home .home-blog .blog-categories .left a:hover .tease-overlay,
  .page-home .home-blog .blog-categories .right a:hover .tease-overlay {
    opacity: 0.3; }
  .page-home .home-blog .blog-categories-mobile {
    display: none !important; }
    .page-home .home-blog .blog-categories-mobile > .flex {
      padding: 0 15px;
      margin: 0 -7px; }
      .page-home .home-blog .blog-categories-mobile > .flex > div {
        width: 100%;
        padding: 7px; }
        .page-home .home-blog .blog-categories-mobile > .flex > div:nth-of-type(3), .page-home .home-blog .blog-categories-mobile > .flex > div:nth-of-type(4) {
          width: 50%; }
        .page-home .home-blog .blog-categories-mobile > .flex > div .content {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start; }
          .page-home .home-blog .blog-categories-mobile > .flex > div .content > h2 {
            width: 90%; }
          .page-home .home-blog .blog-categories-mobile > .flex > div .content > div:last-of-type {
            width: 10%;
            text-align: right; }
    @media all and (max-width: 660px) {
      .page-home .home-blog .blog-categories-mobile {
        display: block !important; } }

.page-blog .category-tab .tab__title {
  text-align: center;
  padding: 23px 0;
  border-top: 1px solid var(--light-gray);
  border-bottom: 1px solid var(--light-gray); }
  @media all and (max-width: 1160px) {
    .page-blog .category-tab .tab__title {
      padding: 12px 0; } }

.page-blog .category-tab .tab__teases {
  padding: 60px 0;
  margin: 0 -15px; }
  .page-blog .category-tab .tab__teases > .banner {
    width: 25%;
    padding: 0 15px; }
  .page-blog .category-tab .tab__teases .teases {
    width: 75%; }
    .page-blog .category-tab .tab__teases .teases > div {
      width: 33.33333%;
      padding: 0 15px; }
  .page-blog .category-tab .tab__teases .banner {
    position: relative; }
    .page-blog .category-tab .tab__teases .banner > .bg-image {
      width: 100%;
      height: 100%; }
    .page-blog .category-tab .tab__teases .banner .banner-overlay {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: 0;
      background: #000;
      opacity: 0.3;
      width: calc(100% - 30px);
      height: 100%; }
    .page-blog .category-tab .tab__teases .banner .banner__titles {
      position: absolute;
      bottom: 4.2vw;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: calc(100% - 30px);
      text-align: center; }
      .page-blog .category-tab .tab__teases .banner .banner__titles h2 {
        padding: 0 0 15px;
        color: #fff; }
      .page-blog .category-tab .tab__teases .banner .banner__titles > div {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .page-blog .category-tab .tab__teases .banner .banner__titles > div a {
          padding: 0 14px; }
    @media all and (max-width: 960px) {
      .page-blog .category-tab .tab__teases .banner {
        width: 100%; }
        .page-blog .category-tab .tab__teases .banner > .bg-image {
          height: 20vh;
          min-height: 200px; }
        .page-blog .category-tab .tab__teases .banner .banner__titles {
          bottom: unset;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          width: 100%; } }
  @media all and (max-width: 960px) {
    .page-blog .category-tab .tab__teases {
      padding: 15px 0 60px;
      margin: 0 -7px; }
      .page-blog .category-tab .tab__teases > .banner {
        width: 100%;
        padding: 0 7px 15px; }
        .page-blog .category-tab .tab__teases > .banner > .banner-overlay {
          width: calc(100% - 14px);
          height: calc(100% - 15px); }
      .page-blog .category-tab .tab__teases > .teases {
        width: 100%; }
        .page-blog .category-tab .tab__teases > .teases > div {
          padding: 0 7px; } }
  @media all and (max-width: 660px) {
    .page-blog .category-tab .tab__teases {
      margin: 0;
      padding: 60px 0 30px; }
      .page-blog .category-tab .tab__teases > .banner {
        padding: 0 0 15px; }
        .page-blog .category-tab .tab__teases > .banner > .banner-overlay {
          width: 100%; }
      .page-blog .category-tab .tab__teases > .teases > div {
        width: 100%;
        padding: 0 0 30px; } }

.blog-menu {
  padding: 0 30px 30px; }
  .blog-menu ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .blog-menu li {
    margin: 2px; }
    .blog-menu li a {
      -webkit-transition: background 0.35s;
      -o-transition: background 0.35s;
      transition: background 0.35s; }
    .blog-menu li:hover a {
      color: #fff;
      background: var(--gold);
      border: 1px solid var(--gold); }
  @media all and (max-width: 960px) {
    .blog-menu {
      padding: 0 15px 30px; } }

.page-blog-category .intro-title {
  padding-bottom: 90px; }
  @media all and (max-width: 1160px) {
    .page-blog-category .intro-title {
      padding-bottom: 60px; } }
  @media all and (max-width: 960px) {
    .page-blog-category .intro-title {
      padding-bottom: 30px; } }

.page-blog-category .category-teases > .flex {
  margin: 0 -15px; }

.page-blog-category .category-teases .tease--post {
  width: 33.3333%;
  padding: 0 15px 90px; }
  .page-blog-category .category-teases .tease--post div.flex {
    bottom: 90px; }

@media all and (max-width: 1160px) {
  .page-blog-category .category-teases .tease--post {
    padding: 0 15px 60px; }
    .page-blog-category .category-teases .tease--post div.flex {
      bottom: 60px; } }

@media all and (max-width: 960px) {
  .page-blog-category .category-teases > .flex {
    margin: 0 -7px; }
  .page-blog-category .category-teases .tease--post {
    width: 50%;
    padding: 0 7px 30px; }
    .page-blog-category .category-teases .tease--post div.flex {
      bottom: 30px; } }

@media all and (max-width: 660px) {
  .page-blog-category .category-teases > .flex {
    margin: 0; }
  .page-blog-category .category-teases .tease--post {
    width: 100%;
    padding: 0 0 30px; } }

.page-blog-category .blog-category-pagination svg path {
  -webkit-transition: fill 0.35s;
  -o-transition: fill 0.35s;
  transition: fill 0.35s; }

.page-blog-category .blog-category-pagination .prev__page a,
.page-blog-category .blog-category-pagination .next__page a {
  display: inline-block; }
  .page-blog-category .blog-category-pagination .prev__page a:hover svg path,
  .page-blog-category .blog-category-pagination .next__page a:hover svg path {
    fill: var(--gold); }

@media all and (max-width: 660px) {
  .page-blog-category .blog-category-pagination .prev__page,
  .page-blog-category .blog-category-pagination .next__page {
    display: none; } }

.page-blog-category .blog-category-pagination > .flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 30px;
  padding: 20px 0;
  border-top: 1px solid #000; }
  @media all and (max-width: 1160px) {
    .page-blog-category .blog-category-pagination > .flex {
      padding: 12px 0; } }
  @media all and (max-width: 960px) {
    .page-blog-category .blog-category-pagination > .flex {
      margin: 0 15px;
      padding: 8px 0; } }

.page-blog-category .blog-category-pagination .pages ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .page-blog-category .blog-category-pagination .pages ul li {
    margin: 0 10px; }
  .page-blog-category .blog-category-pagination .pages ul a {
    color: var(--gold); }
    .page-blog-category .blog-category-pagination .pages ul a:hover {
      color: #000; }
  .page-blog-category .blog-category-pagination .pages ul span {
    color: #000; }

@media all and (max-width: 1160px) {
  .type-post .intro-title {
    padding: 0 16.66667% 30px; } }

@media all and (max-width: 660px) {
  .type-post .intro-title {
    padding: 0 15px 30px; } }

.type-post .post-category {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .type-post .post-category a {
    margin: 2px;
    -webkit-transition: background 0.35s;
    -o-transition: background 0.35s;
    transition: background 0.35s; }
  .type-post .post-category a:hover {
    background: var(--gold);
    border: 1px solid var(--gold);
    color: #fff; }

.type-post .post-image {
  padding: 30px 25% 0; }
  @media all and (max-width: 1160px) {
    .type-post .post-image {
      padding: 30px 16.66667% 0; } }
  @media all and (max-width: 660px) {
    .type-post .post-image {
      padding: 30px 15px 0; } }

.type-post .post-content {
  padding: 30px 25% 90px; }
  @media all and (max-width: 1160px) {
    .type-post .post-content {
      padding: 30px 16.66667% 60px; } }
  @media all and (max-width: 660px) {
    .type-post .post-content {
      padding: 30px 15px; } }

.type-post .post-image h2,
.type-post .post-content h2 {
  text-align: center;
  padding: 60px 0;
  font-size: 25px;
  line-height: 30px; }
  @media all and (max-width: 1160px) {
    .type-post .post-image h2,
    .type-post .post-content h2 {
      font-size: 22px;
      line-height: 27px; } }
  @media all and (max-width: 660px) {
    .type-post .post-image h2,
    .type-post .post-content h2 {
      font-size: 20px;
      line-height: 25px; } }

.type-post .post-image img,
.type-post .post-content img {
  width: 100%; }

.type-post .post-image p,
.type-post .post-content p {
  padding: 0 !important; }

.type-post .post-image a,
.type-post .post-content a {
  color: var(--gold); }
  .type-post .post-image a:hover,
  .type-post .post-content a:hover {
    color: #000; }

.type-post .post-image {
  text-align: center; }
  .type-post .post-image img {
    max-width: 700px; }

.type-post .post-content .content > div {
  max-width: 700px;
  margin: 0 auto; }

.type-post .post-extra {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 30px 30px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 30px 0; }
  .type-post .post-extra svg path {
    -webkit-transition: fill 0.35s;
    -o-transition: fill 0.35s;
    transition: fill 0.35s; }
  .type-post .post-extra a {
    display: inline-block; }
    .type-post .post-extra a:hover svg path {
      fill: var(--gold); }
  .type-post .post-extra ul {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .type-post .post-extra ul li {
      padding: 0 15px; }
  @media all and (max-width: 1160px) {
    .type-post .post-extra {
      padding: 12px 0; } }
  @media all and (max-width: 960px) {
    .type-post .post-extra {
      padding: 5px 0; }
      .type-post .post-extra svg {
        width: 20px;
        height: auto; }
      .type-post .post-extra ul li {
        padding: 0 7px; } }
  @media all and (max-width: 660px) {
    .type-post .post-extra {
      margin: 0 15px 30px; }
      .type-post .post-extra ul li {
        padding: 0 5px; } }

.type-post .post-more {
  background: var(--light-gray); }
  .type-post .post-more > .more__title {
    padding: 120px 0 30px;
    text-align: center; }
  .type-post .post-more > .more__title-2 {
    padding: 0 25% 90px;
    text-align: center; }
  .type-post .post-more .more-posts {
    padding: 0 0 90px; }
    .type-post .post-more .more-posts > .flex {
      margin: 0 -15px; }
    .type-post .post-more .more-posts .tease--post {
      width: 25%;
      padding: 0 15px; }
  .type-post .post-more .back-news {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 60px; }
  @media all and (max-width: 1160px) {
    .type-post .post-more .more-posts {
      padding: 0 0 60px; }
    .type-post .post-more > .more__title {
      padding: 90px 0 30px; }
    .type-post .post-more > .more__title-2 {
      padding: 0 25% 60px; } }
  @media all and (max-width: 960px) {
    .type-post .post-more > .more__title {
      padding: 60px 0 15px; }
    .type-post .post-more > .more__title-2 {
      padding: 0 16.66667% 30px; }
    .type-post .post-more .more-posts {
      padding: 0; }
      .type-post .post-more .more-posts > .flex {
        margin: 0 -7px;
        padding: 0 15px 90px !important; }
      .type-post .post-more .more-posts .tease--post {
        width: unset;
        padding: 0 7px; } }
  @media all and (max-width: 660px) {
    .type-post .post-more > .more__title-2 {
      padding: 0 15px 30px; }
    .type-post .post-more > .more-posts .flex {
      margin: 0;
      padding: 0 0 60px !important; }
    .type-post .post-more > .more-posts .tease--post {
      padding: 0; }
    .type-post .post-more > .more-posts .slick-slide {
      padding: 0 15px; } }

.tease--post {
  position: relative; }
  .tease--post .date {
    padding: 10px 0; }
  .tease--post h2 {
    padding: 20px 0 40px;
    color: #000;
    -webkit-transition: color 0.35s;
    -o-transition: color 0.35s;
    transition: color 0.35s; }
    @media all and (max-width: 660px) {
      .tease--post h2 {
        padding: 20px 0 35px; } }
  .tease--post > a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%; }
    .tease--post > a .preview {
      padding: 0 0 40px; }
      @media all and (max-width: 660px) {
        .tease--post > a .preview {
          padding: 0 0 30px; } }
  .tease--post > div.flex {
    position: absolute;
    bottom: 0;
    left: 15px; }
    .tease--post > div.flex a {
      color: #fff;
      -webkit-transition: all 0.35s;
      -o-transition: all 0.35s;
      transition: all 0.35s; }
    @media all and (max-width: 960px) {
      .tease--post > div.flex {
        left: 7px; } }
    @media all and (max-width: 660px) {
      .tease--post > div.flex {
        bottom: 30px;
        left: 0; } }

.page-about .intro-title {
  padding: 0 calc(4/12 * 100%) 90px; }
  @media all and (max-width: 960px) {
    .page-about .intro-title {
      padding: 0 25% 60px; } }
  @media all and (max-width: 660px) {
    .page-about .intro-title {
      padding: 0 15px 30px; } }

.page-about > .bg-image {
  height: 100vh;
  min-height: 500px; }
  @media all and (max-width: 660px) {
    .page-about > .bg-image {
      height: 60vh;
      min-height: 400px; } }

.page-about .about-story > h2 {
  padding: 90px 0 0;
  text-align: center; }

.page-about .about-story > .story__title,
.page-about .about-story > .story__sub-title {
  padding: 30px 25%;
  text-align: center; }

.page-about .about-story .story__sub-title > div {
  max-width: 700px;
  margin: 0 auto; }

@media all and (max-width: 1160px) {
  .page-about .about-story > h2 {
    padding: 60px 0 0; } }

@media all and (max-width: 960px) {
  .page-about .about-story > .story__title {
    padding: 15px 8.33333% 0; }
  .page-about .about-story > .story__sub-title {
    padding: 30px 16.66667% 0; } }

@media all and (max-width: 660px) {
  .page-about .about-story > .story__title {
    padding: 30px 15px 0; }
  .page-about .about-story > .story__sub-title {
    padding: 30px 15px 0; } }

.page-about .text__blocks {
  padding: 120px 0 90px; }
  .page-about .text__blocks .flex {
    padding: 0 calc(8.33333% + 30px);
    margin: 0 -15px; }
    .page-about .text__blocks .flex > div {
      padding: 0 15px;
      width: 33.33333%; }
      .page-about .text__blocks .flex > div > h2 {
        padding: 0 0 30px; }
      .page-about .text__blocks .flex > div .block__text > div {
        max-width: 700px;
        margin: 0 auto; }
  @media all and (max-width: 1160px) {
    .page-about .text__blocks {
      padding: 90px 0; } }
  @media all and (max-width: 960px) {
    .page-about .text__blocks {
      padding: 60px 0; }
      .page-about .text__blocks .flex {
        padding: 0 8.33333%;
        margin: 0; }
        .page-about .text__blocks .flex > div {
          padding: 0 0 30px;
          width: 100%; }
          .page-about .text__blocks .flex > div:last-of-type {
            padding: 0; }
          .page-about .text__blocks .flex > div .block__text,
          .page-about .text__blocks .flex > div .block__title {
            text-align: center; }
          .page-about .text__blocks .flex > div .block__title {
            padding: 0 0 15px; } }
  @media all and (max-width: 660px) {
    .page-about .text__blocks .flex {
      padding: 0 15px; } }

.page-about .villas-extra {
  background: var(--medium-gray); }
  .page-about .villas-extra .page-title {
    padding-top: 90px; }
  .page-about .villas-extra .intro-title {
    padding: 0 25% 90px; }
  .page-about .villas-extra .villas-extra-slider {
    padding: 0 0 180px calc(8.33333% + 30px);
    margin: 0 -15px; }
    @media all and (max-width: 1160px) {
      .page-about .villas-extra .villas-extra-slider {
        padding: 0 0 90px calc(8.33333% + 30px); } }
    @media all and (max-width: 960px) {
      .page-about .villas-extra .villas-extra-slider {
        margin: 0 -7px;
        padding: 0 0 90px 15px; } }
    @media all and (max-width: 660px) {
      .page-about .villas-extra .villas-extra-slider {
        margin: 0;
        padding: 0 0 60px; } }
  @media all and (max-width: 960px) {
    .page-about .villas-extra .page-title {
      padding-top: 60px; }
    .page-about .villas-extra .intro-title {
      padding: 0 16.66667% 60px; } }
  @media all and (max-width: 660px) {
    .page-about .villas-extra .intro-title {
      padding: 0 15px 30px; } }

.page-contact > .directions-link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 30px; }

.page-contact #contact-map {
  height: 100vh;
  min-height: 500px; }
  @media all and (max-width: 960px) {
    .page-contact #contact-map {
      height: 60vh; } }
  @media all and (max-width: 660px) {
    .page-contact #contact-map {
      min-height: 400px; } }

.page-contact .contact-blocks {
  padding-top: 30px; }
  .page-contact .contact-blocks > div:last-of-type {
    margin: 0 0 30px; }
  @media all and (max-width: 960px) {
    .page-contact .contact-blocks {
      padding: 30px 0 0; } }

.page-contact .contact-form {
  background: var(--light-gray); }
  .page-contact .contact-form > .form__title {
    padding: 120px 0 30px;
    text-align: center; }
    @media all and (max-width: 1160px) {
      .page-contact .contact-form > .form__title {
        padding: 90px 0 30px; } }
    @media all and (max-width: 960px) {
      .page-contact .contact-form > .form__title {
        padding: 60px 0 15px; } }
  .page-contact .contact-form > .form__title-2 {
    padding: 0 25% 90px;
    text-align: center; }
    @media all and (max-width: 960px) {
      .page-contact .contact-form > .form__title-2 {
        padding: 0 16.66667% 60px; } }
    @media all and (max-width: 660px) {
      .page-contact .contact-form > .form__title-2 {
        padding: 0 15px 30px; } }
  .page-contact .contact-form > .form {
    padding: 0 25%; }
    .page-contact .contact-form > .form > div {
      max-width: 712px;
      margin: 0 auto; }
    @media all and (max-width: 960px) {
      .page-contact .contact-form > .form {
        padding: 0 16.66667%; } }
    @media all and (max-width: 660px) {
      .page-contact .contact-form > .form {
        padding: 0 15px; } }

.page-concierge-service,
.page-concierge-services {
  /* >.more-link {
        justify-content: center;
        align-items: center;
        padding: 0 0 30px;
    } */ }
  .page-concierge-service > .button-more,
  .page-concierge-services > .button-more {
    padding: 0 0 30px; }

@media all and (max-width: 660px) {
  .page-concierge-services > .more-link {
    padding: 0 0 15px; } }

@media all and (max-width: 660px) {
  .concierge-services {
    display: none !important; } }

.concierge-services .upper,
.blog-categories .upper {
  padding: 0 0 30px; }

.concierge-services .lower,
.blog-categories .lower {
  padding: 0 0 90px; }
  @media all and (max-width: 960px) {
    .concierge-services .lower,
    .blog-categories .lower {
      padding: 0 0 60px; } }

.concierge-services .upper > .flex,
.concierge-services .lower > .flex,
.blog-categories .upper > .flex,
.blog-categories .lower > .flex {
  padding: 0 30px;
  margin: 0 -15px; }

@media all and (max-width: 960px) {
  .concierge-services .upper > .flex,
  .concierge-services .lower > .flex,
  .blog-categories .upper > .flex,
  .blog-categories .lower > .flex {
    padding: 0 15px;
    margin: 0 -7px; } }

.concierge-services .lower .left,
.blog-categories .lower .left {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.concierge-services .left,
.blog-categories .left {
  width: 50%;
  padding: 0 15px;
  height: 100%; }
  @media all and (max-width: 960px) {
    .concierge-services .left,
    .blog-categories .left {
      padding: 0 7px; } }

.concierge-services .right,
.blog-categories .right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .concierge-services .right > div:first-of-type,
  .blog-categories .right > div:first-of-type {
    width: 100%;
    padding: 0 15px;
    margin: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }
  .concierge-services .right > div,
  .blog-categories .right > div {
    width: 50%;
    padding: 0 15px; }
    .concierge-services .right > div:nth-of-type(2), .concierge-services .right > div:nth-of-type(3),
    .blog-categories .right > div:nth-of-type(2),
    .blog-categories .right > div:nth-of-type(3) {
      margin: auto 0 0; }
  @media all and (max-width: 960px) {
    .concierge-services .right > div:first-of-type,
    .blog-categories .right > div:first-of-type {
      padding: 0 7px 7px; }
    .concierge-services .right > div,
    .blog-categories .right > div {
      padding: 0 7px; }
      .concierge-services .right > div .content,
      .blog-categories .right > div .content {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .concierge-services .right > div .content > h2,
        .blog-categories .right > div .content > h2 {
          width: 90%; }
        .concierge-services .right > div .content > div:last-of-type,
        .blog-categories .right > div .content > div:last-of-type {
          width: 10%;
          text-align: right; } }

.concierge-services-mobile {
  display: none !important; }
  .concierge-services-mobile .upper > .flex,
  .concierge-services-mobile .lower > .flex {
    padding: 0 15px;
    margin: 0 -7px; }
    .concierge-services-mobile .upper > .flex > div,
    .concierge-services-mobile .lower > .flex > div {
      width: 100%;
      padding: 15px 7px; }
      .concierge-services-mobile .upper > .flex > div .content,
      .concierge-services-mobile .lower > .flex > div .content {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .concierge-services-mobile .upper > .flex > div .content > h2,
        .concierge-services-mobile .lower > .flex > div .content > h2 {
          width: 90%; }
        .concierge-services-mobile .upper > .flex > div .content > div:last-of-type,
        .concierge-services-mobile .lower > .flex > div .content > div:last-of-type {
          width: 10%;
          text-align: right; }
        .concierge-services-mobile .upper > .flex > div .content svg,
        .concierge-services-mobile .lower > .flex > div .content svg {
          width: 20px;
          height: auto; }
      .concierge-services-mobile .upper > .flex > div:nth-of-type(3), .concierge-services-mobile .upper > .flex > div:nth-of-type(4),
      .concierge-services-mobile .lower > .flex > div:nth-of-type(3),
      .concierge-services-mobile .lower > .flex > div:nth-of-type(4) {
        width: 50%; }
  .concierge-services-mobile .upper {
    padding: 0; }
  .concierge-services-mobile .lower > .flex > div:last-of-type {
    padding: 15px 7px 0; }
  .concierge-services-mobile .lower {
    padding: 0 0 45px; }
  @media all and (max-width: 660px) {
    .concierge-services-mobile {
      display: block !important; } }

.page-concierge-service > .bg-image {
  height: 100vh;
  min-height: 500px; }
  @media all and (max-width: 660px) {
    .page-concierge-service > .bg-image {
      height: 60vh;
      min-height: 400px; } }

.page-concierge-service .blocks {
  padding: 30px 0; }
  .page-concierge-service .blocks .block-left {
    padding: 0 0 0 30px; }
  .page-concierge-service .blocks .block:nth-child(even) > .block-left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0 30px 0 0; }
  @media all and (max-width: 960px) {
    .page-concierge-service .blocks {
      padding: 15px 0 0; }
      .page-concierge-service .blocks .block:nth-child(even) > .block-left {
        -webkit-box-ordinal-group: unset;
            -ms-flex-order: unset;
                order: unset;
        padding: 0 15px; }
      .page-concierge-service .blocks .block-left {
        padding: 0 15px; } }

.page-concierge-service .concierge-more {
  background: var(--light-gray); }
  .page-concierge-service .concierge-more > .more__title {
    padding: 120px 0 30px;
    text-align: center; }
    @media all and (max-width: 1160px) {
      .page-concierge-service .concierge-more > .more__title {
        padding: 90px 0 30px; } }
    @media all and (max-width: 960px) {
      .page-concierge-service .concierge-more > .more__title {
        padding: 60px 0 15px; } }
  .page-concierge-service .concierge-more > .more__title-2 {
    padding: 0 25% 90px;
    text-align: center; }
    @media all and (max-width: 1160px) {
      .page-concierge-service .concierge-more > .more__title-2 {
        padding: 0 25% 60px; } }
    @media all and (max-width: 960px) {
      .page-concierge-service .concierge-more > .more__title-2 {
        padding: 0 16.66667% 30px; } }
    @media all and (max-width: 660px) {
      .page-concierge-service .concierge-more > .more__title-2 {
        padding: 0 15px 30px; } }
  .page-concierge-service .concierge-more > .more {
    padding: 0 0 60px; }
    .page-concierge-service .concierge-more > .more > .flex {
      margin: 0 -15px; }
    .page-concierge-service .concierge-more > .more .tease--service {
      width: 25%;
      padding: 0 15px; }
    @media all and (max-width: 960px) {
      .page-concierge-service .concierge-more > .more {
        padding: 0; }
        .page-concierge-service .concierge-more > .more > .flex {
          margin: 0 -7px;
          padding: 0 15px 90px !important; }
        .page-concierge-service .concierge-more > .more .tease--service {
          width: unset;
          padding: 0 7px; } }
    @media all and (max-width: 660px) {
      .page-concierge-service .concierge-more > .more > .flex {
        margin: 0;
        padding: 0 15px 60px !important; }
      .page-concierge-service .concierge-more > .more .tease--service {
        padding: 0; } }
  .page-concierge-service .concierge-more .services-all {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 60px; }
    .page-concierge-service .concierge-more .services-all a {
      padding: 0 22px; }

.tease--service .content,
.home-blog .blog-categories .content {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0 0; }
  .tease--service .content svg path,
  .home-blog .blog-categories .content svg path {
    -webkit-transition: fill 0.35s;
    -o-transition: fill 0.35s;
    transition: fill 0.35s; }
  .tease--service .content > div:hover svg path,
  .home-blog .blog-categories .content > div:hover svg path {
    fill: var(--gold); }
  @media all and (max-width: 960px) {
    .tease--service .content svg,
    .home-blog .blog-categories .content svg {
      width: 20px;
      height: auto; } }

.type-reservation h1 {
  display: none; }

.type-reservation .intro-text {
  text-align: center;
  padding: 0 calc(33.33333% + 60px) 60px; }
  @media all and (max-width: 1160px) {
    .type-reservation .intro-text {
      padding: 0 25% 60px; } }
  @media all and (max-width: 660px) {
    .type-reservation .intro-text {
      padding: 0 15px 60px; } }

.type-reservation .reservation-tabs {
  max-width: 1440px;
  margin: 0 auto; }

.type-reservation .icons {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .type-reservation .icons .tab-icon {
    position: relative;
    width: 110px;
    height: 110px;
    border: 1px solid var(--light-gray);
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s; }
    .type-reservation .icons .tab-icon svg path {
      -webkit-transition: fill 0.35s;
      -o-transition: fill 0.35s;
      transition: fill 0.35s; }
    .type-reservation .icons .tab-icon .icon {
      position: absolute;
      top: 15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
    .type-reservation .icons .tab-icon .title {
      line-height: 16px;
      padding: 60px 0 0; }
    .type-reservation .icons .tab-icon:hover {
      background: var(--gold);
      color: #fff;
      border: 1px solid var(--gold); }
      .type-reservation .icons .tab-icon:hover svg path {
        fill: #fff; }
    .type-reservation .icons .tab-icon.active {
      background: var(--gold);
      color: #fff;
      border: 1px solid var(--gold); }
      .type-reservation .icons .tab-icon.active svg path {
        fill: #fff; }

.type-reservation .tabs-content {
  padding: 60px 0; }
  @media all and (max-width: 660px) {
    .type-reservation .tabs-content {
      padding: 30px 0; } }

.type-reservation .tab-content {
  display: none; }
  .type-reservation .tab-content.active {
    display: block; }
  .type-reservation .tab-content .tab-title {
    text-align: center;
    padding: 0 30px; }
  .type-reservation .tab-content .tab-text {
    padding: 30px calc(25% + 60px) 60px;
    text-align: center; }
    .type-reservation .tab-content .tab-text > div {
      max-width: 700px;
      margin: 0 auto; }
  .type-reservation .tab-content .service-policy-text ul {
    text-align: left; }
    .type-reservation .tab-content .service-policy-text ul li {
      font-size: 13px;
      position: relative;
      padding: 0 0 0 13px;
      margin: 0 0 5px; }
      .type-reservation .tab-content .service-policy-text ul li:before {
        content: '';
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: var(--gold); }
  @media all and (max-width: 1160px) {
    .type-reservation .tab-content .tab-text {
      padding: 30px calc(16.66667% + 60px) 60px; } }
  @media all and (max-width: 960px) {
    .type-reservation .tab-content .tab-text {
      padding: 30px calc(8.33333% + 60px) 60px; } }
  @media all and (max-width: 660px) {
    .type-reservation .tab-content .tab-text {
      padding: 30px 15px 30px; } }

.type-reservation .tab-lists {
  padding: 0 16.66667%; }
  @media all and (max-width: 960px) {
    .type-reservation .tab-lists {
      padding: 0 8.33333%; } }

.type-reservation .list {
  margin: 0 0 60px; }
  .type-reservation .list > .titles {
    border-top: 1px solid var(--light-gray);
    padding: 15px 0px;
    color: var(--gold); }
  .type-reservation .list .col-1,
  .type-reservation .list .col.title {
    width: calc(5/8 * 100%); }
  .type-reservation .list .col-2,
  .type-reservation .list .price-1 {
    width: 25%;
    margin: 0 0 0 auto; }
  .type-reservation .list .col-3,
  .type-reservation .list .price-2 {
    width: calc(1/8 * 100%); }
  .type-reservation .list .col.mobile {
    display: none; }
  .type-reservation .list .list-selections .row {
    border-top: 1px solid var(--light-gray);
    padding: 10px 0; }
  .type-reservation .list .list-selections .title {
    position: relative; }
    .type-reservation .list .list-selections .title > div {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
    .type-reservation .list .list-selections .title input {
      display: none; }
    .type-reservation .list .list-selections .title input:checked + label:after {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    .type-reservation .list .list-selections .title label {
      line-height: 24px;
      padding: 0 0 0 40px;
      display: block;
      cursor: pointer; }
      .type-reservation .list .list-selections .title label:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 24px;
        background: var(--medium-gray);
        border-radius: 50%; }
      .type-reservation .list .list-selections .title label:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 3px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: var(--gold);
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0);
        -webkit-transition: -webkit-transform 0.35s;
        transition: -webkit-transform 0.35s;
        -o-transition: transform 0.35s;
        transition: transform 0.35s;
        transition: transform 0.35s, -webkit-transform 0.35s; }
      @media all and (max-width: 660px) {
        .type-reservation .list .list-selections .title label {
          padding: 0 0 0 30px; } }
  @media all and (max-width: 1160px) {
    .type-reservation .list > .titles {
      padding: 12px 0; } }
  @media all and (max-width: 660px) {
    .type-reservation .list {
      margin: 0 0 30px; }
      .type-reservation .list .titles .col-2,
      .type-reservation .list .titles .col-3 {
        display: none; }
      .type-reservation .list .col-1,
      .type-reservation .list .col.title {
        width: 100%; }
      .type-reservation .list .col.title {
        margin: 0 0 15px; }
      .type-reservation .list .col-2 {
        width: 100%; }
      .type-reservation .list .col-3 {
        width: 100%; }
      .type-reservation .list .price-1,
      .type-reservation .list .price-2 {
        /* margin: 5px 0; */
        display: none; }
      .type-reservation .list .col.mobile {
        display: block;
        width: 100%;
        margin: 0 0 10px; }
        .type-reservation .list .col.mobile div {
          color: var(--gold);
          margin: 0 0 4px; } }

.type-reservation .selected-services-container {
  background: var(--gold);
  width: calc(8/12 * 100%);
  position: fixed;
  bottom: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  color: #fff;
  max-width: 950px;
  z-index: 1; }
  @media all and (max-width: 960px) {
    .type-reservation .selected-services-container {
      width: calc(100% - 30px); } }
  .type-reservation .selected-services-container.is-active > .tab-title .arrow-down {
    display: block; }
  .type-reservation .selected-services-container.is-active > .tab-title .arrow-up {
    display: none; }
  .type-reservation .selected-services-container > .tab-title {
    padding: 20px 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .type-reservation .selected-services-container > .tab-title .arrow-down {
      display: none; }
  .type-reservation .selected-services-container > .tab-content {
    padding: 0 20px 20px 20px; }
    @media all and (max-width: 960px) {
      .type-reservation .selected-services-container > .tab-content {
        padding: 0 15px 15px 15px; } }
  .type-reservation .selected-services-container .gform_footer input {
    display: block;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 13px;
    color: var(--gold);
    padding: 3px 0;
    text-align: center;
    min-width: 180px;
    margin: -30px 0 0 auto;
    cursor: pointer;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s; }
    .type-reservation .selected-services-container .gform_footer input:hover {
      background: transparent;
      color: #fff; }
    @media all and (max-width: 960px) {
      .type-reservation .selected-services-container .gform_footer input {
        margin: 5px 0 0 auto; } }
  .type-reservation .selected-services-container .selected-services {
    margin: 0 -5px;
    overflow-y: auto;
    padding: 0 0 60px; }
    .type-reservation .selected-services-container .selected-services > div {
      margin: 5px;
      border: 1px solid #fff;
      -webkit-transition: all 0.35s;
      -o-transition: all 0.35s;
      transition: all 0.35s;
      cursor: pointer; }
      .type-reservation .selected-services-container .selected-services > div:hover {
        border: 1px solid #000; }
      .type-reservation .selected-services-container .selected-services > div > span {
        display: block; }
      .type-reservation .selected-services-container .selected-services > div > span:last-of-type {
        display: inline-block;
        margin: 0 0 0 10px; }
    @media all and (max-width: 1160px) {
      .type-reservation .selected-services-container .selected-services {
        padding: 0 0 40px; } }

.page-my-selection .inquiry-container,
.type-villa .inquiry-container {
  width: calc(4/12* 100%);
  padding: 0 15px; }
  @media all and (max-width: 1160px) {
    .page-my-selection .inquiry-container,
    .type-villa .inquiry-container {
      width: 50%; } }
  @media all and (max-width: 960px) {
    .page-my-selection .inquiry-container,
    .type-villa .inquiry-container {
      width: 75%; } }
  @media all and (max-width: 660px) {
    .page-my-selection .inquiry-container,
    .type-villa .inquiry-container {
      width: calc(100% - 30px); } }

.page-my-selection .inquiry-form,
.type-villa .inquiry-form {
  background: #fff;
  padding: 30px; }
  .page-my-selection .inquiry-form h2,
  .type-villa .inquiry-form h2 {
    color: var(--gold);
    text-align: center;
    padding: 0 0 30px; }
  .page-my-selection .inquiry-form .gform_footer,
  .type-villa .inquiry-form .gform_footer {
    padding-bottom: 0; }
  .page-my-selection .inquiry-form .gfield input,
  .page-my-selection .inquiry-form .gfield textarea,
  .type-villa .inquiry-form .gfield input,
  .type-villa .inquiry-form .gfield textarea {
    border-bottom: 1px solid var(--medium-gray); }
  .page-my-selection .inquiry-form .select2-container--default,
  .type-villa .inquiry-form .select2-container--default {
    border-bottom: 1px solid var(--medium-gray); }
  @media all and (max-width: 660px) {
    .page-my-selection .inquiry-form,
    .type-villa .inquiry-form {
      padding: 15px; } }

.type-villa .inquiry-form {
  padding: 0; }

.page-my-selection {
  background: var(--medium-gray); }
  .page-my-selection .intro-title {
    padding-bottom: 90px; }
    @media all and (max-width: 960px) {
      .page-my-selection .intro-title {
        padding-bottom: 60px; } }
  .page-my-selection > .flex:first-of-type {
    margin: 0 -15px; }
    @media all and (max-width: 960px) {
      .page-my-selection > .flex:first-of-type {
        margin: 0 -7px; } }
    @media all and (max-width: 660px) {
      .page-my-selection > .flex:first-of-type {
        margin: 0; } }
  .page-my-selection .button-more {
    padding: 90px 0; }
    @media all and (max-width: 960px) {
      .page-my-selection .button-more {
        padding: 60px 0; } }
    @media all and (max-width: 660px) {
      .page-my-selection .button-more {
        padding: 30px 0; } }
  .page-my-selection .gform_fields {
    margin: 0; }
  @media all and (max-width: 1440px) {
    .page-my-selection .inquiry-container {
      width: calc(5/12 * 100%); } }
  @media all and (max-width: 1160px) {
    .page-my-selection .inquiry-container {
      width: 50%; } }
  @media all and (max-width: 960px) {
    .page-my-selection .inquiry-container {
      width: 75%;
      margin: 0 auto;
      padding: 0 7px; } }
  @media all and (max-width: 660px) {
    .page-my-selection .inquiry-container {
      width: 100%;
      padding: 0; } }
  .page-my-selection .my-selections-container {
    width: calc(8/12 * 100%);
    margin: 0 !important;
    /* .slick-slide {
            padding: 0 15px;
            height: inherit;

            >div {
                height: 100%;
            }

            .villa-slide {
                display: flex !important;
                height: 100% !important;
                flex-direction: column;
                background: #fff;
            }

            @media all and (max-width:960px) {
                padding: 0 7px;
            }

            @media all and (max-width:660px) {
                padding: 0;
            }
        } */ }
    .page-my-selection .my-selections-container .villa-slide {
      width: 50%;
      padding: 0 15px 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media all and (max-width: 1160px) {
        .page-my-selection .my-selections-container .villa-slide {
          width: 100%; } }
      @media all and (max-width: 960px) {
        .page-my-selection .my-selections-container .villa-slide {
          width: 50%;
          padding: 0 7px 30px; }
          .page-my-selection .my-selections-container .villa-slide:last-of-type {
            padding: 0 7px 60px; } }
      @media all and (max-width: 660px) {
        .page-my-selection .my-selections-container .villa-slide {
          width: 100%;
          padding: 0 0 30px; }
          .page-my-selection .my-selections-container .villa-slide:last-of-type {
            padding: 0 0 60px; } }
    @media all and (max-width: 1440px) {
      .page-my-selection .my-selections-container {
        width: calc(7/12 * 100%); } }
    @media all and (max-width: 1160px) {
      .page-my-selection .my-selections-container {
        width: 50%; } }
    @media all and (max-width: 960px) {
      .page-my-selection .my-selections-container {
        width: 100%;
        margin: 0 0 30px;
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        height: unset;
        overflow-y: unset; } }
    .page-my-selection .my-selections-container .slick-track {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important; }
    .page-my-selection .my-selections-container .my-selection-extra {
      margin: auto 0 0;
      padding: 15px 0 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      background: var(--medium-gray); }
      .page-my-selection .my-selections-container .my-selection-extra > div:first-of-type {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        -webkit-transition: all 0.35s;
        -o-transition: all 0.35s;
        transition: all 0.35s; }
        .page-my-selection .my-selections-container .my-selection-extra > div:first-of-type svg circle,
        .page-my-selection .my-selections-container .my-selection-extra > div:first-of-type svg path {
          -webkit-transition: all 0.35s;
          -o-transition: all 0.35s;
          transition: all 0.35s; }
        .page-my-selection .my-selections-container .my-selection-extra > div:first-of-type:hover {
          color: var(--gold); }
          .page-my-selection .my-selections-container .my-selection-extra > div:first-of-type:hover svg circle {
            fill: var(--gold); }
          .page-my-selection .my-selections-container .my-selection-extra > div:first-of-type:hover svg text {
            fill: #fff; }
        .page-my-selection .my-selections-container .my-selection-extra > div:first-of-type > div:first-of-type {
          margin: 0 9px 0 0; }
        @media all and (max-width: 1160px) {
          .page-my-selection .my-selections-container .my-selection-extra > div:first-of-type svg {
            display: block;
            width: 35px;
            height: auto; } }

.open-inquiry body {
  overflow: hidden; }

.open-inquiry .type-villa .inquiry {
  visibility: visible;
  pointer-events: all;
  /* .contact_form_arrival,
        .contact_form_departure {
            input {
                pointer-events:none;
            }
        } */ }
  .open-inquiry .type-villa .inquiry .gform_confirmation_message {
    padding: 0 0 30px; }
  .open-inquiry .type-villa .inquiry .inquiry-container {
    opacity: 1;
    -webkit-transition: all 0.35s 0.35s;
    -o-transition: all 0.35s 0.35s;
    transition: all 0.35s 0.35s; }
  .open-inquiry .type-villa .inquiry .overlay {
    opacity: 0.5; }
  .open-inquiry .type-villa .inquiry .inquiry-form {
    position: relative; }
    .open-inquiry .type-villa .inquiry .inquiry-form .villa-price {
      position: absolute;
      bottom: 0;
      right: 30px; }

.type-villa .marker,
.page-template-template-our-villas .tease-villa-marker,
.home .tease-villa-marker {
  text-align: center;
  position: relative; }
  .type-villa .marker .tease--villa__info--marker + h2,
  .page-template-template-our-villas .tease-villa-marker .tease--villa__info--marker + h2,
  .home .tease-villa-marker .tease--villa__info--marker + h2 {
    padding: 0 10px 10px; }
  .type-villa .marker a,
  .page-template-template-our-villas .tease-villa-marker a,
  .home .tease-villa-marker a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1; }
  .type-villa .marker img,
  .page-template-template-our-villas .tease-villa-marker img,
  .home .tease-villa-marker img {
    width: 100%; }
  .type-villa .marker .h5,
  .page-template-template-our-villas .tease-villa-marker .h5,
  .home .tease-villa-marker .h5 {
    padding: 15px 10px 10px; }
  .type-villa .marker h2,
  .page-template-template-our-villas .tease-villa-marker h2,
  .home .tease-villa-marker h2 {
    -webkit-transition: color 0.35s;
    -o-transition: color 0.35s;
    transition: color 0.35s; }
  .type-villa .marker .bedrooms-guests,
  .page-template-template-our-villas .tease-villa-marker .bedrooms-guests,
  .home .tease-villa-marker .bedrooms-guests {
    padding: 5px 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .type-villa .marker .bedrooms-guests > span,
    .page-template-template-our-villas .tease-villa-marker .bedrooms-guests > span,
    .home .tease-villa-marker .bedrooms-guests > span {
      margin: 0 5px;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #000; }
  .type-villa .marker:hover h2,
  .page-template-template-our-villas .tease-villa-marker:hover h2,
  .home .tease-villa-marker:hover h2 {
    color: var(--gold); }

.type-villa .inquiry {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  pointer-events: none;
  visibility: hidden; }
  .type-villa .inquiry .inquiry-container {
    padding: 0;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding: 60px 30px 30px;
    opacity: 0;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    overflow: auto;
    height: 80%;
    max-height: 700px; }
    @media all and (max-width: 1440px) {
      .type-villa .inquiry .inquiry-container {
        width: calc(5 / 12 * 100%); } }
    @media all and (max-width: 1160px) {
      .type-villa .inquiry .inquiry-container {
        width: 50%;
        height: 90%; } }
    @media all and (max-width: 960px) {
      .type-villa .inquiry .inquiry-container {
        width: 75%; } }
    @media all and (max-width: 660px) {
      .type-villa .inquiry .inquiry-container {
        padding: 30px 15px;
        width: calc(100% - 30px);
        height: calc(100% - 30px); } }
  .type-villa .inquiry .close-form {
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer; }
    .type-villa .inquiry .close-form svg rect {
      -webkit-transition: fill 0.35s;
      -o-transition: fill 0.35s;
      transition: fill 0.35s; }
    .type-villa .inquiry .close-form:hover svg rect {
      fill: var(--gold); }
  .type-villa .inquiry .overlay {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    z-index: -1;
    position: relative;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s; }
  .type-villa .inquiry .gform_footer {
    padding: 30px 0 0; }

.type-villa .villa-hero {
  position: relative; }
  .type-villa .villa-hero .bg-image {
    height: 100vh; }
  .type-villa .villa-hero .villa-big-img .slick-slide > div {
    height: 100vh; }
    .type-villa .villa-hero .villa-big-img .slick-slide > div > .bg-image {
      height: 100%; }
  .type-villa .villa-hero .villa-big-img .slick-prev {
    width: 40px;
    height: 40px;
    left: 23px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    bottom: unset;
    z-index: 1; }
    .type-villa .villa-hero .villa-big-img .slick-prev:before {
      width: 30px;
      height: 30px;
      content: '';
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4NCiAgPHJlY3QgeD0iNS44NiIgeT0iOC40NSIgd2lkdGg9IjE4LjI0IiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk0IDEzLjIxKSByb3RhdGUoLTQ1KSIgZmlsbD0iIzAxMDEwMSIvPg0KICA8cmVjdCB4PSIxNC44MiIgeT0iMTIuNjUiIHdpZHRoPSIxIiBoZWlnaHQ9IjE3LjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC42MSAxNy4wOSkgcm90YXRlKC00NSkiIGZpbGw9IiMwMTAxMDEiLz4NCjwvc3ZnPg0K) no-repeat center;
      background-size: cover;
      margin: 0 auto;
      -webkit-transform: scale(0.75);
          -ms-transform: scale(0.75);
              transform: scale(0.75); }
    .type-villa .villa-hero .villa-big-img .slick-prev:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 50%;
      background-color: #fff;
      z-index: -1; }
    @media all and (max-width: 960px) {
      .type-villa .villa-hero .villa-big-img .slick-prev {
        left: 7px;
        width: 30px;
        height: 30px;
        /* &:before {
                        width: unset;
                        height: inherit;
                    } */ }
        .type-villa .villa-hero .villa-big-img .slick-prev:before {
          width: 25px;
          height: 25px; } }
  .type-villa .villa-hero .villa-big-img .slick-next {
    width: 40px;
    height: 40px;
    right: 23px;
    left: unset;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    bottom: unset;
    z-index: 1; }
    .type-villa .villa-hero .villa-big-img .slick-next:before {
      width: 30px;
      height: 30px;
      content: '';
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4NCiAgPHJlY3QgeD0iNS45MSIgeT0iMjAuNTUiIHdpZHRoPSIxOC4yNCIgaGVpZ2h0PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuNDkgMTYuNzkpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjMDEwMTAxIi8+DQogIDxyZWN0IHg9IjE0LjE4IiB5PSItMC4wNSIgd2lkdGg9IjEiIGhlaWdodD0iMTcuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuODIgMTIuOTEpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjMDEwMTAxIi8+DQo8L3N2Zz4NCg==) no-repeat center;
      background-size: cover;
      margin: 0 auto;
      -webkit-transform: scale(0.75);
          -ms-transform: scale(0.75);
              transform: scale(0.75); }
    .type-villa .villa-hero .villa-big-img .slick-next:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 50%;
      background-color: #fff;
      z-index: -1; }
    @media all and (max-width: 960px) {
      .type-villa .villa-hero .villa-big-img .slick-next {
        right: 7px;
        width: 30px;
        height: 30px;
        /* &:before {
                        width: unset;
                        height: inherit;
                    } */ }
        .type-villa .villa-hero .villa-big-img .slick-next:before {
          width: 25px;
          height: 25px; } }
  .type-villa .villa-hero .villa-short-info {
    position: absolute;
    z-index: 1;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 1360px;
    width: calc(100% - 60px); }
    .type-villa .villa-hero .villa-short-info > div {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: #fff;
      padding: 10px 10px 10px 30px;
      border-radius: 35px; }
      .type-villa .villa-hero .villa-short-info > div .short-title {
        width: 25%;
        border-right: 1px solid var(--medium-gray);
        padding: 0 5px 0 0; }
        @media all and (max-width: 1160px) {
          .type-villa .villa-hero .villa-short-info > div .short-title {
            width: 30%; } }
      .type-villa .villa-hero .villa-short-info > div .villa-included {
        border-right: 1px solid var(--medium-gray);
        position: relative;
        width: 15%;
        padding: 0 10px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        cursor: pointer; }
        @media all and (max-width: 1160px) {
          .type-villa .villa-hero .villa-short-info > div .villa-included {
            width: 13%; } }
        .type-villa .villa-hero .villa-short-info > div .villa-included .included-texts {
          position: absolute;
          top: calc(100% + 25px);
          left: 0;
          width: 200%;
          background: #fff;
          opacity: 0;
          visibility: hidden;
          -webkit-transition: all 0.35s;
          -o-transition: all 0.35s;
          transition: all 0.35s;
          max-height: 140px;
          overflow: auto;
          /* @media all and (max-width:1160px) {
                            width:200%;
                        } */ }
          .type-villa .villa-hero .villa-short-info > div .villa-included .included-texts ul {
            padding: 15px; }
        .type-villa .villa-hero .villa-short-info > div .villa-included span:last-of-type {
          -webkit-transition: -webkit-transform 0.35s;
          transition: -webkit-transform 0.35s;
          -o-transition: transform 0.35s;
          transition: transform 0.35s;
          transition: transform 0.35s, -webkit-transform 0.35s; }
        .type-villa .villa-hero .villa-short-info > div .villa-included.active .included-texts {
          opacity: 1;
          visibility: visible; }
        .type-villa .villa-hero .villa-short-info > div .villa-included.active span:last-of-type {
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          -webkit-transform-origin: center;
              -ms-transform-origin: center;
                  transform-origin: center; }
      .type-villa .villa-hero .villa-short-info > div .villa-checkin {
        width: 10.5%;
        padding: 0 10px;
        border-right: 1px solid var(--medium-gray);
        position: relative; }
        .type-villa .villa-hero .villa-short-info > div .villa-checkin:after {
          position: absolute;
          top: 50%;
          right: 12px;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjY3IiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCA5LjY3IDUiPg0KICA8Zz4NCiAgICA8cGF0aCBkPSJNLjc3LDBhLjU3LjU3LDAsMCwxLC40MS4xNkw1LjQxLDMuOTNhLjYzLjYzLDAsMCwxLDAsLjg3LjYyLjYyLDAsMCwxLS44NywwTC4zNywxLjA3QS42My42MywwLDAsMSwuMzIuMi42Mi42MiwwLDAsMSwuNzcsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMTYpIiBmaWxsPSIjODA4MDgxIi8+DQogICAgPHBhdGggZD0iTTkuMjIsMGEuNjMuNjMsMCwwLDEsLjQ2LjIuNjMuNjMsMCwwLDEsMCwuODdMNS40MSw0Ljg0YS42LjYsMCwwLDEtLjg2LDAsLjYyLjYyLDAsMCwxLDAtLjg3TDguODIuMTZBLjU3LjU3LDAsMCwxLDkuMjIsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMTYpIiBmaWxsPSIjODA4MDgxIi8+DQogIDwvZz4NCjwvc3ZnPg0K) no-repeat center;
          background-size: cover;
          width: 10px;
          height: 5px;
          content: ''; }
        .type-villa .villa-hero .villa-short-info > div .villa-checkin > input {
          font: inherit;
          cursor: pointer;
          width: 100%; }
        @media all and (max-width: 1160px) {
          .type-villa .villa-hero .villa-short-info > div .villa-checkin {
            width: 12.5%; } }
      .type-villa .villa-hero .villa-short-info > div .villa-checkout {
        width: 10.5%;
        padding: 0 10px;
        border-right: 1px solid var(--medium-gray);
        position: relative; }
        .type-villa .villa-hero .villa-short-info > div .villa-checkout:after {
          position: absolute;
          top: 50%;
          right: 12px;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjY3IiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCA5LjY3IDUiPg0KICA8Zz4NCiAgICA8cGF0aCBkPSJNLjc3LDBhLjU3LjU3LDAsMCwxLC40MS4xNkw1LjQxLDMuOTNhLjYzLjYzLDAsMCwxLDAsLjg3LjYyLjYyLDAsMCwxLS44NywwTC4zNywxLjA3QS42My42MywwLDAsMSwuMzIuMi42Mi42MiwwLDAsMSwuNzcsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMTYpIiBmaWxsPSIjODA4MDgxIi8+DQogICAgPHBhdGggZD0iTTkuMjIsMGEuNjMuNjMsMCwwLDEsLjQ2LjIuNjMuNjMsMCwwLDEsMCwuODdMNS40MSw0Ljg0YS42LjYsMCwwLDEtLjg2LDAsLjYyLjYyLDAsMCwxLDAtLjg3TDguODIuMTZBLjU3LjU3LDAsMCwxLDkuMjIsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMTYpIiBmaWxsPSIjODA4MDgxIi8+DQogIDwvZz4NCjwvc3ZnPg0K) no-repeat center;
          background-size: cover;
          width: 10px;
          height: 5px;
          content: ''; }
        .type-villa .villa-hero .villa-short-info > div .villa-checkout > input {
          font: inherit;
          cursor: pointer;
          width: 100%; }
        @media all and (max-width: 1160px) {
          .type-villa .villa-hero .villa-short-info > div .villa-checkout {
            width: 12.5%; } }
      .type-villa .villa-hero .villa-short-info > div .villa-price {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0 10px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .type-villa .villa-hero .villa-short-info > div .villa-price .nights {
          margin: 0 10px 0 0; }
      .type-villa .villa-hero .villa-short-info > div .villa-inquiry {
        width: 12.5%;
        margin: 0 0 0 auto; }
        .type-villa .villa-hero .villa-short-info > div .villa-inquiry > div {
          width: 100%;
          height: 40px;
          background: var(--gold);
          border-radius: 25px;
          text-align: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          color: #fff;
          cursor: pointer;
          -webkit-transition: all 0.35s;
          -o-transition: all 0.35s;
          transition: all 0.35s; }
          .type-villa .villa-hero .villa-short-info > div .villa-inquiry > div:hover {
            background: #000;
            color: #fff; }
          @media all and (max-width: 1160px) {
            .type-villa .villa-hero .villa-short-info > div .villa-inquiry > div {
              height: 30px;
              font-size: 11px;
              line-height: 14px; } }
    @media all and (max-width: 960px) {
      .type-villa .villa-hero .villa-short-info {
        display: none !important; } }
  .type-villa .villa-hero .villa-short-info-mobile {
    display: none !important;
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 61.66667%;
    background: #fff;
    border-radius: 25px;
    padding: 10px 5px 10px 20px;
    cursor: pointer;
    z-index: 1; }
    @media all and (max-width: 960px) {
      .type-villa .villa-hero .villa-short-info-mobile {
        padding: 8px 5px 8px 20px; } }
    @media all and (max-width: 660px) {
      .type-villa .villa-hero .villa-short-info-mobile {
        width: calc(100% - 30px);
        padding: 10px 5px 10px 20px; } }
    .type-villa .villa-hero .villa-short-info-mobile.is-active .to-open-button.arrow-up {
      display: none; }
    .type-villa .villa-hero .villa-short-info-mobile.is-active .to-open-button.arrow-down {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .type-villa .villa-hero .villa-short-info-mobile:hover .to-open-button {
      background: #000; }
    .type-villa .villa-hero .villa-short-info-mobile > .tab-content {
      display: none; }
    .type-villa .villa-hero .villa-short-info-mobile > .tab-title {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .type-villa .villa-hero .villa-short-info-mobile .big-dropdown > div {
      border-bottom: 1px solid var(--medium-gray);
      padding: 10px 0;
      width: calc(100% - 10px); }
      @media all and (max-width: 660px) {
        .type-villa .villa-hero .villa-short-info-mobile .big-dropdown > div {
          padding: 14px 0; } }
    .type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-included > div:first-of-type {
      margin: 0 0 5px; }
    .type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-inquiry {
      width: 50%;
      border: none;
      margin: 0 auto;
      padding: 30px 0 60px; }
      @media all and (max-width: 960px) {
        .type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-inquiry {
          padding: 20px 0; } }
      @media all and (max-width: 660px) {
        .type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-inquiry {
          padding: 30px 0 60px; } }
      .type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-inquiry > div {
        height: 30px;
        background: var(--gold);
        border-radius: 25px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: #fff;
        cursor: pointer;
        -webkit-transition: all 0.35s;
        -o-transition: all 0.35s;
        transition: all 0.35s; }
        .type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-inquiry > div:hover {
          background: #000;
          color: #fff; }
    .type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-price .nights {
      margin: 0 10px 0 0; }
    .type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-checkin input,
    .type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-checkout input {
      width: 100%; }
    .type-villa .villa-hero .villa-short-info-mobile .to-open-button {
      width: 30px;
      height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: var(--gold);
      border-radius: 50%;
      cursor: pointer;
      -webkit-transition: all 0.35s;
      -o-transition: all 0.35s;
      transition: all 0.35s; }
      .type-villa .villa-hero .villa-short-info-mobile .to-open-button svg {
        line-height: 0; }
        .type-villa .villa-hero .villa-short-info-mobile .to-open-button svg path {
          fill: #fff; }
      .type-villa .villa-hero .villa-short-info-mobile .to-open-button.arrow-down {
        display: none; }
    .type-villa .villa-hero .villa-short-info-mobile .villa-dates {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .type-villa .villa-hero .villa-short-info-mobile .villa-dates > div {
        width: 50%; }
    @media all and (max-width: 960px) {
      .type-villa .villa-hero .villa-short-info-mobile {
        display: block !important; } }
  .type-villa .villa-hero .show-gallery {
    position: absolute;
    bottom: 100px;
    right: 30px; }
    @media all and (min-width: 1771px) {
      .type-villa .villa-hero .show-gallery {
        bottom: 49px; } }
    @media all and (max-width: 960px) {
      .type-villa .villa-hero .show-gallery {
        bottom: 75px;
        right: 15px; } }
    .type-villa .villa-hero .show-gallery .gallery-text > div {
      color: #fff;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: color 0.35s;
      -o-transition: color 0.35s;
      transition: color 0.35s; }
      @media all and (max-width: 660px) {
        .type-villa .villa-hero .show-gallery .gallery-text > div {
          font-size: 12px;
          line-height: 15px; } }
      .type-villa .villa-hero .show-gallery .gallery-text > div > span {
        display: block;
        margin: 0 0 0 10px;
        line-height: 0; }
        .type-villa .villa-hero .show-gallery .gallery-text > div > span svg path {
          -webkit-transition: fill 0.35s;
          -o-transition: fill 0.35s;
          transition: fill 0.35s; }
      .type-villa .villa-hero .show-gallery .gallery-text > div:hover {
        color: var(--gold); }
        .type-villa .villa-hero .show-gallery .gallery-text > div:hover svg path {
          fill: var(--gold); }
    .type-villa .villa-hero .show-gallery img {
      display: none !important; }

.type-villa .villa-gallery-slider {
  margin: 2px 0 0;
  /* .slick-prev {
            left: 23px;
            transform: translateY(-50%);
            top: 50%;
            bottom: unset;
            z-index: 1;

            @media all and (max-width:960px) {
                left: 7px;
            }

            &:before {
                filter:invert(1);
                content: '';
                background: url('../img/arrow-left-gallery.svg') no-repeat center;
                background-size: cover;
        
        
                [dir="rtl"] & {
                    content: $slick-next-character;
                }
            }
        }
        
        .slick-next {
            right: 23px;
            left:unset;
            transform: translateY(-50%);
            top: 50%;
            bottom: unset;
            z-index: 1;
            
            @media all and (max-width:960px) {
                right: 7px;
                
            }

            &:before {
                filter:invert(1);
                content: '';
                background: url('../img/arrow-right-gallery.svg') no-repeat center;
                background-size: cover;
            }
        } */ }
  .type-villa .villa-gallery-slider .slick-prev {
    width: 40px;
    height: 40px;
    left: 23px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    bottom: unset;
    z-index: 1; }
    .type-villa .villa-gallery-slider .slick-prev:before {
      width: 30px;
      height: 30px;
      content: '';
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4NCiAgPHJlY3QgeD0iNS44NiIgeT0iOC40NSIgd2lkdGg9IjE4LjI0IiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk0IDEzLjIxKSByb3RhdGUoLTQ1KSIgZmlsbD0iIzAxMDEwMSIvPg0KICA8cmVjdCB4PSIxNC44MiIgeT0iMTIuNjUiIHdpZHRoPSIxIiBoZWlnaHQ9IjE3LjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC42MSAxNy4wOSkgcm90YXRlKC00NSkiIGZpbGw9IiMwMTAxMDEiLz4NCjwvc3ZnPg0K) no-repeat center;
      background-size: cover;
      margin: 0 auto;
      -webkit-transform: scale(0.75);
          -ms-transform: scale(0.75);
              transform: scale(0.75); }
    .type-villa .villa-gallery-slider .slick-prev:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 50%;
      background-color: #fff;
      z-index: -1;
    }
    @media all and (max-width: 960px) {
      .type-villa .villa-gallery-slider .slick-prev {
        left: 7px;
        width: 30px;
        height: 30px;
        /* &:before {
                    width: unset;
                    height: inherit;
                } */ }
        .type-villa .villa-gallery-slider .slick-prev:before {
          width: 25px;
          height: 25px; } }
  .type-villa .villa-gallery-slider .slick-next {
    width: 40px;
    height: 40px;
    right: 23px;
    left: unset;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    bottom: unset;
    z-index: 1; }
    .type-villa .villa-gallery-slider .slick-next:before {
      width: 30px;
      height: 30px;
      content: '';
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4NCiAgPHJlY3QgeD0iNS45MSIgeT0iMjAuNTUiIHdpZHRoPSIxOC4yNCIgaGVpZ2h0PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuNDkgMTYuNzkpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjMDEwMTAxIi8+DQogIDxyZWN0IHg9IjE0LjE4IiB5PSItMC4wNSIgd2lkdGg9IjEiIGhlaWdodD0iMTcuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuODIgMTIuOTEpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjMDEwMTAxIi8+DQo8L3N2Zz4NCg==) no-repeat center;
      background-size: cover;
      margin: 0 auto;
      -webkit-transform: scale(0.75);
          -ms-transform: scale(0.75);
              transform: scale(0.75); }
    .type-villa .villa-gallery-slider .slick-next:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 50%;
      background-color: #fff;
      z-index: -1; }
    @media all and (max-width: 960px) {
      .type-villa .villa-gallery-slider .slick-next {
        right: 7px;
        width: 30px;
        height: 30px;
        /*  &:before {
                    width: unset;
                    height: inherit;
                } */ }
        .type-villa .villa-gallery-slider .slick-next:before {
          width: 25px;
          height: 25px; } }
  .type-villa .villa-gallery-slider .slide-img {
    line-height: 0 !important;
    display: block !important;
    height: 100%;
    position: relative; }
    .type-villa .villa-gallery-slider .slide-img .overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #000;
      opacity: 0;
      -webkit-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s; }
    .type-villa .villa-gallery-slider .slide-img .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      .type-villa .villa-gallery-slider .slide-img .icon > div {
        overflow: hidden; }
        .type-villa .villa-gallery-slider .slide-img .icon > div > svg {
          display: block;
          -webkit-transform: translateY(100%);
              -ms-transform: translateY(100%);
                  transform: translateY(100%);
          -webkit-transition: -webkit-transform 0.2s;
          transition: -webkit-transform 0.2s;
          -o-transition: transform 0.2s;
          transition: transform 0.2s;
          transition: transform 0.2s, -webkit-transform 0.2s; }
      .type-villa .villa-gallery-slider .slide-img .icon svg path {
        fill: #fff; }
    .type-villa .villa-gallery-slider .slide-img:hover .overlay {
      opacity: 0.5; }
    .type-villa .villa-gallery-slider .slide-img:hover .icon > div > svg {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
  .type-villa .villa-gallery-slider .slick-slide {
    margin: 0 2px 0 0;
    cursor: pointer; }
    .type-villa .villa-gallery-slider .slick-slide img {
      width: 100%;
      height: 11.46vw;
      /* min-height: 165px;

                @media all and (max-width:660px) {
                    min-height: 135px;
                } */ }
      @media all and (max-width: 960px) {
        .type-villa .villa-gallery-slider .slick-slide img {
          height: 16.5vw; } }
      @media all and (max-width: 660px) {
        .type-villa .villa-gallery-slider .slick-slide img {
          height: 33vw; } }

.type-villa .villa-information {
  padding: 90px 0 0; }
  @media all and (max-width: 1160px) {
    .type-villa .villa-information {
      padding: 60px 0 0; } }
  .type-villa .villa-information h1 {
    text-align: center;
    padding: 0 calc(4 / 12 * 100%) 30px; }
    @media all and (max-width: 960px) {
      .type-villa .villa-information h1 {
        padding: 0 25% 30px; } }
    @media all and (max-width: 660px) {
      .type-villa .villa-information h1 {
        padding: 0 15px 30px; } }

.type-villa .villa-info-grid-1 {
  padding: 0 8.33333%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media all and (max-width: 960px) {
    .type-villa .villa-info-grid-1 {
      padding: 0 15px; } }
  .type-villa .villa-info-grid-1 > .col {
    width: 33.33333%;
    padding: 18px 0;
    text-align: center;
    border-top: 1px solid var(--medium-gray);
    border-right: 1px solid var(--medium-gray);
    border-bottom: 1px solid var(--medium-gray); }
    .type-villa .villa-info-grid-1 > .col:last-of-type {
      border-right: none; }
    @media all and (max-width: 1160px) {
      .type-villa .villa-info-grid-1 > .col {
        padding: 14px 0; } }
    @media all and (max-width: 960px) {
      .type-villa .villa-info-grid-1 > .col {
        padding: 10px 0; } }
    @media all and (max-width: 660px) {
      .type-villa .villa-info-grid-1 > .col {
        border: none;
        padding: 14px 0; } }
  @media all and (max-width: 660px) {
    .type-villa .villa-info-grid-1 .bedrooms,
    .type-villa .villa-info-grid-1 .guests {
      width: 50%;
      border-bottom: 1px solid var(--medium-gray); }
    .type-villa .villa-info-grid-1 .bedrooms {
      border-right: 1px solid var(--medium-gray); }
    .type-villa .villa-info-grid-1 .price {
      width: 100%;
      border-bottom: 1px solid var(--medium-gray); } }

.type-villa .villa-info-grid-2 {
  padding: 0 8.33333%;
  /* max-width: 1440px;
        margin: 0 auto; */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* @media all and (min-width:1441px) {
            padding:0;
            max-width:1390px;
            margin:0 auto;
        } */ }
  @media all and (max-width: 960px) {
    .type-villa .villa-info-grid-2 {
      padding: 0 15px; } }
  .type-villa .villa-info-grid-2 .show-inquiry-form {
    cursor: pointer;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s; }
    .type-villa .villa-info-grid-2 .show-inquiry-form:hover {
      color: var(--gold); }
  .type-villa .villa-info-grid-2 > .col {
    width: 33.33333%;
    padding: 18px 0;
    text-align: center;
    border-right: 1px solid var(--medium-gray);
    border-bottom: 1px solid var(--medium-gray); }
    @media all and (max-width: 1160px) {
      .type-villa .villa-info-grid-2 > .col {
        width: 25%;
        padding: 14px 0; } }
    @media all and (max-width: 960px) {
      .type-villa .villa-info-grid-2 > .col {
        padding: 10px 0; } }
    @media all and (max-width: 660px) {
      .type-villa .villa-info-grid-2 > .col {
        border: none;
        padding: 14px 0; } }
    .type-villa .villa-info-grid-2 > .col:last-of-type {
      border-right: none; }
  .type-villa .villa-info-grid-2 > .col-2 {
    width: 16.66667%; }
    @media all and (max-width: 1160px) {
      .type-villa .villa-info-grid-2 > .col-2 {
        width: 25%; } }
  .type-villa .villa-info-grid-2 > .col.flex {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .type-villa .villa-info-grid-2 .selection .villa-wishlist {
    position: static; }
    .type-villa .villa-info-grid-2 .selection .villa-wishlist .wishlist-0 svg path {
      fill: #000; }
    .type-villa .villa-info-grid-2 .selection .villa-wishlist .wishlist-1 svg path {
      fill: var(--gold); }
  @media all and (max-width: 660px) {
    .type-villa .villa-info-grid-2 .to-mykonos-town,
    .type-villa .villa-info-grid-2 .to-beach {
      width: 50%;
      border-bottom: 1px solid var(--medium-gray); }
    .type-villa .villa-info-grid-2 .to-mykonos-town {
      border-right: 1px solid var(--medium-gray); }
    .type-villa .villa-info-grid-2 .selection,
    .type-villa .villa-info-grid-2 .show-inquiry-form {
      width: 50%;
      border-bottom: 1px solid var(--medium-gray); }
    .type-villa .villa-info-grid-2 .selection {
      border-right: 1px solid var(--medium-gray); } }

.type-villa .text-block {
  padding: 60px 0;
  margin: 0 8.33333%;
  border-bottom: 1px solid var(--medium-gray); }
  .type-villa .text-block > .flex {
    margin: 0 -15px; }
  .type-villa .text-block .left,
  .type-villa .text-block .right {
    width: 50%;
    padding: 0 15px; }
  .type-villa .text-block:last-of-type {
    padding-bottom: 90px; }
    @media all and (max-width: 1160px) {
      .type-villa .text-block:last-of-type {
        padding-bottom: 60px; } }
  @media all and (max-width: 960px) {
    .type-villa .text-block {
      padding: 30px 0; }
      .type-villa .text-block > .flex {
        margin: 0 -7px; }
      .type-villa .text-block .left,
      .type-villa .text-block .right {
        padding: 0 7px; } }
  @media all and (max-width: 660px) {
    .type-villa .text-block {
      margin: 0 15px;
      padding: 30px 0; }
      .type-villa .text-block > .flex {
        margin: 0; }
      .type-villa .text-block .left,
      .type-villa .text-block .right {
        padding: 0;
        width: 100%; }
      .type-villa .text-block .left {
        padding: 0 0 15px; } }

.type-villa .villa-description {
  padding: 90px 0; }
  @media all and (max-width: 1160px) {
    .type-villa .villa-description {
      padding: 60px 0; } }
  @media all and (max-width: 660px) {
    .type-villa .villa-description {
      padding: 60px 0 30px; } }
  .type-villa .villa-description .left h2 {
    margin: 0 0 10px; }
  .type-villa .villa-description .right > div {
    max-width: 700px; }
    .type-villa .villa-description .right > div a {
      color: var(--gold); }
      .type-villa .villa-description .right > div a:hover {
        color: #000; }

.type-villa .villa-layout .right .level-item {
  padding: 0 0 30px; }
  .type-villa .villa-layout .right .level-item:last-of-type {
    padding: 0; }
  .type-villa .villa-layout .right .level-item > .villa-level-description {
    padding: 0 0 0 13px;
    max-width: 700px; }

.type-villa .villa-comforts-amenities .right .semibold {
  margin: 0 0 5px; }

.type-villa .villa-comforts-amenities .right .indoors {
  padding: 0 10px 0 0;
  width: 40%; }

.type-villa .villa-comforts-amenities .right .outdoors {
  width: 60%; }

@media all and (max-width: 960px) {
  .type-villa .villa-comforts-amenities .right .indoors,
  .type-villa .villa-comforts-amenities .right .outdoors {
    width: 100%; }
  .type-villa .villa-comforts-amenities .right .indoors {
    padding: 0 0 15px 0; } }

.type-villa .villa-policy .right li {
  margin: 0 0 5px; }
  .type-villa .villa-policy .right li > div:first-of-type {
    width: 40%;
    margin: 0; }

.type-villa .villa-location {
  background: var(--medium-gray); }
  .type-villa .villa-location > h2 {
    padding: 90px 30px;
    text-align: center; }
    @media all and (max-width: 1160px) {
      .type-villa .villa-location > h2 {
        padding: 60px 30px; } }
    @media all and (max-width: 660px) {
      .type-villa .villa-location > h2 {
        padding: 60px 15px; } }
  .type-villa .villa-location .marker.to-hide {
    display: none !important; }
  .type-villa .villa-location > .flex {
    padding: 0 8.33333% 120px;
    margin: 0 -15px; }
    @media all and (max-width: 1160px) {
      .type-villa .villa-location > .flex {
        padding: 0 8.33333% 90px; } }
    @media all and (max-width: 960px) {
      .type-villa .villa-location > .flex {
        padding: 0 15px 60px;
        margin: 0 -7px; } }
    @media all and (max-width: 660px) {
      .type-villa .villa-location > .flex {
        margin: 0; } }
  .type-villa .villa-location .left,
  .type-villa .villa-location .right {
    width: 50%;
    padding: 0 15px; }
    @media all and (max-width: 960px) {
      .type-villa .villa-location .left,
      .type-villa .villa-location .right {
        padding: 0 7px; } }
    @media all and (max-width: 660px) {
      .type-villa .villa-location .left,
      .type-villa .villa-location .right {
        padding: 0;
        width: 100%; } }
  .type-villa .villa-location .left #map-villa {
    padding-top: 100%; }
  .type-villa .villa-location .left .gm-style .gm-style-iw-c {
    padding: 0 !important; }
  .type-villa .villa-location .left .gm-style-iw-d {
    overflow: hidden !important; }
  @media all and (max-width: 660px) {
    .type-villa .villa-location .left #map-villa {
      padding-top: 140%; } }
  .type-villa .villa-location .right div.h5 {
    padding: 0 0 15px; }
  .type-villa .villa-location .right a {
    color: var(--gold); }
    .type-villa .villa-location .right a:hover {
      color: #000; }
  .type-villa .villa-location .right .area-description {
    max-width: 700px; }
  .type-villa .villa-location .right .distances {
    padding: 0 0 60px; }
    .type-villa .villa-location .right .distances li > h4 {
      width: 40%;
      padding: 0 10px 0 0; }
    @media all and (max-width: 960px) {
      .type-villa .villa-location .right .distances {
        padding: 0 0 30px; } }
    @media all and (max-width: 660px) {
      .type-villa .villa-location .right .distances li > h4 {
        width: 50%; } }
  @media all and (max-width: 660px) {
    .type-villa .villa-location .right {
      margin: 30px 0 0; } }

.type-villa .villas-extra {
  padding: 90px 0 0; }
  @media all and (max-width: 1160px) {
    .type-villa .villas-extra {
      padding: 60px 0 0; } }
  .type-villa .villas-extra .intro-title {
    padding-bottom: 120px; }
    @media all and (max-width: 1160px) {
      .type-villa .villas-extra .intro-title {
        padding-bottom: 90px; } }
    @media all and (max-width: 960px) {
      .type-villa .villas-extra .intro-title {
        padding-bottom: 30px; } }

.villas-extra-slider {
  padding: 0 0 180px 8.33333%;
  margin: 0 -15px; }
  @media all and (max-width: 1160px) {
    .villas-extra-slider {
      padding: 0 0 90px 8.33333%; } }
  @media all and (max-width: 960px) {
    .villas-extra-slider {
      margin: 0 -7px;
      padding: 0 0 90px 15px; } }
  @media all and (max-width: 660px) {
    .villas-extra-slider {
      margin: 0;
      padding: 0 0 60px; } }
  .villas-extra-slider .slick-list {
    overflow: unset !important; }
  .villas-extra-slider .slick-slide {
    padding: 0 15px; }
    @media all and (max-width: 960px) {
      .villas-extra-slider .slick-slide {
        padding: 0 7px; } }
    @media all and (max-width: 660px) {
      .villas-extra-slider .slick-slide {
        padding: 0 15px; } }
    .villas-extra-slider .slick-slide a {
      line-height: 0;
      display: block;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; }
      .villas-extra-slider .slick-slide a:hover {
        color: #000; }
        .villas-extra-slider .slick-slide a:hover h3 {
          color: var(--gold); }
        .villas-extra-slider .slick-slide a:hover .thumbnail .tease-overlay {
          opacity: 0.3; }
    .villas-extra-slider .slick-slide h3 {
      -webkit-transition: color 0.35s;
      -o-transition: color 0.35s;
      transition: color 0.35s;
      padding: 20px 0 0;
      text-align: center; }
    .villas-extra-slider .slick-slide .thumbnail {
      position: relative; }
      .villas-extra-slider .slick-slide .thumbnail .tease-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: 0;
        -webkit-transition: opacity 0.35s;
        -o-transition: opacity 0.35s;
        transition: opacity 0.35s; }
      .villas-extra-slider .slick-slide .thumbnail img {
        width: 100%; }

.page-our-villas {
  background: var(--medium-gray); }
  @media all and (max-width: 960px) {
    .page-our-villas {
      padding: 160px 0 30px; } }
  @media all and (max-width: 660px) {
    .page-our-villas {
      padding: 130px 0 30px; } }
  .page-our-villas .our-villas-link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .page-our-villas .sort {
    margin: 60px 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 9px 0; }
    @media all and (max-width: 1160px) {
      .page-our-villas .sort {
        margin: 30px;
        padding: 7px 0; } }
    @media all and (max-width: 960px) {
      .page-our-villas .sort {
        margin: 30px 15px; } }
    @media all and (max-width: 660px) {
      .page-our-villas .sort .results-text {
        display: none; } }
    .page-our-villas .sort .sort-container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
      .page-our-villas .sort .sort-container > div:first-of-type {
        margin: 0 10px 0 0; }
      .page-our-villas .sort .sort-container .now__filter {
        cursor: pointer; }
        .page-our-villas .sort .sort-container .now__filter h3 {
          margin: 0 15px 0 0; }
        @media all and (max-width: 660px) {
          .page-our-villas .sort .sort-container .now__filter h3 {
            margin: 0 10px 0 0; } }
    .page-our-villas .sort .view > div {
      width: 40px;
      height: 40px;
      background: #fff;
      border-radius: 50%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: background 0.35s;
      -o-transition: background 0.35s;
      transition: background 0.35s; }
      .page-our-villas .sort .view > div > svg {
        line-height: 0; }
        .page-our-villas .sort .view > div > svg path {
          -webkit-transition: fill 0.35s;
          -o-transition: fill 0.35s;
          transition: fill 0.35s; }
      .page-our-villas .sort .view > div:hover {
        background: var(--gold); }
        .page-our-villas .sort .view > div:hover > svg path {
          fill: #fff; }
      @media all and (max-width: 1160px) {
        .page-our-villas .sort .view > div {
          width: 35px;
          height: 35px; }
          .page-our-villas .sort .view > div > svg {
            width: 14px;
            height: auto; } }
      @media all and (max-width: 660px) {
        .page-our-villas .sort .view > div {
          width: 30px;
          height: 30px; }
          .page-our-villas .sort .view > div > svg {
            width: 12px; } }
    .page-our-villas .sort .view > div.active {
      background: var(--gold); }
      .page-our-villas .sort .view > div.active > svg path {
        fill: #fff; }
  .page-our-villas .results-text-mobile {
    display: none !important;
    padding: 0 15px 0;
    margin: 0 0 30px;
    text-align: center; }
    @media all and (max-width: 660px) {
      .page-our-villas .results-text-mobile {
        display: block !important; } }
  .page-our-villas .vlist > .flex {
    margin: 0 -15px; }
  .page-our-villas .vlist .tease--villa {
    padding: 0 15px 30px;
    width: 50%; }
  @media all and (max-width: 960px) {
    .page-our-villas .vlist > .flex {
      margin: 0 -7px; }
    .page-our-villas .vlist .tease--villa {
      padding: 0 7px 30px; } }
  @media all and (max-width: 660px) {
    .page-our-villas .vlist > .flex {
      margin: 0; }
    .page-our-villas .vlist .tease--villa {
      width: 100%;
      padding: 0 0 30px; } }
  .page-our-villas .vlm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .page-our-villas .vlm .vlist {
      width: 100%; }
    .page-our-villas .vlm .vmap {
      width: 70%; }
    .page-our-villas .vlm.has-map {
      height: 900px; }
      @media all and (max-width: 960px) {
        .page-our-villas .vlm.has-map {
          height: 615px; }
          .page-our-villas .vlm.has-map #map {
            height: 100%; } }
      @media all and (max-width: 660px) {
        .page-our-villas .vlm.has-map {
          height: 500px; } }
      .page-our-villas .vlm.has-map .vmap {
        display: block !important; }
      .page-our-villas .vlm.has-map .vlist {
        height: 100%;
        overflow-y: scroll;
        width: 30%; }
        .page-our-villas .vlm.has-map .vlist > .flex {
          margin: 0;
          padding: 0; }
        .page-our-villas .vlm.has-map .vlist .tease--villa {
          padding: 0 15px 0; }
        .page-our-villas .vlm.has-map .vlist .tease {
          margin: 0 0 30px;
          opacity: 1 !important;
          -webkit-transform: none !important;
              -ms-transform: none !important;
                  transform: none !important;
          visibility: visible !important;
          width: 100%; }
          .page-our-villas .vlm.has-map .vlist .tease:last-child {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important; }
        .page-our-villas .vlm.has-map .vlist .pagination {
          opacity: 1 !important;
          -webkit-transform: none !important;
              -ms-transform: none !important;
                  transform: none !important;
          visibility: visible !important;
          padding-bottom: 30px !important; }
      @media all and (max-width: 960px) {
        .page-our-villas .vlm.has-map .vlist {
          display: none; }
        .page-our-villas .vlm.has-map .vmap {
          width: 100%; } }
  .page-our-villas .pagination {
    padding: 30px 0 120px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .page-our-villas .pagination > .button-small {
      -webkit-transition: all 0.35s;
      -o-transition: all 0.35s;
      transition: all 0.35s;
      cursor: pointer; }
    @media all and (max-width: 1160px) {
      .page-our-villas .pagination {
        padding: 30px 0 90px; } }
    @media all and (max-width: 960px) {
      .page-our-villas .pagination {
        padding: 0 0 60px; } }
    @media (hover: none) {
      .page-our-villas .pagination > .button-small {
        background: var(--gold) !important;
        color: #fff !important;
        border: 1px solid var(--gold) !important; } }
  .page-our-villas .closeby {
    padding-top: 30px;
    display: none; }
    .page-our-villas .closeby .closeby-title {
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      padding: 18px 0; }
      .page-our-villas .closeby .closeby-title > div {
        margin: 0 auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; }
      @media all and (max-width: 1160px) {
        .page-our-villas .closeby .closeby-title {
          padding: 14px 0; } }
      @media all and (max-width: 960px) {
        .page-our-villas .closeby .closeby-title {
          padding: 11px 0; } }
    .page-our-villas .closeby .list {
      margin: 0 -15px 0;
      padding: 60px 0 30px; }
      .page-our-villas .closeby .list > div {
        opacity: 1;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        visibility: visible;
        width: 50%;
        padding: 0 15px 30px; }
      @media all and (max-width: 1160px) {
        .page-our-villas .closeby .list {
          padding: 30px 0; } }
      @media all and (max-width: 960px) {
        .page-our-villas .closeby .list {
          margin: 0 -7px;
          padding: 30px 0; }
          .page-our-villas .closeby .list > div {
            padding: 0 7px 30px; } }
      @media all and (max-width: 660px) {
        .page-our-villas .closeby .list {
          margin: 0; }
          .page-our-villas .closeby .list > div {
            width: 100%;
            padding: 0 0 30px; } }

.sort .sort-container .now__filter .arrow-up {
  display: none; }

.sort__filters {
  background: #fff;
  position: absolute;
  left: 56px;
  top: calc(100% + 14px);
  min-width: 280px;
  visibility: hidden;
  pointer-events: none;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  z-index: 10; }
  .sort__filters .filter {
    padding: 0 30px; }
    @media all and (max-width: 960px) {
      .sort__filters .filter {
        padding: 0 15px; } }
    .sort__filters .filter label {
      cursor: pointer;
      -webkit-transition: all 0.35s;
      -o-transition: all 0.35s;
      transition: all 0.35s; }
      .sort__filters .filter label:hover {
        color: var(--gold); }
  .sort__filters .filter:first-of-type {
    padding: 30px 30px 0; }
    @media all and (max-width: 960px) {
      .sort__filters .filter:first-of-type {
        padding: 15px 15px 0; } }
  .sort__filters .filter:last-of-type {
    padding: 0 30px 30px; }
    @media all and (max-width: 960px) {
      .sort__filters .filter:last-of-type {
        padding: 0 15px 15px; } }
  .sort__filters .collections-title {
    padding: 30px 30px 0; }
    @media all and (max-width: 960px) {
      .sort__filters .collections-title {
        padding: 15px 15px 0; } }

.list-bullet {
  position: relative;
  padding: 0 0 0 13px;
  margin: 0 0 5px; }
  .list-bullet:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: var(--gold); }

.villa-wishlist {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  width: 25px;
  height: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .villa-wishlist > div {
    line-height: 0;
    cursor: pointer; }
  .villa-wishlist .wishlist-1 {
    display: none; }
  @media all and (max-width: 660px) {
    .villa-wishlist {
      right: 4px; } }

.vmap .tease--villa .villa-wishlist,
.my-selections-container .tease--villa .villa-wishlist {
  right: 4px; }

.vmap .tease--villa .tease-villa__info,
.my-selections-container .tease--villa .tease-villa__info {
  padding: 10px; }

.vmap .tease--villa .tease-villa-bottom .tease__villa-pin,
.my-selections-container .tease--villa .tease-villa-bottom .tease__villa-pin {
  width: 5%;
  margin: 0; }

.vmap .tease--villa .tease-villa-bottom .tease__villa-location,
.my-selections-container .tease--villa .tease-villa-bottom .tease__villa-location {
  width: 95%; }

.vmap .tease--villa .tease-villa-bottom .tease__villa-price,
.my-selections-container .tease--villa .tease-villa-bottom .tease__villa-price {
  width: 100%;
  margin: 3px 0 0; }

.tease--villa {
  position: relative; }
  .tease--villa .slick-slider {
    z-index: 2; }
    .tease--villa .slick-slider .img-slide {
      position: relative; }
    .tease--villa .slick-slider .slick-next {
      z-index: 3;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 10px;
      left: unset;
      bottom: unset; }
      .tease--villa .slick-slider .slick-next:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4NCiAgPHJlY3QgeD0iNS45MSIgeT0iMjAuNTUiIHdpZHRoPSIxOC4yNCIgaGVpZ2h0PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuNDkgMTYuNzkpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjMDEwMTAxIi8+DQogIDxyZWN0IHg9IjE0LjE4IiB5PSItMC4wNSIgd2lkdGg9IjEiIGhlaWdodD0iMTcuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuODIgMTIuOTEpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjMDEwMTAxIi8+DQo8L3N2Zz4NCg==) no-repeat center;
        -webkit-filter: invert(1);
                filter: invert(1); }
      @media all and (max-width: 960px) {
        .tease--villa .slick-slider .slick-next:before {
          margin: 0 0 0 10px; } }
    .tease--villa .slick-slider .slick-prev {
      z-index: 3;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      left: 10px;
      bottom: unset; }
      .tease--villa .slick-slider .slick-prev:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4NCiAgPHJlY3QgeD0iNS44NiIgeT0iOC40NSIgd2lkdGg9IjE4LjI0IiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk0IDEzLjIxKSByb3RhdGUoLTQ1KSIgZmlsbD0iIzAxMDEwMSIvPg0KICA8cmVjdCB4PSIxNC44MiIgeT0iMTIuNjUiIHdpZHRoPSIxIiBoZWlnaHQ9IjE3LjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC42MSAxNy4wOSkgcm90YXRlKC00NSkiIGZpbGw9IiMwMTAxMDEiLz4NCjwvc3ZnPg0K) no-repeat center;
        -webkit-filter: invert(1);
                filter: invert(1); }
  .tease--villa > a {
    background: #fff;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    position: relative;
    z-index: 0;
    display: block;
    height: 100%; }
    .tease--villa > a:hover {
      color: #000; }
  .tease--villa .tease-villa__info {
    padding: 20px;
    margin: auto 0 0; }
    @media all and (max-width: 960px) {
      .tease--villa .tease-villa__info {
        padding: 15px; } }
    @media all and (max-width: 660px) {
      .tease--villa .tease-villa__info {
        padding: 10px; } }
  .tease--villa .tease-villa-upper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .tease--villa .tease-villa-upper .tease-icons > div:first-of-type {
      margin: 0 30px 0 0; }
    .tease--villa .tease-villa-upper .tease-icons > div > div:first-of-type {
      margin: 0 10px 0 0; }
    @media all and (max-width: 960px) {
      .tease--villa .tease-villa-upper .tease-icons > div:first-of-type {
        margin: 0 15px 0 0; } }
  .tease--villa .tease-villa-medium h2 {
    padding: 10px 0 30px; }
    @media all and (max-width: 960px) {
      .tease--villa .tease-villa-medium h2 h2 {
        padding: 10px 0 20px; } }
  .tease--villa .tease-villa-bottom {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .tease--villa .tease-villa-bottom > .tease__villa-pin {
      margin: 0 10px 0 0; }
      @media all and (max-width: 660px) {
        .tease--villa .tease-villa-bottom > .tease__villa-pin {
          margin: 0 5px 0 0; } }
    .tease--villa .tease-villa-bottom > .tease__villa-price {
      margin: 0 0 0 auto; }
      @media all and (max-width: 1160px) {
        .tease--villa .tease-villa-bottom > .tease__villa-price {
          margin: 10px 0 0;
          width: 100%; } }

.page-villas-by-area,
.page-collections {
  background: var(--medium-gray); }
  .page-villas-by-area .intro-title,
  .page-collections .intro-title {
    /* @media all and (max-width:960px) {
            padding-bottom: 30px;
        } */ }
  .page-villas-by-area .locations-content,
  .page-villas-by-area .collections-content,
  .page-collections .locations-content,
  .page-collections .collections-content {
    padding: 60px 0 120px; }
    .page-villas-by-area .locations-content > .flex,
    .page-villas-by-area .collections-content > .flex,
    .page-collections .locations-content > .flex,
    .page-collections .collections-content > .flex {
      margin: 0 -15px; }
    .page-villas-by-area .locations-content .villa-location,
    .page-villas-by-area .locations-content .villa-collection,
    .page-villas-by-area .collections-content .villa-location,
    .page-villas-by-area .collections-content .villa-collection,
    .page-collections .locations-content .villa-location,
    .page-collections .locations-content .villa-collection,
    .page-collections .collections-content .villa-location,
    .page-collections .collections-content .villa-collection {
      width: 33.33333%;
      padding: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: relative;
      /* .location-info {
                background: #fff;
            } */ }
      .page-villas-by-area .locations-content .villa-location:before,
      .page-villas-by-area .locations-content .villa-collection:before,
      .page-villas-by-area .collections-content .villa-location:before,
      .page-villas-by-area .collections-content .villa-collection:before,
      .page-collections .locations-content .villa-location:before,
      .page-collections .locations-content .villa-collection:before,
      .page-collections .collections-content .villa-location:before,
      .page-collections .collections-content .villa-collection:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        content: '';
        width: calc(100% - 30px);
        height: calc(100% - 30px);
        background: #fff;
        z-index: -1; }
        @media all and (max-width: 960px) {
          .page-villas-by-area .locations-content .villa-location:before,
          .page-villas-by-area .locations-content .villa-collection:before,
          .page-villas-by-area .collections-content .villa-location:before,
          .page-villas-by-area .collections-content .villa-collection:before,
          .page-collections .locations-content .villa-location:before,
          .page-collections .locations-content .villa-collection:before,
          .page-collections .collections-content .villa-location:before,
          .page-collections .collections-content .villa-collection:before {
            width: calc(100% - 15px);
            height: calc(100% - 30px); } }
        @media all and (max-width: 660px) {
          .page-villas-by-area .locations-content .villa-location:before,
          .page-villas-by-area .locations-content .villa-collection:before,
          .page-villas-by-area .collections-content .villa-location:before,
          .page-villas-by-area .collections-content .villa-collection:before,
          .page-collections .locations-content .villa-location:before,
          .page-collections .locations-content .villa-collection:before,
          .page-collections .collections-content .villa-location:before,
          .page-collections .collections-content .villa-collection:before {
            display: none; } }
      .page-villas-by-area .locations-content .villa-location > a,
      .page-villas-by-area .locations-content .villa-collection > a,
      .page-villas-by-area .collections-content .villa-location > a,
      .page-villas-by-area .collections-content .villa-collection > a,
      .page-collections .locations-content .villa-location > a,
      .page-collections .locations-content .villa-collection > a,
      .page-collections .collections-content .villa-location > a,
      .page-collections .collections-content .villa-collection > a {
        display: block; }
        .page-villas-by-area .locations-content .villa-location > a:hover .location-img > .overlay,
        .page-villas-by-area .locations-content .villa-location > a:hover .collection-img > .overlay,
        .page-villas-by-area .locations-content .villa-collection > a:hover .location-img > .overlay,
        .page-villas-by-area .locations-content .villa-collection > a:hover .collection-img > .overlay,
        .page-villas-by-area .collections-content .villa-location > a:hover .location-img > .overlay,
        .page-villas-by-area .collections-content .villa-location > a:hover .collection-img > .overlay,
        .page-villas-by-area .collections-content .villa-collection > a:hover .location-img > .overlay,
        .page-villas-by-area .collections-content .villa-collection > a:hover .collection-img > .overlay,
        .page-collections .locations-content .villa-location > a:hover .location-img > .overlay,
        .page-collections .locations-content .villa-location > a:hover .collection-img > .overlay,
        .page-collections .locations-content .villa-collection > a:hover .location-img > .overlay,
        .page-collections .locations-content .villa-collection > a:hover .collection-img > .overlay,
        .page-collections .collections-content .villa-location > a:hover .location-img > .overlay,
        .page-collections .collections-content .villa-location > a:hover .collection-img > .overlay,
        .page-collections .collections-content .villa-collection > a:hover .location-img > .overlay,
        .page-collections .collections-content .villa-collection > a:hover .collection-img > .overlay {
          opacity: 0.3; }
      .page-villas-by-area .locations-content .villa-location .location-img,
      .page-villas-by-area .locations-content .villa-location .collection-img,
      .page-villas-by-area .locations-content .villa-collection .location-img,
      .page-villas-by-area .locations-content .villa-collection .collection-img,
      .page-villas-by-area .collections-content .villa-location .location-img,
      .page-villas-by-area .collections-content .villa-location .collection-img,
      .page-villas-by-area .collections-content .villa-collection .location-img,
      .page-villas-by-area .collections-content .villa-collection .collection-img,
      .page-collections .locations-content .villa-location .location-img,
      .page-collections .locations-content .villa-location .collection-img,
      .page-collections .locations-content .villa-collection .location-img,
      .page-collections .locations-content .villa-collection .collection-img,
      .page-collections .collections-content .villa-location .location-img,
      .page-collections .collections-content .villa-location .collection-img,
      .page-collections .collections-content .villa-collection .location-img,
      .page-collections .collections-content .villa-collection .collection-img {
        position: relative; }
        .page-villas-by-area .locations-content .villa-location .location-img > img,
        .page-villas-by-area .locations-content .villa-location .collection-img > img,
        .page-villas-by-area .locations-content .villa-collection .location-img > img,
        .page-villas-by-area .locations-content .villa-collection .collection-img > img,
        .page-villas-by-area .collections-content .villa-location .location-img > img,
        .page-villas-by-area .collections-content .villa-location .collection-img > img,
        .page-villas-by-area .collections-content .villa-collection .location-img > img,
        .page-villas-by-area .collections-content .villa-collection .collection-img > img,
        .page-collections .locations-content .villa-location .location-img > img,
        .page-collections .locations-content .villa-location .collection-img > img,
        .page-collections .locations-content .villa-collection .location-img > img,
        .page-collections .locations-content .villa-collection .collection-img > img,
        .page-collections .collections-content .villa-location .location-img > img,
        .page-collections .collections-content .villa-location .collection-img > img,
        .page-collections .collections-content .villa-collection .location-img > img,
        .page-collections .collections-content .villa-collection .collection-img > img {
          width: 100%;
          height: 100%; }
        .page-villas-by-area .locations-content .villa-location .location-img > .overlay,
        .page-villas-by-area .locations-content .villa-location .collection-img > .overlay,
        .page-villas-by-area .locations-content .villa-collection .location-img > .overlay,
        .page-villas-by-area .locations-content .villa-collection .collection-img > .overlay,
        .page-villas-by-area .collections-content .villa-location .location-img > .overlay,
        .page-villas-by-area .collections-content .villa-location .collection-img > .overlay,
        .page-villas-by-area .collections-content .villa-collection .location-img > .overlay,
        .page-villas-by-area .collections-content .villa-collection .collection-img > .overlay,
        .page-collections .locations-content .villa-location .location-img > .overlay,
        .page-collections .locations-content .villa-location .collection-img > .overlay,
        .page-collections .locations-content .villa-collection .location-img > .overlay,
        .page-collections .locations-content .villa-collection .collection-img > .overlay,
        .page-collections .collections-content .villa-location .location-img > .overlay,
        .page-collections .collections-content .villa-location .collection-img > .overlay,
        .page-collections .collections-content .villa-collection .location-img > .overlay,
        .page-collections .collections-content .villa-collection .collection-img > .overlay {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          background: #000;
          opacity: 0;
          -webkit-transition: opacity 0.35s;
          -o-transition: opacity 0.35s;
          transition: opacity 0.35s; }
      .page-villas-by-area .locations-content .villa-location .location-name,
      .page-villas-by-area .locations-content .villa-location .collection-name,
      .page-villas-by-area .locations-content .villa-collection .location-name,
      .page-villas-by-area .locations-content .villa-collection .collection-name,
      .page-villas-by-area .collections-content .villa-location .location-name,
      .page-villas-by-area .collections-content .villa-location .collection-name,
      .page-villas-by-area .collections-content .villa-collection .location-name,
      .page-villas-by-area .collections-content .villa-collection .collection-name,
      .page-collections .locations-content .villa-location .location-name,
      .page-collections .locations-content .villa-location .collection-name,
      .page-collections .locations-content .villa-collection .location-name,
      .page-collections .locations-content .villa-collection .collection-name,
      .page-collections .collections-content .villa-location .location-name,
      .page-collections .collections-content .villa-location .collection-name,
      .page-collections .collections-content .villa-collection .location-name,
      .page-collections .collections-content .villa-collection .collection-name {
        text-align: center;
        padding: 20px 0; }
        @media all and (max-width: 660px) {
          .page-villas-by-area .locations-content .villa-location .location-name,
          .page-villas-by-area .locations-content .villa-location .collection-name,
          .page-villas-by-area .locations-content .villa-collection .location-name,
          .page-villas-by-area .locations-content .villa-collection .collection-name,
          .page-villas-by-area .collections-content .villa-location .location-name,
          .page-villas-by-area .collections-content .villa-location .collection-name,
          .page-villas-by-area .collections-content .villa-collection .location-name,
          .page-villas-by-area .collections-content .villa-collection .collection-name,
          .page-collections .locations-content .villa-location .location-name,
          .page-collections .locations-content .villa-location .collection-name,
          .page-collections .locations-content .villa-collection .location-name,
          .page-collections .locations-content .villa-collection .collection-name,
          .page-collections .collections-content .villa-location .location-name,
          .page-collections .collections-content .villa-location .collection-name,
          .page-collections .collections-content .villa-collection .location-name,
          .page-collections .collections-content .villa-collection .collection-name {
            background: #fff; } }
      .page-villas-by-area .locations-content .villa-location .location-desc,
      .page-villas-by-area .locations-content .villa-location .collection-desc,
      .page-villas-by-area .locations-content .villa-collection .location-desc,
      .page-villas-by-area .locations-content .villa-collection .collection-desc,
      .page-villas-by-area .collections-content .villa-location .location-desc,
      .page-villas-by-area .collections-content .villa-location .collection-desc,
      .page-villas-by-area .collections-content .villa-collection .location-desc,
      .page-villas-by-area .collections-content .villa-collection .collection-desc,
      .page-collections .locations-content .villa-location .location-desc,
      .page-collections .locations-content .villa-location .collection-desc,
      .page-collections .locations-content .villa-collection .location-desc,
      .page-collections .locations-content .villa-collection .collection-desc,
      .page-collections .collections-content .villa-location .location-desc,
      .page-collections .collections-content .villa-location .collection-desc,
      .page-collections .collections-content .villa-collection .location-desc,
      .page-collections .collections-content .villa-collection .collection-desc {
        text-align: center;
        padding: 0 10px 20px;
        color: #000; }
        @media all and (max-width: 660px) {
          .page-villas-by-area .locations-content .villa-location .location-desc,
          .page-villas-by-area .locations-content .villa-location .collection-desc,
          .page-villas-by-area .locations-content .villa-collection .location-desc,
          .page-villas-by-area .locations-content .villa-collection .collection-desc,
          .page-villas-by-area .collections-content .villa-location .location-desc,
          .page-villas-by-area .collections-content .villa-location .collection-desc,
          .page-villas-by-area .collections-content .villa-collection .location-desc,
          .page-villas-by-area .collections-content .villa-collection .collection-desc,
          .page-collections .locations-content .villa-location .location-desc,
          .page-collections .locations-content .villa-location .collection-desc,
          .page-collections .locations-content .villa-collection .location-desc,
          .page-collections .locations-content .villa-collection .collection-desc,
          .page-collections .collections-content .villa-location .location-desc,
          .page-collections .collections-content .villa-location .collection-desc,
          .page-collections .collections-content .villa-collection .location-desc,
          .page-collections .collections-content .villa-collection .collection-desc {
            background: #fff; } }
      .page-villas-by-area .locations-content .villa-location .read_more-link,
      .page-villas-by-area .locations-content .villa-collection .read_more-link,
      .page-villas-by-area .collections-content .villa-location .read_more-link,
      .page-villas-by-area .collections-content .villa-collection .read_more-link,
      .page-collections .locations-content .villa-location .read_more-link,
      .page-collections .locations-content .villa-collection .read_more-link,
      .page-collections .collections-content .villa-location .read_more-link,
      .page-collections .collections-content .villa-collection .read_more-link {
        padding: 0 10px 20px;
        margin: auto 0 0; }
        @media all and (max-width: 660px) {
          .page-villas-by-area .locations-content .villa-location .read_more-link,
          .page-villas-by-area .locations-content .villa-collection .read_more-link,
          .page-villas-by-area .collections-content .villa-location .read_more-link,
          .page-villas-by-area .collections-content .villa-collection .read_more-link,
          .page-collections .locations-content .villa-location .read_more-link,
          .page-collections .locations-content .villa-collection .read_more-link,
          .page-collections .collections-content .villa-location .read_more-link,
          .page-collections .collections-content .villa-collection .read_more-link {
            background: #fff; } }
        .page-villas-by-area .locations-content .villa-location .read_more-link > .flex,
        .page-villas-by-area .locations-content .villa-collection .read_more-link > .flex,
        .page-villas-by-area .collections-content .villa-location .read_more-link > .flex,
        .page-villas-by-area .collections-content .villa-collection .read_more-link > .flex,
        .page-collections .locations-content .villa-location .read_more-link > .flex,
        .page-collections .locations-content .villa-collection .read_more-link > .flex,
        .page-collections .collections-content .villa-location .read_more-link > .flex,
        .page-collections .collections-content .villa-collection .read_more-link > .flex {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
    @media all and (max-width: 1160px) {
      .page-villas-by-area .locations-content,
      .page-villas-by-area .collections-content,
      .page-collections .locations-content,
      .page-collections .collections-content {
        padding: 40px 0 90px; } }
    @media all and (max-width: 960px) {
      .page-villas-by-area .locations-content,
      .page-villas-by-area .collections-content,
      .page-collections .locations-content,
      .page-collections .collections-content {
        padding: 40px 0 60px; }
        .page-villas-by-area .locations-content > .flex,
        .page-villas-by-area .collections-content > .flex,
        .page-collections .locations-content > .flex,
        .page-collections .collections-content > .flex {
          margin: 0 -7px; }
        .page-villas-by-area .locations-content .villa-location,
        .page-villas-by-area .locations-content .villa-collection,
        .page-villas-by-area .collections-content .villa-location,
        .page-villas-by-area .collections-content .villa-collection,
        .page-collections .locations-content .villa-location,
        .page-collections .locations-content .villa-collection,
        .page-collections .collections-content .villa-location,
        .page-collections .collections-content .villa-collection {
          width: 50%;
          padding: 15px 7px; } }
    @media all and (max-width: 660px) {
      .page-villas-by-area .locations-content > .flex,
      .page-villas-by-area .collections-content > .flex,
      .page-collections .locations-content > .flex,
      .page-collections .collections-content > .flex {
        margin: 0; }
      .page-villas-by-area .locations-content .villa-location,
      .page-villas-by-area .locations-content .villa-collection,
      .page-villas-by-area .collections-content .villa-location,
      .page-villas-by-area .collections-content .villa-collection,
      .page-collections .locations-content .villa-location,
      .page-collections .locations-content .villa-collection,
      .page-collections .collections-content .villa-location,
      .page-collections .collections-content .villa-collection {
        width: 100%;
        padding: 15px 0; } }

.page-template-template-my-profile,
.single-villa.password__protected {
  /* #header {

        .header-tool,
        .header-logo,
        .header-icons,
        .header-search {
            z-index: 2006;
        }

        .header-menu {
            z-index: 2005;
        }

        .header-overlay {
            z-index: 1999;
        }
    }

    #reservation-form,
    #password-protected-form {
        z-index: 2001;
    } */ }
  .page-template-template-my-profile #footer,
  .single-villa.password__protected #footer {
    display: none !important; }
  .page-template-template-my-profile body,
  .single-villa.password__protected body {
    overflow: hidden; }

.page-my-profile,
.page-password-protected {
  overflow: hidden;
  overflow: auto;
  height: 100vh;
  width: 100%; }
  .page-my-profile .my-profile__content,
  .page-my-profile .password__protected__content,
  .page-password-protected .my-profile__content,
  .page-password-protected .password__protected__content {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
    @media all and (max-height: 400px) {
      .page-my-profile .my-profile__content,
      .page-my-profile .password__protected__content,
      .page-password-protected .my-profile__content,
      .page-password-protected .password__protected__content {
        padding: 130px 0 0px; } }
    .page-my-profile .my-profile__content .intro-title,
    .page-my-profile .password__protected__content .intro-title,
    .page-password-protected .my-profile__content .intro-title,
    .page-password-protected .password__protected__content .intro-title {
      padding: 0 0 30px; }
      @media all and (max-width: 960px) {
        .page-my-profile .my-profile__content .intro-title,
        .page-my-profile .password__protected__content .intro-title,
        .page-password-protected .my-profile__content .intro-title,
        .page-password-protected .password__protected__content .intro-title {
          padding: 0 0 15px; } }
    .page-my-profile .my-profile__content > div,
    .page-my-profile .password__protected__content > div,
    .page-password-protected .my-profile__content > div,
    .page-password-protected .password__protected__content > div {
      padding: 0 0 30px; }
    .page-my-profile .my-profile__content #reservation-form,
    .page-my-profile .my-profile__content #password-protected-form,
    .page-my-profile .password__protected__content #reservation-form,
    .page-my-profile .password__protected__content #password-protected-form,
    .page-password-protected .my-profile__content #reservation-form,
    .page-password-protected .my-profile__content #password-protected-form,
    .page-password-protected .password__protected__content #reservation-form,
    .page-password-protected .password__protected__content #password-protected-form {
      width: 65%;
      max-width: 468px;
      margin: 0 auto;
      position: relative; }
      .page-my-profile .my-profile__content #reservation-form > .submit-button,
      .page-my-profile .my-profile__content #password-protected-form > .submit-button,
      .page-my-profile .password__protected__content #reservation-form > .submit-button,
      .page-my-profile .password__protected__content #password-protected-form > .submit-button,
      .page-password-protected .my-profile__content #reservation-form > .submit-button,
      .page-password-protected .my-profile__content #password-protected-form > .submit-button,
      .page-password-protected .password__protected__content #reservation-form > .submit-button,
      .page-password-protected .password__protected__content #password-protected-form > .submit-button {
        position: absolute;
        top: 50%;
        right: 6px;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        background: var(--gold);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        cursor: pointer;
        -webkit-transition: background 0.35s;
        -o-transition: background 0.35s;
        transition: background 0.35s; }
        .page-my-profile .my-profile__content #reservation-form > .submit-button:hover,
        .page-my-profile .my-profile__content #password-protected-form > .submit-button:hover,
        .page-my-profile .password__protected__content #reservation-form > .submit-button:hover,
        .page-my-profile .password__protected__content #password-protected-form > .submit-button:hover,
        .page-password-protected .my-profile__content #reservation-form > .submit-button:hover,
        .page-password-protected .my-profile__content #password-protected-form > .submit-button:hover,
        .page-password-protected .password__protected__content #reservation-form > .submit-button:hover,
        .page-password-protected .password__protected__content #password-protected-form > .submit-button:hover {
          background: #000; }
        @media all and (max-width: 960px) {
          .page-my-profile .my-profile__content #reservation-form > .submit-button,
          .page-my-profile .my-profile__content #password-protected-form > .submit-button,
          .page-my-profile .password__protected__content #reservation-form > .submit-button,
          .page-my-profile .password__protected__content #password-protected-form > .submit-button,
          .page-password-protected .my-profile__content #reservation-form > .submit-button,
          .page-password-protected .my-profile__content #password-protected-form > .submit-button,
          .page-password-protected .password__protected__content #reservation-form > .submit-button,
          .page-password-protected .password__protected__content #password-protected-form > .submit-button {
            width: 35px;
            height: 35px; } }
      .page-my-profile .my-profile__content #reservation-form > .popup,
      .page-my-profile .my-profile__content #password-protected-form > .popup,
      .page-my-profile .password__protected__content #reservation-form > .popup,
      .page-my-profile .password__protected__content #password-protected-form > .popup,
      .page-password-protected .my-profile__content #reservation-form > .popup,
      .page-password-protected .my-profile__content #password-protected-form > .popup,
      .page-password-protected .password__protected__content #reservation-form > .popup,
      .page-password-protected .password__protected__content #password-protected-form > .popup {
        position: absolute;
        bottom: -60px;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%;
        width: 50%;
        border-radius: 25px;
        color: #000;
        padding: 2px 0px;
        opacity: 0;
        -webkit-transition: all 0.35s;
        -o-transition: all 0.35s;
        transition: all 0.35s; }
        .page-my-profile .my-profile__content #reservation-form > .popup.active,
        .page-my-profile .my-profile__content #password-protected-form > .popup.active,
        .page-my-profile .password__protected__content #reservation-form > .popup.active,
        .page-my-profile .password__protected__content #password-protected-form > .popup.active,
        .page-password-protected .my-profile__content #reservation-form > .popup.active,
        .page-password-protected .my-profile__content #password-protected-form > .popup.active,
        .page-password-protected .password__protected__content #reservation-form > .popup.active,
        .page-password-protected .password__protected__content #password-protected-form > .popup.active {
          opacity: 1; }
        @media all and (max-width: 960px) {
          .page-my-profile .my-profile__content #reservation-form > .popup,
          .page-my-profile .my-profile__content #password-protected-form > .popup,
          .page-my-profile .password__protected__content #reservation-form > .popup,
          .page-my-profile .password__protected__content #password-protected-form > .popup,
          .page-password-protected .my-profile__content #reservation-form > .popup,
          .page-password-protected .my-profile__content #password-protected-form > .popup,
          .page-password-protected .password__protected__content #reservation-form > .popup,
          .page-password-protected .password__protected__content #password-protected-form > .popup {
            bottom: -30px; } }
        @media all and (max-width: 660px) {
          .page-my-profile .my-profile__content #reservation-form > .popup,
          .page-my-profile .my-profile__content #password-protected-form > .popup,
          .page-my-profile .password__protected__content #reservation-form > .popup,
          .page-my-profile .password__protected__content #password-protected-form > .popup,
          .page-password-protected .my-profile__content #reservation-form > .popup,
          .page-password-protected .my-profile__content #password-protected-form > .popup,
          .page-password-protected .password__protected__content #reservation-form > .popup,
          .page-password-protected .password__protected__content #password-protected-form > .popup {
            bottom: -45px; } }
      @media all and (max-width: 660px) {
        .page-my-profile .my-profile__content #reservation-form,
        .page-my-profile .my-profile__content #password-protected-form,
        .page-my-profile .password__protected__content #reservation-form,
        .page-my-profile .password__protected__content #password-protected-form,
        .page-password-protected .my-profile__content #reservation-form,
        .page-password-protected .my-profile__content #password-protected-form,
        .page-password-protected .password__protected__content #reservation-form,
        .page-password-protected .password__protected__content #password-protected-form {
          width: calc(100% - 30px); } }
    .page-my-profile .my-profile__content #reservation-input,
    .page-my-profile .my-profile__content input[id*="pwbox"],
    .page-my-profile .password__protected__content #reservation-input,
    .page-my-profile .password__protected__content input[id*="pwbox"],
    .page-password-protected .my-profile__content #reservation-input,
    .page-password-protected .my-profile__content input[id*="pwbox"],
    .page-password-protected .password__protected__content #reservation-input,
    .page-password-protected .password__protected__content input[id*="pwbox"] {
      background: var(--medium-gray);
      width: 100%;
      height: 50px;
      border-radius: 25px;
      padding: 0 0 0 20px; }
    .page-my-profile .my-profile__content .submit-button input,
    .page-my-profile .password__protected__content .submit-button input,
    .page-password-protected .my-profile__content .submit-button input,
    .page-password-protected .password__protected__content .submit-button input {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      cursor: pointer; }
  .page-my-profile .my-profile__images > img,
  .page-my-profile .password-protected__images > img,
  .page-password-protected .my-profile__images > img,
  .page-password-protected .password-protected__images > img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1; }
  .page-my-profile .my-profile__images .img-0,
  .page-my-profile .password-protected__images .img-0,
  .page-password-protected .my-profile__images .img-0,
  .page-password-protected .password-protected__images .img-0 {
    top: 30px;
    left: calc(8.33333% + 40px); }
    @media all and (max-width: 1160px) {
      .page-my-profile .my-profile__images .img-0,
      .page-my-profile .password-protected__images .img-0,
      .page-password-protected .my-profile__images .img-0,
      .page-password-protected .password-protected__images .img-0 {
        top: -20px; } }
  .page-my-profile .my-profile__images .img-1,
  .page-my-profile .password-protected__images .img-1,
  .page-password-protected .my-profile__images .img-1,
  .page-password-protected .password-protected__images .img-1 {
    top: 0;
    right: calc(4/12 * 100% - 30px); }
  .page-my-profile .my-profile__images .img-2,
  .page-my-profile .password-protected__images .img-2,
  .page-password-protected .my-profile__images .img-2,
  .page-password-protected .password-protected__images .img-2 {
    top: 160px;
    right: 0; }
  .page-my-profile .my-profile__images .img-3,
  .page-my-profile .password-protected__images .img-3,
  .page-password-protected .my-profile__images .img-3,
  .page-password-protected .password-protected__images .img-3 {
    right: calc(16.66667% - 20px);
    bottom: 290px; }
    @media all and (max-width: 1160px) {
      .page-my-profile .my-profile__images .img-3,
      .page-my-profile .password-protected__images .img-3,
      .page-password-protected .my-profile__images .img-3,
      .page-password-protected .password-protected__images .img-3 {
        right: 20px; } }
  .page-my-profile .my-profile__images .img-4,
  .page-my-profile .password-protected__images .img-4,
  .page-password-protected .my-profile__images .img-4,
  .page-password-protected .password-protected__images .img-4 {
    bottom: 0;
    right: 8.33333%; }
    @media all and (max-width: 1160px) {
      .page-my-profile .my-profile__images .img-4,
      .page-my-profile .password-protected__images .img-4,
      .page-password-protected .my-profile__images .img-4,
      .page-password-protected .password-protected__images .img-4 {
        right: 40px; } }
  .page-my-profile .my-profile__images .img-5,
  .page-my-profile .password-protected__images .img-5,
  .page-password-protected .my-profile__images .img-5,
  .page-password-protected .password-protected__images .img-5 {
    bottom: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .page-my-profile .my-profile__images .img-6,
  .page-my-profile .password-protected__images .img-6,
  .page-password-protected .my-profile__images .img-6,
  .page-password-protected .password-protected__images .img-6 {
    bottom: 40px;
    left: 16.66667%; }
    @media all and (max-width: 1160px) {
      .page-my-profile .my-profile__images .img-6,
      .page-my-profile .password-protected__images .img-6,
      .page-password-protected .my-profile__images .img-6,
      .page-password-protected .password-protected__images .img-6 {
        bottom: -10px;
        left: 8.33333%; } }
  .page-my-profile .my-profile__images .img-7,
  .page-my-profile .password-protected__images .img-7,
  .page-password-protected .my-profile__images .img-7,
  .page-password-protected .password-protected__images .img-7 {
    bottom: 285px;
    left: 0; }
    @media all and (max-width: 1160px) {
      .page-my-profile .my-profile__images .img-7,
      .page-my-profile .password-protected__images .img-7,
      .page-password-protected .my-profile__images .img-7,
      .page-password-protected .password-protected__images .img-7 {
        left: -40px; } }
  @media all and (max-width: 960px) {
    .page-my-profile .my-profile__images .img-0,
    .page-my-profile .password-protected__images .img-0,
    .page-password-protected .my-profile__images .img-0,
    .page-password-protected .password-protected__images .img-0 {
      width: 150px; }
    .page-my-profile .my-profile__images .img-1,
    .page-my-profile .password-protected__images .img-1,
    .page-password-protected .my-profile__images .img-1,
    .page-password-protected .password-protected__images .img-1 {
      display: none; }
    .page-my-profile .my-profile__images .img-2,
    .page-my-profile .password-protected__images .img-2,
    .page-password-protected .my-profile__images .img-2,
    .page-password-protected .password-protected__images .img-2 {
      width: 200px;
      top: 110px; }
    .page-my-profile .my-profile__images .img-3,
    .page-my-profile .password-protected__images .img-3,
    .page-password-protected .my-profile__images .img-3,
    .page-password-protected .password-protected__images .img-3 {
      /* width: 120px;
                right: 15px;
                bottom: 55%; */
      display: none; }
    .page-my-profile .my-profile__images .img-4,
    .page-my-profile .password-protected__images .img-4,
    .page-password-protected .my-profile__images .img-4,
    .page-password-protected .password-protected__images .img-4 {
      width: 140px;
      bottom: 160px; }
    .page-my-profile .my-profile__images .img-5,
    .page-my-profile .password-protected__images .img-5,
    .page-password-protected .my-profile__images .img-5,
    .page-password-protected .password-protected__images .img-5 {
      width: 200px;
      bottom: 10px; }
    .page-my-profile .my-profile__images .img-6,
    .page-my-profile .password-protected__images .img-6,
    .page-password-protected .my-profile__images .img-6,
    .page-password-protected .password-protected__images .img-6 {
      bottom: 60px;
      left: 15px; }
    .page-my-profile .my-profile__images .img-7,
    .page-my-profile .password-protected__images .img-7,
    .page-password-protected .my-profile__images .img-7,
    .page-password-protected .password-protected__images .img-7 {
      display: none; } }
  @media all and (max-width: 660px) {
    .page-my-profile .my-profile__images,
    .page-my-profile .password-protected__images,
    .page-password-protected .my-profile__images,
    .page-password-protected .password-protected__images {
      /* .img-1 {
                width: 70px;
            } */
      /* .img-3 {
                width: 70px;
                bottom: 65%;
                right: 15px;
            } */
      /* .img-6 {
                width: 90px;
                bottom: -160px;
            }

            .img-7 {
                width: 180px;
                bottom: 100px;
            } */ }
      .page-my-profile .my-profile__images .img-0,
      .page-my-profile .password-protected__images .img-0,
      .page-password-protected .my-profile__images .img-0,
      .page-password-protected .password-protected__images .img-0 {
        width: 100px;
        top: 60px;
        left: 45px; }
      .page-my-profile .my-profile__images .img-2,
      .page-my-profile .password-protected__images .img-2,
      .page-password-protected .my-profile__images .img-2,
      .page-password-protected .password-protected__images .img-2 {
        width: 150px;
        top: 115px;
        right: -45px; }
      .page-my-profile .my-profile__images .img-4,
      .page-my-profile .password-protected__images .img-4,
      .page-password-protected .my-profile__images .img-4,
      .page-password-protected .password-protected__images .img-4 {
        width: 90px;
        right: 10px;
        bottom: 30px; }
      .page-my-profile .my-profile__images .img-5,
      .page-my-profile .password-protected__images .img-5,
      .page-password-protected .my-profile__images .img-5,
      .page-password-protected .password-protected__images .img-5 {
        width: 150px;
        left: 20px;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
      .page-my-profile .my-profile__images .img-6,
      .page-my-profile .password-protected__images .img-6,
      .page-password-protected .my-profile__images .img-6,
      .page-password-protected .password-protected__images .img-6 {
        display: none; } }
  @media all and (max-height: 649px) {
    .page-my-profile .my-profile__images .img-5,
    .page-my-profile .my-profile__images .img-3,
    .page-my-profile .password-protected__images .img-5,
    .page-my-profile .password-protected__images .img-3,
    .page-password-protected .my-profile__images .img-5,
    .page-password-protected .my-profile__images .img-3,
    .page-password-protected .password-protected__images .img-5,
    .page-password-protected .password-protected__images .img-3 {
      display: none; } }
  @media all and (max-height: 400px) {
    .page-my-profile .my-profile__images .img-0,
    .page-my-profile .my-profile__images .img-1,
    .page-my-profile .password-protected__images .img-0,
    .page-my-profile .password-protected__images .img-1,
    .page-password-protected .my-profile__images .img-0,
    .page-password-protected .my-profile__images .img-1,
    .page-password-protected .password-protected__images .img-0,
    .page-password-protected .password-protected__images .img-1 {
      display: none; }
    .page-my-profile .my-profile__images .img-2,
    .page-my-profile .password-protected__images .img-2,
    .page-password-protected .my-profile__images .img-2,
    .page-password-protected .password-protected__images .img-2 {
      top: 100px; }
    .page-my-profile .my-profile__images .img-4,
    .page-my-profile .password-protected__images .img-4,
    .page-password-protected .my-profile__images .img-4,
    .page-password-protected .password-protected__images .img-4 {
      bottom: 20px;
      right: 20px; } }

.page-privacy .privacy-text {
  padding: 0 0 30px; }

.page-privacy .privacy-text {
  padding: 0 25% 90px; }
  .page-privacy .privacy-text > div {
    margin: 0 auto;
    max-width: 700px; }
  .page-privacy .privacy-text a {
    color: var(--gold); }
    .page-privacy .privacy-text a:hover {
      color: #000; }
  @media all and (max-width: 960px) {
    .page-privacy .privacy-text {
      padding: 0 16.66667% 60px; } }
  @media all and (max-width: 660px) {
    .page-privacy .privacy-text {
      padding: 0 15px 60px; } }

.page-search-results h1 {
  display: none; }

.page-search-results .search-result {
  margin: 0 0 60px; }

.page-search-results .results-container > h2 {
  padding: 0 0 60px; }
  @media all and (max-width: 960px) {
    .page-search-results .results-container > h2 {
      padding: 0 0 30px; } }

.page-search-results .results-container > .flex {
  margin: 0 -15px; }
  @media all and (max-width: 960px) {
    .page-search-results .results-container > .flex {
      margin: 0 -7px; } }
  @media all and (max-width: 660px) {
    .page-search-results .results-container > .flex {
      margin: 0; } }
  .page-search-results .results-container > .flex > div {
    width: 50%;
    padding: 0 15px 30px; }
    @media all and (max-width: 960px) {
      .page-search-results .results-container > .flex > div {
        padding: 0 7px 15px; } }
    @media all and (max-width: 660px) {
      .page-search-results .results-container > .flex > div {
        padding: 0 0 30px;
        width: 100%; } }

.page-search-results .results-container .button-more {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.page-search-results .results-container .result-type {
  margin: 0 0 15px; }

.page-search-results .results-container .result-title {
  margin: 0 0 15px; }

.tax-villa_location h1,
.tax-villa_collection h1,
.tax-villa_highlights h1,
.tax-villa_orientation h1 {
  text-align: center;
  padding: 0 0 30px;
  /* @media all and (max-width:1160px) {
            padding:0 0 30px;
        } */ }

.tax-villa_location .button-more,
.tax-villa_collection .button-more,
.tax-villa_highlights .button-more,
.tax-villa_orientation .button-more {
  padding: 0 0 60px; }
  @media all and (max-width: 1160px) {
    .tax-villa_location .button-more,
    .tax-villa_collection .button-more,
    .tax-villa_highlights .button-more,
    .tax-villa_orientation .button-more {
      padding: 0 0 30px; } }
  @media all and (max-width: 660px) {
    .tax-villa_location .button-more,
    .tax-villa_collection .button-more,
    .tax-villa_highlights .button-more,
    .tax-villa_orientation .button-more {
      padding: 0 0 60px; } }

.tax-villa_location .teases-container,
.tax-villa_collection .teases-container,
.tax-villa_highlights .teases-container,
.tax-villa_orientation .teases-container {
  padding: 30px 0 0; }
  .tax-villa_location .teases-container > .flex,
  .tax-villa_collection .teases-container > .flex,
  .tax-villa_highlights .teases-container > .flex,
  .tax-villa_orientation .teases-container > .flex {
    margin: 0 -15px; }
  .tax-villa_location .teases-container .tease--villa,
  .tax-villa_collection .teases-container .tease--villa,
  .tax-villa_highlights .teases-container .tease--villa,
  .tax-villa_orientation .teases-container .tease--villa {
    padding: 0 15px 30px;
    width: 50%; }
  @media all and (max-width: 960px) {
    .tax-villa_location .teases-container > .flex,
    .tax-villa_collection .teases-container > .flex,
    .tax-villa_highlights .teases-container > .flex,
    .tax-villa_orientation .teases-container > .flex {
      margin: 0 -7px; }
    .tax-villa_location .teases-container .tease--villa,
    .tax-villa_collection .teases-container .tease--villa,
    .tax-villa_highlights .teases-container .tease--villa,
    .tax-villa_orientation .teases-container .tease--villa {
      padding: 0 7px 30px; } }
  @media all and (max-width: 660px) {
    .tax-villa_location .teases-container > .flex,
    .tax-villa_collection .teases-container > .flex,
    .tax-villa_highlights .teases-container > .flex,
    .tax-villa_orientation .teases-container > .flex {
      margin: 0; }
    .tax-villa_location .teases-container .tease--villa,
    .tax-villa_collection .teases-container .tease--villa,
    .tax-villa_highlights .teases-container .tease--villa,
    .tax-villa_orientation .teases-container .tease--villa {
      width: 100%;
      padding: 0 0 30px; } }

.tax-villa_location .pagination,
.tax-villa_collection .pagination,
.tax-villa_highlights .pagination,
.tax-villa_orientation .pagination {
  padding: 30px 0 120px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .tax-villa_location .pagination > .button-small,
  .tax-villa_collection .pagination > .button-small,
  .tax-villa_highlights .pagination > .button-small,
  .tax-villa_orientation .pagination > .button-small {
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    cursor: pointer; }
  @media all and (max-width: 1160px) {
    .tax-villa_location .pagination,
    .tax-villa_collection .pagination,
    .tax-villa_highlights .pagination,
    .tax-villa_orientation .pagination {
      padding: 30px 0 90px; } }
  @media all and (max-width: 960px) {
    .tax-villa_location .pagination,
    .tax-villa_collection .pagination,
    .tax-villa_highlights .pagination,
    .tax-villa_orientation .pagination {
      padding: 0 0 60px; } }
  @media (hover: none) {
    .tax-villa_location .pagination > .button-small,
    .tax-villa_collection .pagination > .button-small,
    .tax-villa_highlights .pagination > .button-small,
    .tax-villa_orientation .pagination > .button-small {
      background: var(--gold) !important;
      color: #fff !important;
      border: 1px solid var(--gold) !important; } }

.ui-datepicker {
  background: #fff !important;
  padding: 10px !important; }
  .ui-datepicker thead {
    display: none; }
  .ui-datepicker select {
    font-family: 'Inter';
    font-weight: 300;
    font-style: normal;
    line-height: 20px;
    font-size: 14px;
    width: 50%;
    height: 35px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-transform: uppercase;
    border-top: solid 1px #000;
    border-bottom: 1px solid #000;
    background: #fff;
    margin: 0 1px;
    cursor: pointer; }
  .ui-datepicker td {
    text-align: center;
    padding: 10px;
    background: #fff; }
  .ui-datepicker .ui-datepicker-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto 1px auto; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    display: none !important; }

.qs-datepicker-container {
  font-family: 'Inter';
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  width: 280px;
  top: 0 !important;
  left: 0 !important;
  -webkit-transform: translateY(-110%) !important;
      -ms-transform: translateY(-110%) !important;
          transform: translateY(-110%) !important; }
  @media all and (max-width: 660px) {
    .qs-datepicker-container {
      /* top: 0 !important;
        left: 0 !important;
        transform: translate(0, -100%); */
      width: 260px; } }

.contact_form_arrival .qs-datepicker-container {
  top: 0 !important;
  left: 0 !important;
  -webkit-transform: translate(0, 35px) !important;
      -ms-transform: translate(0, 35px) !important;
          transform: translate(0, 35px) !important; }

.contact_form_departure .qs-datepicker-container {
  top: 0 !important;
  left: 0 !important;
  -webkit-transform: translate(-120px, 35px) !important;
      -ms-transform: translate(-120px, 35px) !important;
          transform: translate(-120px, 35px) !important; }

.villa-checkout .qs-datepicker-container {
  top: 0 !important;
  left: 0 !important;
  -webkit-transform: translate(-120px, -110%) !important;
      -ms-transform: translate(-120px, -110%) !important;
          transform: translate(-120px, -110%) !important; }

.qs-controls {
  background: #fff;
  padding: 10px 10px 0; }

.qs-squares {
  padding: 10px; }

.qs-day {
  color: #000; }

.qs-active {
  color: #fff;
  background: var(--gold); }

.qs-arrow {
  width: 25px;
  height: 25px; }
  .qs-arrow:hover {
    background: var(--gold); }

.qs-arrow:hover.qs-right:after {
  border-left-color: #fff; }

.qs-arrow:hover.qs-left:after {
  border-right-color: #fff; }

.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: var(--gold);
  color: #fff; }

#map {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  #map.is-loading {
    opacity: 0.35; }
    #map.is-loading:after {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }

.tease--villa .slick-slide > div {
  line-height: 0; }

/* .closeby {
    padding: 60px 30px;

    .list {
        display: flex;
        flex-wrap: wrap;

        > div {
            opacity: 1;
            transform: none;
            visibility: visible;
            width: 20%;
        }
    }
} */
/* .tease-villa-marker {
    .h5 {
        width: 240px;
    }
} */
.vlist.is-loading {
  pointer-events: none; }

.page-villa-location,
.page-villa-orientation,
.page-villa-collection,
.page-villa-highlight {
  background: var(--medium-gray); }

.gm-style iframe + div {
  border: none !important; }