@charset "UTF-8";

.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}   *,
::before,
::after {
background-repeat: no-repeat; -webkit-box-sizing: inherit;
box-sizing: inherit; } ::before,
::after {
text-decoration: inherit; vertical-align: inherit; } html {
-webkit-box-sizing: border-box;
box-sizing: border-box; cursor: default; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  article,
aside,
footer,
header,
nav,
section {
display: block; } body {
margin: 0; } h1 {
font-size: 2em;
margin: .67em 0; }  figcaption,
figure,
main { display: block; } figure {
margin: 1em 40px; } hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } nav ol,
nav ul {
list-style: none; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: inherit; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic; } mark {
background-color: #ffff00;
color: #000000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -.25em; }
sup {
top: -.5em; } ::-moz-selection {
background-color: #b3d4fc; color: #000000; text-shadow: none; }
::selection {
background-color: #b3d4fc; color: #000000; text-shadow: none; }  audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle; } audio,
video {
display: inline-block; } audio:not([controls]) {
display: none;
height: 0; } img {
border-style: none; } svg {
fill: currentColor; } svg:not(:root) {
overflow: hidden; }  table {
border-collapse: collapse; }  button,
input,
optgroup,
select,
textarea {
margin: 0; } button,
input,
select,
textarea {
background-color: transparent;
color: inherit;
font-size: inherit;
line-height: inherit; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto; resize: vertical; } [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details,
menu {
display: block; } summary {
display: list-item; }  canvas {
display: inline-block; } template {
display: none; }  a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
-ms-touch-action: manipulation; touch-action: manipulation; } [hidden] {
display: none; }  [aria-busy="true"] {
cursor: progress; } [aria-controls] {
cursor: pointer; } [aria-hidden="false"][hidden]:not(:focus) {
clip: rect(0, 0, 0, 0);
display: inherit;
position: absolute; } [aria-disabled] {
cursor: default; }
@font-face {
font-family: 'Inter';
src: url(/wp-content/themes/vg-twig/build/829868f76fcf857b15533d075da1cb58.eot);
src: url(/wp-content/themes/vg-twig/build/829868f76fcf857b15533d075da1cb58.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/vg-twig/build/dc131113894217b5031000575d9de002.woff2) format("woff2"), url(/wp-content/themes/vg-twig/build/3ac83020fe53b617b79b5e2ad66764af.woff) format("woff"), url(/wp-content/themes/vg-twig/build/24cdbcf28404bf2813cc4ee87f5cc97c.ttf) format("truetype"), url(/wp-content/themes/vg-twig/build/99006371b7d7486cbde7dc7d8618b169.svg#Inter-Regular) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Inter SemiBold';
src: url(/wp-content/themes/vg-twig/build/6771dba16851e2daa688161d7b9b0293.eot);
src: url(/wp-content/themes/vg-twig/build/6771dba16851e2daa688161d7b9b0293.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/vg-twig/build/3cbb125a24741fdc6dc2c45edf89d6af.woff2) format("woff2"), url(/wp-content/themes/vg-twig/build/f2cc84ff4ae29c707e59ce8dbf4a576f.woff) format("woff"), url(/wp-content/themes/vg-twig/build/b17b5b95bd41aee1803c4550547065ec.ttf) format("truetype"), url(/wp-content/themes/vg-twig/build/1c5c79500e4bdc97ec806034c32c2410.svg#Inter-SemiBold) format("svg");
font-weight: 600;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Canela';
src: url(/wp-content/themes/vg-twig/build/e4a357b655a194570026b432290aae8d.eot);
src: url(/wp-content/themes/vg-twig/build/e4a357b655a194570026b432290aae8d.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/vg-twig/build/5deff586da6603b8be8820765d3a2585.woff2) format("woff2"), url(/wp-content/themes/vg-twig/build/093985b63fbc2f328504c91f8a62539f.woff) format("woff"), url(/wp-content/themes/vg-twig/build/b1340d7683707dba0848f52ecfb2c34c.ttf) format("truetype"), url(/wp-content/themes/vg-twig/build/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); } .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-loading .slick-list {
background: #fff slick-image-url(/wp-content/themes/vg-twig/build/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; } 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; } } .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) { .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-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; } } .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; } } .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 { }
.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; }
.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: 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: 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; }
#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%; 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; }
#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: 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 {  }
.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; }
.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 (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 { }
.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 { 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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
@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%; -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@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 { }
.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; }
.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 { }
.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 { 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 {   }
.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; }
.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 { 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; }  .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; }.header-logo svg {
width: 158px;
}
@media (max-width: 1160px) {
#header .header-logo svg {
width: 128px;
height: auto;
}
}
@media (max-width: 660px) {
#header .header-logo svg {
width: 105px;
}
}
.about_inner_container {
display: grid;
grid-template-columns: 30% auto;
grid-gap: 20px;
max-width: 980px;
margin: auto;
padding-top: 30px;
}
.s_column {
padding: 20px;
}
.page-home .home-about .about-container {
height: 60vh;
min-height: 648px;
}
.page-our-villas, .page-collections {
background: #ffffff;
}
.tease--villa>a {
box-shadow: 10px 10px 14px -1px rgb(188 188 188 / 75%);
-webkit-box-shadow: 10px 10px 14px -1px rgb(188 188 188 / 75%);
-moz-box-shadow: 10px 10px 14px -1px rgb(188 188 188 / 75%);
}
.home-our-villas {
background-color: #f5f5f5;
padding-top: 70px;
}
.img_d {
position: relative;
background-position: center;
}
.home-our-villas.alt {
background-color: white;
padding-top: 65px;
}
.info_box .inner {
border: 1px solid;
padding: 30px;
}
.info_box {
position: absolute;
background: white;
height: 348px;
width: 348px;
bottom: -219px;
right: 120px;
padding: 20px;
text-align: center;
font-size: 17px;
font-family: 'Canela';
}
.v_title {
font-size: 45px;
line-height: 45px;
padding-bottom: 10px;
}
.v_location {
font-size: 18px;
padding-bottom: 18px;
}
.home_featured.tease__villa-price {
padding-bottom: 18px;
}
.info_box svg, .info_box span {
vertical-align: text-top;
}
.info_box .inner span {
vertical-align: top;
margin-left: 7px;
}
.info_box .inner a {
padding-top: 45px;
display: inline-block;
}
.info_box .inner .flex {
justify-content: space-between;
}
.info_box .inner svg {
margin-right: 7px;
}
.home-selected-villas .our-villas__text {
padding: 0px 20.33333% 30px;
text-align: center;
}
.home-selected-villas {
padding-top: 100px;
}
.yaghting {
display: grid;
grid-template-columns: 1fr auto 20px; grid-column-gap: 10px; align-items: center; }
.c_img {
grid-column: 1 / -2; }
.left {
grid-column: 1 / 2; }
.right {
grid-column: -1 / -2; }
.my_container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
max-width: 1200px;
margin: auto;
margin-bottom: 25px;
}
.c_img {
width: 100%;
}
.img_assets {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 100%;
margin-top: 10px;
min-height: 57px;
}
.left_asset {
flex-basis: 60%;
}
.right_asset {
flex-basis: 30%;
text-align: right;
}
.two_columns_row {
display: flex;
max-width: 1200px;
margin: auto;
justify-content: space-between;
gap: 20px;
}
.more_arrow {
height: 22px;
width: 22px;
background: url(data:image/svg+xml;
base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS41IiBoZWlnaHQ9IjI1LjUiIHZpZXdCb3g9IjAgMCAyNS41IDI1LjUiPg0KICA8Zz4NCiAgICA8cGF0aCBkPSJNOCwxM2EuNTQuNTQsMCwwLDEsLjUtLjVoOS4xYS40Ny40NywwLDAsMSwuNS41YzAsLjMtLjIuNC0uNS40SDguNUEuNDYuNDYsMCwwLDEsOCwxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMjUgLTAuMjUpIiBmaWxsPSIjMTkxYzFmIi8+DQogICAgPHBhdGggZD0iTTE0LjMsMTYuMWEuMzcuMzcsMCwwLDEsLjEtLjNsMi44LTMuMWMuMi0uMi41LS4yLjYsMHMuMi41LDAsLjZMMTUsMTYuNGMtLjIuMi0uNS4yLS42LDBhMSwxLDAsMCwxLS4xLS4zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4yNSAtMC4yNSkiIGZpbGw9IiMxOTFjMWYiLz4NCiAgICA8cGF0aCBkPSJNMTQuMyw5LjljMC0uMSwwLS4yLjItLjNzLjUtLjIuNiwwbDIuOCwzLjFjLjIuMi4yLjUsMCwuNnMtLjUuMi0uNiwwbC0yLjgtMy4xYy0uMi0uMS0uMi0uMi0uMi0uMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMjUgLTAuMjUpIiBmaWxsPSIjMTkxYzFmIi8+DQogIDwvZz4NCiAgPHBhdGggZD0iTTEzLDI1Ljc1QTEyLjc1LDEyLjc1LDAsMSwxLDI1Ljc1LDEzLDEyLjc2LDEyLjc2LDAsMCwxLDEzLDI1Ljc1Wm0wLTI1QTEyLjI1LDEyLjI1LDAsMSwwLDI1LjI1LDEzLDEyLjI3LDEyLjI3LDAsMCwwLDEzLC43NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjI1IC0wLjI1KSIgZmlsbD0iIzE5MWMxZiIvPg0KPC9zdmc+DQo=) no-repeat 50%;
background-size: cover;
display: inline-block;
vertical-align:middle;
}
.page-template-template-our-villas .filters .select-container {
border: 1px solid #cccccc;
}
.filters-mobile #villas-filters .qs-datepicker-container {
-webkit-transform: translate(-5px,20%)!important;
-ms-transform: translate(-5px,20%)!important;
transform: translate(-5px,20%)!important;
}
.tease__villa-guests div, .tease__villa-bedrooms div{
display: inline-block;
}
.tease__villa-guests {
margin-right: 25px;
}
.tease--villa .tease-villa__info {
font-family: 'Canela';
}
.v_view_more {
margin-right: 15px;
}
.tease__villa-price {
font-size: 19px;
}
.tease-villa-upper.flex {
padding-bottom: 0px;
padding-top:10px;
}
.guests, .bedrooms {
padding-left: 10px;
}
.tooltip-container {
position: relative;
display: inline-block;
}
.tooltip {
visibility: hidden;
width: 120px;
background-color: #000;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
margin-left: -60px;
}
.tooltip::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #000 transparent transparent transparent;
}
.tooltip-container:hover .tooltip {
visibility: visible;
}   @media (max-width: 660px){
.about_inner_container { padding-top: 0;
}
.about_inner_container .s_column:nth-child(1) {
padding: 20px 0 20px 0;
}
.filter__dropdown .filter:not(:first-child) label.h3 {
font-size: 16px !important;
}
.page-home .home-about .about-container {
height: 1300px;
}
.home-selected-villas .our-villas__text {
padding: 0px 8.33333% 30px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.about_inner_container {
grid-template-columns: 1fr;
}
.custom-villa-information-amenity-icons {
display: grid !important;
grid-template-columns: repeat(6, 1fr);
grid-gap: 3px;
text-align: center;
}
.tooltip {
width: 74px;
padding: 4px;
font-size: 11px;
margin-left: -38px;
}
} @media (min-width: 661px){
.page-our-villas .vlist .tease--villa {
width: calc(100%);
}
}
@media (min-width:767px){
.page-our-villas .vlist .tease--villa {
width: calc(100%);
}
} @media (min-width: 768px) {
.img_d {
height: 824px;
}
.featured_listing {
padding-bottom: 170px;
}
.page-our-villas .vlist .tease--villa {
width: calc(100%/3);
}
}
@media (max-width: 767px) {
.img_d {
height: 450px;
}
.featured_listing {
padding-bottom: 75px;
}
.info_box .inner {
padding: 10px;
}
.v_title {
font-size: 30px;
line-height: 30px;
padding-bottom: 5px;
}
.v_location {
font-size: 18px;
padding-bottom: 10px;
}
.info_box .inner a {
padding-top: 5px;
}
.info_box {
height: fit-content;
width: 228px;
bottom: 0;
right: 0;
padding: 12px;
font-size: 14px;
}
}   .inquiry-form {
background: transparent!important;
}
.no-padding-bottom {
padding-bottom:20px!important;
}
.no-padding {
padding:0px!important;
}
.no-padding-top {
padding-top:20px!important;
}
.margin-right-10 {
margin-right: 10px;
}
.space-100 {
margin-top: 100px;
}
@media (max-width: 767px) {
.space-100 {
margin-top: 20px;
}
}
.margin-top-20 {
margin-top: 20px;
}
.inquiry_container{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
max-width: 800px;
margin: auto;
margin-top: 70px;
}
@media (max-width: 660px) {
.inquiry_container{
margin-top: 20px;
}
}
.inquiry_container_border {
padding:50px 80px;
border:1px solid #888;
margin-bottom: 110px;
border-radius: 5px;
}
@media (max-width: 767px) {
.inquiry_container_border {
margin: 10px;
margin-bottom:100px;
}
} @media (max-width: 660px){
.inquiry_container_border {
padding:5px 5px;
}
}
.text-center {
text-align:center;
}
.margin-auto {
margin:0 auto!important;
margin-left: auto!important;
margin-right: auto!important;
}
.custom_form_field {
padding:17px!important;
background:white!important;
width:100%!important;
margin-bottom:20px!important;
border:1px solid #cccccc;
}
.custom_form_field::-webkit-input-placeholder {
color: #cccccc!important;
}
.custom_form_space {
height:20px;
}
ginput_container ginput_container_text input {
border-bottom:none!important;
}
#gform_submit_button_3 {
width: 100%;
padding-top:20px;
padding-bottom:20px;
text-transform: uppercase;
font-size:18px;
margin-bottom: 40px;
height: auto!important;
}
.gfield input, .gfield textarea, .select2-container--default{
border-bottom: none!important;
resize: none;
}
.custom_gfield_checkbox [type="checkbox"]:not(:checked), .custom_gfield_checkbox [type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
.custom_gfield_checkbox [type="checkbox"]:not(:checked)+label, .custom_gfield_checkbox [type="checkbox"]:checked+label {
position: relative;
padding-left:40px;
cursor: pointer;
color: #333;
list-style: none!important;
list-style-type: none!important;
}
.custom_gfield_checkbox [type="checkbox"]:not(:checked)+label:before, .custom_gfield_checkbox [type="checkbox"]:checked+label:before {
content: '';
position: absolute;
left: 0;
top: 0px;
width: 25px;
height: 25px;
background: #fff;
border-radius: 0px;
border:1px solid #cccccc;
background-color: white;
outline: none;
list-style: none!important;
list-style-type: none!important;
}
.custom_gfield_checkbox [type="checkbox"]:not(:checked)+label:after, .custom_gfield_checkbox [type="checkbox"]:checked+label:after {
content: '✓';
position: absolute;
top: 4px;
left: 4px;
font-size: 20px;
color: #334;
list-style: none!important;
list-style-type: none!important;
transition: 0s;
background: white;
}
.custom_gfield_checkbox [type="checkbox"]:not(:checked)+label:after {
opacity: 0;
transform: scale(0);
list-style: none!important;
list-style-type: none!important;
}
.custom_gfield_checkbox [type="checkbox"]:checked+label:after {
opacity: 1;
transform: scale(1);
}
.gchoice_3_17_1 {
list-style-type:none;
list-style-type: none;
list-style: none!important;
list-style-type: none!important;
}
.custom_gfield_checkbox, .custom_gfield_checkbox li, .custom_gfield_checkbox ul{
list-style: none;
list-style-type: none;
}
#field_3_16, #field_3_17 {
padding-left:0px;
list-style: none!important;
list-style-type: none!important;
}
#field_3_28 {
padding:0px;
}
.checkiobox {
padding-top:28px!important;
padding-left:20px!important;
background:white!important;
width:100%!important;
margin-bottom:20px!important;
border:1px solid #cccccc;
margin-bottom: 50px;
padding-bottom:18px!important;
padding-right:40px!important;
position:relative;
}
.checkiobox__in {
margin-bottom: 22px;
}
.checkiobox__in__top {
font-weight:bold;
margin-bottom: 5px;
}
.checkiobox__in__top img {
margin-right: 10px;
}
.checkiobox__in__bottom {
color: #ddd;
padding-left: 25px;
}
.checkiobox__out {
margin-bottom: 22px;
}
.checkiobox__out__top {
font-weight:bold;
margin-bottom: 5px;
}
.checkiobox__out__top img {
margin-right: 10px;
}
.checkiobox__out__bottom {
padding-left: 25px;
color: #333;
}
.checkiobox_box__total {
text-align:right;
color: #333;
position: absolute;
bottom:20px;
right: 20px;
width: 200px;
height: 20px;
}
.gfield_visibility_hidden {
display:none;
}
#field_3_30 {
width: 40%!important;
margin:0!important;
padding:20!important;
margin-bottom: 19px!important;
}
@media (max-width: 767px) {
#field_3_30 {
width: 100%!important;
}
}
#field_3_29 {
width: 55%!important;
padding:0px;
margin-left:5%;
margin-bottom:5px;
}
@media (max-width: 767px) {
#field_3_29 {
width: 100%!important;
margin-left:0%;
}
}
#input_3_29 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
transition: 0s!important;
}
#input_3_29 li{
padding: 0px;
transition: 0s!important;
}
#input_3_29 label:before {
border:none!important;
transition: 0s!important;
}
#input_3_29 label {
transition: 0s!important;
}
#input_3_29 input[type="checkbox"]:not(:checked), #input_3_29 input[type="checkbox"]:checked {
position: absolute;
left: -9999%;
background-color: white;
transition: 0s!important;
}
#input_3_29 input[type="checkbox"] + label {
padding: 18px;
cursor: pointer;
border: 1px solid #cccccc;
color: black;
background-color: white;
margin-bottom: 12px;
transition: 0s!important;
}
#input_3_29 input[type="checkbox"]:checked + label {
color: white;
transition: 0s;
background-color: black;
}
.iti__flag-container {
padding:10px;
background:white;
}
.gfield .iti input {
border:0px;
padding:10px;
}
.gfield .iti.iti--allow-dropdown input {
border:none!important;
}
#gform_confirmation_wrapper_3 {
margin-bottom: 10px;
} .custom-villa-information {
padding-top:90px;
}
@media (max-width: 660px){
.custom-villa-information {
padding-top:20px;
}
}  .custom-villa-information-top {
display:flex;
align-items: center;
flex-wrap: nowrap;
justify-content: center;
margin:0 8.33333%;
padding-top: 40px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding-bottom: 30px;
}
@media (max-width: 660px){
.custom-villa-information-top {
margin:0 2%;
}
}
.custom-villa-information-top h1,h3 {
display:inline-block;
}
.custom-villa-information-top h1 {
margin-right: 15px;
}
.custom-villa-information-top div {
flex: 5;
text-align: right;
}
.custom-villa-information-top div:first-child{
flex: 5;
text-align:left;
}
.custom-villa-information-top-price {
text-align: right;
}
@media (max-width: 950px){
.custom-villa-information-top {
display: block;
}
.custom-villa-information-top div {
margin-bottom: 20px;
text-align:left;
}
}
.custom-villa-information-top img {
width: 40px;
margin-bottom: 7px;
} @media (max-width: 660px){
.custom-villa-information-top img {
width: 20px;
}
}
.custom-left {
width: 70%!important;
}
.custom-right {
width: 30%!important;
} @media (max-width: 1260px){
.custom-left {
width: 100%!important;
}
.custom-right {
width: 100%!important;
}
.villa-custom-check, .villa-custom-check-form {
margin:0 auto;
float:none!important;
max-width: 90vw!important;
}
}
.custom-villa-information-description{
padding-left: 15px;
padding-right:10%;
}
@media (max-width: 1260px){
.custom-villa-information-description{
padding-left: 0px;
padding-right:0px;
}
}  .custom-villa-information-icons {
display:flex;
align-items: left;
margin-bottom: 40px;
padding-bottom: 30px;
border-bottom:1px solid #ddd;
}
@media (max-width: 690px){
.custom-villa-information-icons {
display:block;
margin-bottom: 20px;
}
}
.custom-villa-information-icons div {
margin-right: 40px;
}
.custom-villa-information-icons img, .custom-villa-information-icons svg {
width: 30px;
margin-bottom:15px;
margin-right: 10px;
}  .custom-villa-information-amenity-icons {
display:flex;
align-items: left;
margin-bottom: 50px;
padding-bottom: 40px;
border-bottom: 1px solid #ddd;
}
@media (max-width: 660px){
.custom-villa-information-amenity-icons {
margin-bottom: 20px;
justify-content: center;
}
}
.custom-villa-information-amenity-icons div {
margin-right: 5px;
}
.custom-villa-information-amenity-icons img {
width: 50px;
-webkit-filter: grayscale(1) brightness(0.3);
}  #villa-custom-check-form {
display:none;
max-width: 400px;
margin-left:auto;
margin-right:auto;
}
#villa-custom-check-calculator {
display:block;
max-width: 400px;
} .villa-custom-check {
margin-top:50px;
text-align: center;
border:1px solid #ddd;
border-radius: 20px;
padding: 45px 45px 20px 45px;
max-width: 400px;
float:right;
}
@media (min-width: 1260px){
.villa-custom-check, .villa-custom-check-form {
}
}
@media (max-width: 1260px){
.villa-custom-check {
padding:20px;
}
.villa-custom-check, .villa-custom-check-form {
}
}
@media (min-width: 1260px){
.villa-custom-check, .villa-custom-check-form {
}
}
.villa-custom-check-toptitle {
margin:0 auto;
text-transform: uppercase;
margin-bottom: 30px;
padding-bottom:10px;
border-bottom:1px solid #ddd;
}
.villa-custom-check-title {
margin-bottom: 25px;
}
.villa-custom-check-title h2, .villa-custom-check-form-title h2{
font-size: 45px;
}
.villa-custom-check-checkdates {
display: flex;
margin-bottom:40px;
justify-content: space-between;
}
.villa-custom-check-checkdates-in, .villa-custom-check-checkdates-out {
width: 45%;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.villa-checkin, .villa-checkout{
text-align:left;
}
.villa-checkin input, .villa-checkout input{
width: 70%;
cursor:pointer;
font-size: 15px;
}
.filters .villa-checkin input, .filters .villa-checkout input{
border-right: 1px solid var(--medium-gray);
}
.villa-checkin input:hover, .villa-checkout input:hover{
color: black;
}
.villa-checkin svg, .villa-checkout svg{
margin-right: 10px;
margin-top:-3px;
}
.villa-custom-check-results {
display: flex;
padding-bottom:10px;
border-bottom:1px solid #ddd;
}
.villa-custom-check-results div:first-child {
text-align:left;
flex: 1;
}
.villa-custom-check-results {
text-align:right;
flex: 1;
color: #333;
margin-bottom: 10px;
}
.villa-custom-check-VAT {
text-align: right;
color: #333;
margin-bottom: 20px;
font-size: 90%;
}
.villa-custom-included {
text-align: left;
margin-bottom: 20px;
}
.villa-custom-included-title {
text-transform: uppercase;
font-size: 90%;
}
.villa-custom-included li {
font-size: 90%;
}
.villa-custom-check-buttons {
margin-bottom: 20px;
}
.villa-custom-check-buttons a, .wishlist-button {
width:100%;
font-size: 90%;
padding: 18px;
color:white;
height: auto!important;
border-radius: 10px;
margin-bottom: 10px;
}
.show-gallery {
left: 0!important;
right: 0!important;
margin-left: auto;
margin-right: auto;
width: 40px;
padding: 5px;
text-align: center;
overflow: hidden;
background: white;
cursor: pointer;
border-radius: 50%;
}
.show-gallery img {
width: 30px;
height: 30px;
}
.show-gallery:hover {
transform: scale(1.1);
}
.show-gallery img {
width: 30px;
height: 30px;
}
.villa-custom-check-best-guarantee {
margin-top: 50px;
}
.villa-wishlist-unset{
position:unset;
width:unset;
left:unset;
right:unset;
} @media (max-width: 660px){
.villa-custom-check {
margin-top: 20px;
margin:0 auto;
}
.villa-custom-check, .villa-custom-check-form{
margin:0 auto;
}
.custom-villa-information-amenity-icons img { }
}
.villa-custom-check-form {
margin-top: 50px;
border: 1px solid #ddd;
border-radius: 20px;
padding: 30px;
float:right;
}
.villa-custom-check-form-back {
margin-bottom: 20px;
cursor:pointer;
}
.villa-custom-check-form-back span {
margin-left: 2px;
text-transform: uppercase;
font-size: 12px;
}
.villa-custom-check-form-image {
margin-bottom: 20px;
}
.villa-custom-check-form-title {
margin-bottom: 20px;
margin-top: 10px;
}
.villa-custom-check-form-dates {
margin-bottom: 40px;
}
.villa-custom-check-form-dates ul,.villa-custom-check-form-dates li {
list-style: none;
}
.villa-custom-check-form-dates div {
}
.villa-custom-check-form-dates-row {
display: flex;
list-style: none;
height: 35px;
overflow:hidden;
margin-bottom: 15px;
}
.villa-custom-check-form-dates-row div {
width:100%;
}
.villa-custom-check-form-dates-row {
border-bottom: 1px solid #ddd;
}
.villa-custom-check-form-dates-row span {
margin-left:5px;
}
.villa-custom-check-form-dates-row div:first-child {
margin-top:7px;
}
.villa-custom-check-form-dates-row div:nth-child(2) {
text-align:center;
padding-top:4px;
}
.villa-custom-check-form-form {
margin-bottom: 20px;
overflow:hidden;
}
#gform_fields_4 {
margin:0!important;
}
#input_4_34 , #input_4_35 {
width: auto;
}
.villa_form_field {
padding: 8px!important;
background: white!important;
width: 100%!important;
margin-bottom: 10px!important;
border: 1px solid #aaaaaa;
}
#gform_submit_button_4 {
width: 100%;
padding-top:20px;
padding-bottom:20px;
text-transform: uppercase;
font-size:15px;
height: auto!important;
}
.villa-custom-check-form-best-guarantee {
text-align:center;
}
.gform_footer {
padding: 0px!important;
}
.contact_form_arrival:after , .contact_form_departure:after {
content:''!important;
background:none!important;
}
#gform_submit_button_3 {
margin-top: 50px;
}
.distances img{
width: 20px;
margin-right: 20px;
}
.distances .h5, .area-description .h5 {
font-size: 14px!important;
}
.contact-form {
padding-bottom: 120px;
}
#villa-custom-check-best-guarantee-1, #villa-custom-check-form-best-guarantee-1 {
display:block;
cursor:pointer;
}
#villa-custom-check-best-guarantee-2, #villa-custom-check-form-best-guarantee-2 {
display:none;
position:relative;
width: 100%;
padding: 20px;
background: white;
border:1px solid #ddd;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
#villa-custom-check-best-guarantee-2 span, #villa-custom-check-form-best-guarantee-2 span {
position:absolute;
right: 20px;
top: 20px;
cursor:pointer;
}
#villa-custom-check-best-guarantee-2 p, #villa-custom-check-form-best-guarantee-2 p {
margin-top: 20px!important;
text-align:left;
}
.page-villas-by-area {
background:white;
}
.villa-location>a,.villa-collection>a {
-webkit-box-shadow:10px 10px 14px -1px rgb(188 188 188 / 75%);
box-shadow:10px 10px 14px -1px rgb(188 188 188 / 75%);
}
@media (max-width: 660px){
.my-selection-icon {
display:block!important;
margin:0!important;
}
.villa-gallery-slider {
display:none!important;
}
}
.page-blog .category-tab .tab__teases .teases {
width:100%!important;
}
.teases-2 > .tease {
width: calc(25% - 2em);
margin: 1em;
}
@media (max-width: 660px){
.teases-2 > .tease {
width: calc(100% );
margin: 0em;
}
.teases-2 > .flex {
bottom:0px!important;
}
.tease--post>div.flex {
bottom:0px!important;
}
.thumbnail {
margin-top:20px!important;
}
}
.tab__teases-2 {
display: flex;
}
#single_villa_footer {
position:fixed;
width: 100%;
padding:10px;
height: 87px;
display:flex;
bottom:0px;
border-top: 1px solid #ddd;
background: white;
z-index:99999;
box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
color:#BBA262;
}
#single_villa_footer_left {
width: 33.33%;
text-align: center;
margin-top:14px;
}
#single_villa_footer_left_top {
font-size:22px;
font-family:'Canela';
margin-bottom:7px;
}
#single_villa_footer_middle {
width: 33.33%;
text-align: center;
cursor:pointer;
}
#single_villa_footer_middle svg {
width:40px;
height:40px;
margin-bottom:5px;
}
#single_villa_footer_right {
width: 33.33%;
text-align: center;
cursor:pointer;
}
#single_villa_footer_right svg {
width:40px;
height:40px;
margin-bottom:5px;
}
@media (min-width: 1100px){
#single_villa_footer {
display:none;
}
}
#checkin_click, #checkout_click {
cursor: pointer;
}
@media (max-width: 426px){
#single_villa_footer {
}
#single_villa_footer_left {
font-size:12px;
}
#single_villa_footer_middle {
font-size:12px;
}
#single_villa_footer_middle_top {
font-size:12px;
}
#single_villa_footer_right {
font-size:12px;
}
}
@media (max-width: 370px){
#single_villa_footer {
}
#single_villa_footer_left {
font-size:13px;
}
#single_villa_footer_middle {
font-size:13px;
}
#single_villa_footer_middle_top {
font-size:13px;
}
#single_villa_footer_right {
font-size:13px;
}
}
@media (max-width: 200px){
#single_villa_footer {
}
#single_villa_footer_left {
font-size:8px;
}
#single_villa_footer_middle {
font-size:8px;
}
#single_villa_footer_middle_top {
font-size:10px;
}
#single_villa_footer_right {
font-size:8px;
}
}
.page-villa-location {
background: white;
}
.page-our-villas {
padding-bottom: 100px;
}
.villa-level-name {
margin-bottom: 10px;
}
.tease__title {
text-transform: capitalize;
}
.about_inner_container {
text-align:justify;
}
.about_inner_container p {
text-align:justify;
}
@media (max-width: 1100px){
.thumb_blog {
height: 200px;
}
}
@media (max-width: 660px){
.thumb_blog {
height: auto;
}
}
.latest-posts-top {
display:flex;
margin-bottom:50px;
}
@media (max-width: 1000px){
.latest-posts-top {
display:block;
}
}
.latest-posts-top-left {
flex: 50%;
}
.latest-posts-top-right {
flex: 50%;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 1000px){
.latest-posts-top-right {
display:block;
}
}
.latest-posts-top-right-entry {
flex: calc( 50% - 20px);
margin: 10px;
margin-top:0px;
}
.latest-posts-bottom {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 1000px){
.latest-posts-bottom {
display:block;
}
}
.latest-posts-bottom-entry {
flex: calc( 33% - 20px);
margin: 10px;
}
.latest-posts-top-right-entry .thumb_blog {
height: 200px;
}
.latest-posts-top-left .thumb_blog {
height: 600px;
}
.tease .tease__title{
padding:0px 0 0px;
}
.tease-villa-upper {
margin-bottom:10px;
}
.button-small {
color:white!important;
}
@media (max-width: 660px){
.show-gallery {
bottom:200px!important;
}
}
@media (max-width: 1535px){
.page-home .home-hero .filters .select-container {
}
.filters .select-container .dropdown, .filters .villa-checkin, .filters .villa-checkout, .page-home .home-hero .filters .select-container .dropdown {
width: 150px!important; 
}
}
@media (max-width: 840px){
.filters .select-container .search button {
width: 200px !important;
}
.page-home .home-hero .filters .select-container {
width: max-content;
}
.page-home .home-hero .filters .select-container .dropdown {
width: 119px!important;
}
.page-home .home-hero .filters .select-container .villa-checkin {
width: 120px!important;
}
.page-home .home-hero .filters .select-container .villa-checkout {
width: 120px!important;
}
}
.filters-mobile .big-dropdown .search {
padding-bottom:40px;
}
.page-our-villas .filters-mobile {
display:none;
position:initial;
bottom:initial;
-webkit-transform: none;
transform:none;
width: auto;
background:#fdfdfd;
border:1px solid #ddd;
border-radius: 25px;
margin: 15px;
}
.page-our-villas .filters-mobile .select-container {
}
@media (max-width: 736px){
.page-our-villas .filters-mobile {
display:block!important;
}
.page-our-villas .filters { }
.filters .select-container {
display: none;
}
.filters {
padding:0
}
}
#field_3_31, #field_3_32 {
cursor: pointer;
}
.checkin, .checkout, .checkin_mob{
background-image:url(/wp-content/themes/vg-twig/views/svg/calendar.svg);
background-size: 15px 15px;
background-position:0px 3px;
padding-left:20px;
width:100%!important;
}
.ccheckin, .ccheckout, .checkout_mob {
background-image:url(/wp-content/themes/vg-twig/views/svg/calendar.svg);
background-size: 15px 15px;
background-position:0px 3px;
padding-left:20px;
width:100%!important;
}
.header-wishlist-0 {
display:none;
}
.header-wishlist-1 {
display:none;
}
.thumb_blog {
object-fit: cover;
height: 400px!important;
border:1px solid #ddd;
}
.page-collections{
background:white!important;
}
.thumb_first {
object-fit: cover;
height: 640px!important;
border:1px solid #ddd;
}
.thumb_right {
height: 221px!important;
}
@media (max-width: 1100px){
.thumb_right {
height: 210px!important;
}
}
@media (max-width: 660px){
.thumb_right {
height: 210px!important;
}
}
.page-villa-collection {
background:white!important;
}
.teases-container .tease--villa {
width: 33.3%!important;
}
@media (max-width: 660px){
.teases-container .tease--villa {
width: 100%!important;
}
}
.page-our-villas .results-text-mobile {
}
.mfp-arrow {
background:white!important;
border-radius:100%;
}
.mfp-arrow-right:before {
background-size: 70%;
background-position: center;
}
.mfp-arrow-left:before {
background-size: 70%;
background-position: center;
} .gallery-icon {
width: 20px;
text-align: center;
margin: auto;
}
.location-name span.r_more {
display: inline-block;
vertical-align: text-bottom;
position: relative;
right: -27%;
}
.page-template-template-contact #footer .footer-upper {
border-top: 0 !important;
}
.page-my-selection {
background: white;
}
.page-my-selection .gfield input{
width:85%;
}
.type-villa .gfield input{
width:70%;
}
#field_3_31 span, #field_3_32 span {
color: black;
padding-right: 5px;
}
.villas-extra-slider .slick-slide .thumbnail img {
height: 650px;
}
@media only screen and (min-width: 661px) and (max-width: 1513px) {
.marker .thumbnail {
max-width: 60px;
margin: auto;
}
}
img.mfp-img {
padding: 0;
}
.mfp-wrap {
z-index: 999999;
}
a.header-wishlist-1 {
color: var(--gold);
}
span.nights {
font-size: 12px;
}
#bedrooms ~ .select2-container, #villas-filters > div > div.big-dropdown.tab-content > div:nth-child(2) > span{
background-image: url(//santorini.villas/wp-content/themes/vg-twig/views/svg/bedrooms.svg);
background-size: 15px 15px;
background-position: 0px 3px;
padding-left: 20px;
width: 100%!important;
}
.page-my-selection .tease .thumbnail img {
max-height: 320px;
}
.about_inner_container .s_column:nth-child(1){
position:relative;
top:24px;
text-align: left;
}
.page-home .home-our-villas .our-villas__text, .page-home .home-our-villas .tab-content, .home-selected-villas .our-villas__text {
text-align: justify;
}
@media (max-width: 1160px){
.sort .view {
justify-content: flex-end; }
}
@media (max-width: 1149px){
.tease--post > a .preview { }
}
@media (max-width: 660px){
.villa-checkout .qs-datepicker-container {
position:absolute; }
.sort .view {
width: 25%;
}
}
.page-template-template-contact .ginput_container.ginput_container_text input#input_2_21, .page-template-template-contact .ginput_container.ginput_container_text input#input_2_20 {
background-image: url(//santorini.villas/wp-content/themes/vg-twig/views/svg/calendar.svg);
background-size: 15px 15px;
background-repeat:no-repeat;
background-position:right;
padding:0 !important;
}
.page-template-template-contact .ginput_container input, .page-template-template-contact .ginput_container .select2, .page-template-template-contact .ginput_container textarea {
border-bottom: 1px solid white !important;
}
.page-contact .gfield, .page-my-selection .gfield, .type-villa .gfield {
margin: 0 0 7px 0;
}
span.r_more {
position: relative;
top: -3px;
left: 5px;
}
#villas-filters > div > div:nth-child(1) > span > span.selection > span{
background-image: url(//santorini.villas/wp-content/themes/vg-twig/assets/img/icon-map.png) !important;
background-size: 12px 15px;
background-position: 0px 3px;
padding-left: 20px !important;
width: 100%!important;
}
#villas-filters > div > div.big-dropdown.tab-content > div:nth-child(3){
background-image: url(//santorini.villas/wp-content/themes/vg-twig/assets/img/icon-map.png) !important;
background-size: 12px 15px;
background-position: 0px 17px;
padding-left: 20px !important;
}
.filters .select-container {
border-radius: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 0;
border-radius: 30px;
padding: 5px;
}
.filters .select-container .search button {
width: 260px;
color: white;
border-radius: 20px 20px 20px 20px;
}
.filters .select-container .dropdown, .filters .villa-checkin, .filters .villa-checkout {
width: 260px;
padding-left: 8px;
}
.filters .select-container .search {
position: static;
}
@media (max-width: 960px){
.page-home .home-hero .filters .select-container {
width: max-content;
}
}
.sort__filters {
overflow: auto;
}
.inc-title {
margin-bottom: 10px;
}
.villa-checkout .qs-datepicker-container {
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
}
.page-blog-category .category-teases .tease--post .button-small {
margin-top: 20px;
}
.page-our-villas .sort {
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.results-text {
position: relative;
left: -70px;
}
.results-text-mobile {
display:none;
text-align:left!important;
padding:0px 15px!important;
margin: 0 15px 0 0px !important;
}
.results-text-mobile-number {
font-size: 23px;
font-weight:300;
font-family:'canela';
transform:translate(0,5px);
position:absolute;
}
.results-text-mobile-text   {
position:relative;
top:3px;
padding-bottom: 5px;
margin-left:40px;
transform: translate(0px,-4px);
}
.results-text-mobile-text-underline   {
border-bottom:1px solid #333;
padding-bottom: 5px;
margin-left:35px;
transform: none;
}
@media (max-width: 960px){
.results-text-mobile {
display:block;
}
}
@media (max-width: 660px){
.page-our-villas .sort {
margin-bottom:5px;
margin-top:5px;
}
}
#villas-filters {
border-radius:5px!important;
}
.featured_listing_mobile {
display:none;
}
.featured_listing_page {
display:block;
}
@media (max-width: 660px){
.page-home .tease .tease__title {
padding: 0px 0 0px;
}
.tease-villa__info > div.two_columns_row > div:nth-child(2) > div:nth-child(2) > svg {
position: relative;
right: 10px;
}
.featured_listing_mobile {
display:block!important;
}
.featured_listing_page {
display:none;
}
}
@media (max-width: 370px){
.tease__villa-price {
font-size:14px;
}
}
@media (max-width: 315px){
.tease__villa-price {
font-size:11px;
}
}
@media (min-width: 768px){
.tease__villa-price {
font-size:1em;
}
}
.filter .h3 {
font-size:20px;
margin-bottom:10px;
}
.filter .selected {
font-size: 26px;
border-bottom:1px solid #ddd;
}
.cookie-box a:hover{
color:white;
border-bottom:1px solid white;
}
.cookie-notice-container a:hover{
color:white;
border-bottom:1px solid white;
}
.cn-close-icon:before, .cn-close-icon:after {
background:white!important;
}
@media (max-width: 660px){
.tease__title .villa__title {
padding: 0px;
}
}
@media (max-width: 479px){
.about-container h2 {
text-align: center;
}
}
#rangepicker, #rangepickermobile {
cursor:pointer;
width:280px;
height:20px;
background-image: url(//santorini.villas/wp-content/themes/vg-twig/assets/img/calendar.svg) !important;
background-size: 12px 15px;
background-repeat:no-repeat;
background-position: 0px 2px;
padding-left: 20px;
margin-left:15px;
}
.mysortcontainer  {
display:block;
}
@media (max-width: 660px){
.mysortcontainer  {
display:none;
margin-left:10px;
}
.page-our-villas .sort {
border:none;
}
}
.page-our-villas .sort .view > div {
color: white;
background-color: var(--gold);
}
#villas-filters > div.sort > div.view > div.view__map.flex > svg {
width: 22px;
height: 22px;
}
.r_more svg{
max-width: 24px;
}
#myselectionrangepicker {
visibility: hidden;
height:1px;
position:absolute;
color:black;
}
#range_checkin_text {
color:black;
cursor:pointer;
}
#range_checkout {
height:1px;
position:absolute;
visibility: hidden;
color:black;
}
#range_checkout_text {
color:black;
cursor:pointer;
}
.filters .select-container > div:nth-child(2) {
border-right:1px solid var(--medium-gray);
}
.filters .select-container .dropdown.border
{
border-right:none;
}
@media (max-width: 735px){
.filters-mobile   {
display:block!important;
}
#rangepicker, #rangepickermobile{
margin-left:0;
}
#bedrooms ~ .select2-container, #villas-filters > div > div.big-dropdown.tab-content > div:nth-child(2) > span{
}
}
.type-villa .villa-hero .villa-big-img .slick-next {
width: 50px;
height: 50px;
}
.type-villa .villa-hero .villa-big-img .slick-prev {
width: 50px;
height: 50px;
}
.type-villa .villa-hero .villa-big-img .slick-prev:before {
width: 50px;
height: 50px;
margin-left:-2px;
}
.type-villa .villa-hero .villa-big-img .slick-next:before {
width: 50px;
height: 50px;
margin-left:2px;
}
.tease--villa .slick-slider .slick-prev {
left:0px;
}
.tease--villa .slick-slider .slick-next {
right: 20px;
}
.tease--villa .slick-slider .slick-prev:before {
margin:0px;
width: 50px;
height: 50px;
}
.tease--villa .slick-slider .slick-next:before {
margin:0px;
width: 50px;
height: 50px;
}
@media (max-height: 600px) {
.my-profile__content {
margin-bottom:100px;
}
.my-profile__images .img-4,   .img-4 {
display:none;
}
}
#rangepicker2 {
visibility: hidden;
}
#checkintrigger{ 
cursor:pointer;
}
#checkouttrigger {
cursor:pointer;
}
.select-container {
cursor:pointer;
}
.rangepickernights{  padding-right:10px;
font-size: 14px;
}
div#single_villa_footer_left_top.footer-price {
font-size: 15px;
}
.featured_listing_page .slick-list{
cursor:pointer
}
#rangepickermobile{
width:auto
}
.villa-price h3 {
font-size: 28px;
}
.type-villa .villa-hero .villa-big-img .slick-next:after {
background:none!important;
}
.type-villa .villa-hero .villa-big-img .slick-next:before {
filter:invert(1);
}
.type-villa .villa-hero .villa-big-img .slick-prev:after {
background:none!important;
}
.type-villa .villa-hero .villa-big-img .slick-prev:before {
filter:invert(1);
}
@media screen and (min-width: 1100px) {
.villa-big-img .slick-next,
.villa-big-img .slick-prev {
background: white;
width: 40px !important;
height: 40px !important;
border-radius: 50px;
}
.villa-big-img .slick-next:before,
.villa-big-img .slick-prev:before {
filter: none !important;
width: 40px !important;
height: 40px !important;
}
}
.grecaptcha-badge {
display: none !important;
}
.c_title {
font-size: 30px;
font-family: 'Canela';
}
@media (max-width: 660px){
.left_asset.c_title {
font-size: 20px;
line-height: 25px;
}
}