@charset "UTF-8";
 @font-face {
font-family: "open-sans";
src: url(//breezeibiza.com/wp-content/themes/breeze/assets/fonts/OpenSans-VariableFont_wdth,wght.ttf) format("truetype");
}
@font-face {
font-family: "MonumentGrotesk-Regular";
src: url(//breezeibiza.com/wp-content/themes/breeze/assets/fonts/MonumentGrotesk-Regular.woff2) format("woff2"), url(//breezeibiza.com/wp-content/themes/breeze/assets/fonts/MonumentGrotesk-Regular.woff) format("woff"), url(//breezeibiza.com/wp-content/themes/breeze/assets/fonts/MonumentGrotesk-Regular.ttf) format("truetype"); font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "MonumentGrotesk-Bold";
src: url(//breezeibiza.com/wp-content/themes/breeze/assets/fonts/MonumentGrotesk-Bold.woff2) format("woff2"), url(//breezeibiza.com/wp-content/themes/breeze/assets/fonts/MonumentGrotesk-Bold.woff) format("woff"), url(//breezeibiza.com/wp-content/themes/breeze/assets/fonts/MonumentGrotesk-Bold.ttf) format("truetype"); font-weight: normal;
font-style: normal;
} .articulat {
font-family: "articulat-cf", sans-serif;
font-weight: 400;
font-style: normal;
}
.articulat-bold {
font-family: "articulat-cf", sans-serif;
font-weight: 700;
font-style: normal;
}
.articulat-heavy {
font-family: "articulat-cf", sans-serif;
font-weight: 900;
font-style: normal;
}
body {
font-family: "open-sans", sans-serif;
font-size: 16px;
overflow-x: hidden;
}
p a {
color: #09A6AA;
text-decoration: none;
transition: all 0.5s ease;
}
p a:hover {
color: #1F1801;
text-decoration: underline;
}
.monum,
.stara {
font-family: "articulat-cf", sans-serif;
font-weight: 700;
}
.subtitulo {
color: #1F1801;
font-weight: bold;
text-transform: uppercase;
font-size: 1.1rem;
letter-spacing: 1px;
padding: 0;
z-index: 3;
position: relative;
}
.subtitulo:after {
content: "";
display: none;
}
.bg-green {
background-color: #09A6AA;
color: white;
} @-moz-keyframes dothabottomcheck {
0% {
height: 0;
}
100% {
height: 10px;
}
}
@-webkit-keyframes dothabottomcheck {
0% {
height: 0;
}
100% {
height: 10px;
}
}
@keyframes dothabottomcheck {
0% {
height: 0;
}
100% {
height: 10px;
}
}
@keyframes dothatopcheck {
0% {
height: 0;
}
50% {
height: 0;
}
100% {
height: 24px;
}
}
@-webkit-keyframes dothatopcheck {
0% {
height: 0;
}
50% {
height: 0;
}
100% {
height: 24px;
}
}
@-moz-keyframes dothatopcheck {
0% {
height: 0;
}
50% {
height: 0;
}
100% {
height: 24px;
}
}
input[type=checkbox] {
display: none;
}
.check-box {
height: 20px;
width: 20px;
background-color: transparent;
border: 2px solid #7B7B7B;
border-radius: 0px;
position: relative;
display: inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: border-color ease 0.2s;
-o-transition: border-color ease 0.2s;
-webkit-transition: border-color ease 0.2s;
transition: border-color ease 0.2s;
cursor: pointer;
}
.check-box::before, .check-box::after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
height: 0;
width: 4px;
background-color: #34b93d;
display: inline-block;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
-webkit-transform-origin: left top;
transform-origin: left top;
border-radius: 5px;
content: " ";
-webkit-transition: opacity ease 0.5;
-moz-transition: opacity ease 0.5;
transition: opacity ease 0.5;
}
.check-box::before {
top: 14.4px;
left: 8.2px;
box-shadow: 0 0 0 1px #fff;
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.check-box::after {
top: 7.4px;
left: 1px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} .btn-on + .check-box {
border: 2px solid red;
animation: shake 0.4s ease;
}
@keyframes shake {
0% {
transform: translateX(0);
}
25% {
transform: translateX(5px);
}
50% {
transform: translateX(-5px);
}
75% {
transform: translateX(5px);
}
100% {
transform: translateX(0);
}
}
input[type=checkbox]:checked + .check-box,
.check-box.checked {
border-color: #34b93d;
}
input[type=checkbox]:checked + .check-box::after,
.check-box.checked::after {
height: 10px;
-moz-animation: dothabottomcheck 0.2s ease 0s forwards;
-o-animation: dothabottomcheck 0.2s ease 0s forwards;
-webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
animation: dothabottomcheck 0.2s ease 0s forwards;
}
input[type=checkbox]:checked + .check-box::before,
.check-box.checked::before {
height: 24px;
-moz-animation: dothatopcheck 0.4s ease 0s forwards;
-o-animation: dothatopcheck 0.4s ease 0s forwards;
-webkit-animation: dothatopcheck 0.4s ease 0s forwards;
animation: dothatopcheck 0.4s ease 0s forwards;
} .scroll-downs {
position: absolute;
right: 0;
left: 50%;
transform: translate(-50%, 0);
bottom: 4%;
z-index: 2;
width: 27px;
height: 45px;
}
.scroll-downs .mousey {
width: 0px;
padding: 8px 13px 6px 9px;
height: 26px;
border: 2px solid #fff;
border-radius: 25px;
opacity: 0.75;
box-sizing: content-box;
}
.scroll-downs .mousey .scroller {
width: 3px;
height: 7px;
border-radius: 50%;
background-color: #fff;
animation-name: scroll;
animation-duration: 2.2s;
animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
animation-iteration-count: infinite;
}
@keyframes scroll {
0% {
opacity: 0;
}
10% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(10px);
opacity: 0;
}
} .mouse {
position: absolute;
bottom: 70px;
left: 50%;
background: #4e5559 linear-gradient(transparent 0%, transparent 50%, white 50%, white 100%);
position: relative;
width: 22px;
height: 38px;
border-radius: 100px;
background-size: 100% 200%;
animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
}
.mouse:before, .mouse:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.mouse:before {
width: 19px;
height: 35px;
background-color: #1F1801;
border-radius: 100px;
}
.mouse:after {
background-color: white;
width: 5px;
height: 5px;
border-radius: 100%;
animation: trackBallSlide 5s linear infinite;
}
@keyframes colorSlide {
0% {
background-position: 0% 100%;
}
20% {
background-position: 0% 0%;
}
21% {
background-color: #4e5559;
}
29.99% {
background-color: white;
background-position: 0% 0%;
}
30% {
background-color: #4e5559;
background-position: 0% 100%;
}
50% {
background-position: 0% 0%;
}
51% {
background-color: #4e5559;
}
59% {
background-color: white;
background-position: 0% 0%;
}
60% {
background-color: #4e5559;
background-position: 0% 100%;
}
80% {
background-position: 0% 0%;
}
81% {
background-color: #4e5559;
}
90%, 100% {
background-color: white;
}
}
@keyframes trackBallSlide {
0% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
6% {
opacity: 1;
transform: scale(0.9) translateY(2.5px);
}
14% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
15%, 19% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
28%, 29.99% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
30% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
36% {
opacity: 1;
transform: scale(0.9) translateY(2.5px);
}
44% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
45%, 49% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
58%, 59.99% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
60% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
66% {
opacity: 1;
transform: scale(0.9) translateY(2.5px);
}
74% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
75%, 79% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
88%, 100% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
}
@keyframes nudgeMouse {
0% {
transform: translateY(0);
}
20% {
transform: translateY(4px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(4px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(4px);
}
90% {
transform: translateY(0);
}
}
@keyframes nudgeText {
0% {
transform: translateY(0);
}
20% {
transform: translateY(2px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(2px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(2px);
}
90% {
transform: translateY(0);
}
}
@keyframes colorText {
21% {
color: #4e5559;
}
30% {
color: white;
}
51% {
color: #4e5559;
}
60% {
color: white;
}
81% {
color: #4e5559;
}
90% {
color: white;
}
}
#play-video {
position: absolute;
right: 4%;
bottom: 50px;
z-index: 2;
width: 300px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
}
#play-video a {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
#play-video i {
font-size: 4rem;
color: white;
}
#play-video div {
font-size: 1.2rem;
text-transform: uppercase;
color: white;
width: 220px;
font-weight: bold;
transition: all 0.5s ease;
opacity: 1;
margin-right: 0px;
}
#play-video:hover div {
display: inline-block;
margin-right: 0px;
opacity: 1;
width: 220px;
}
html {
overflow-x: hidden;
}
body {
font-family: "open-sans", sans-serif !important;
}
body.logged-in header {
margin-top: 32px;
}
.post, .page {
margin-bottom: 0px !important;
} .bg-grey {
background-color: #FBFBFB;
}
.bg-orange {
display: flex;
align-items: center;
}
.bg-orange h2 {
font-size: 1.6rem;
}
.bg-orange h2:after {
border: 0;
background-color: transparent;
}
.border-left {
border-left: 5px solid #09A6AA;
}
.border-right {
border-right: 5px solid #09A6AA;
}
h1, h3 {
text-transform: uppercase;
color: #1F1801;
}
h1.line, h3.line {
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
color: #09A6AA;
}
h1.line:after, h3.line:after {
content: "";
position: absolute;
bottom: 0;
left: calc(50% - 50px);
border-bottom: 3px solid #09A6AA;
width: 100px;
}
h1.line-left, h3.line-left {
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
color: #09A6AA;
}
h1.line-left:after, h3.line-left:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
border-bottom: 3px solid #09A6AA;
width: 100px;
}
h1.line-right, h3.line-right {
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
}
h1.line-right:after, h3.line-right:after {
content: "";
position: absolute;
bottom: 0;
left: auto;
right: 0;
border-bottom: 3px solid #09A6AA;
width: 100px;
}
h2 {
text-transform: uppercase;
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
color: #1F1801;
}
h2:after {
content: "";
position: absolute;
bottom: 0;
left: calc(50% - 50px);
border-bottom: 3px solid #09A6AA;
width: 100px;
}
h3 {
font-size: 1.375rem;
text-transform: uppercase;
}
h1.line,
h1.line-left,
h2.line,
h2.line-left {
position: relative;
display: inline-block;
z-index: 2;
color: #09A6AA;
font-family: "articulat-bold", Arial, sans-serif;
font-weight: 600;
}
h1.line:before,
h1.line-left:before,
h2.line:before,
h2.line-left:before {
content: "";
position: absolute;
top: -30px;
left: -20px;
width: 60px;
height: 60px;
background-image: url(//breezeibiza.com/wp-content/themes/breeze/assets/img/logo-breeze-title.svg);
background-size: cover;
z-index: -1;
}
.top-title {
background-color: #09A6AA;
color: white;
padding: 3px 5px;
margin-bottom: 5px;
display: inline-block;
}
.quote h2 {
color: #09A6AA;
position: relative;
}
.quote h2:before {
content: "";
opacity: 0.3;
width: 80px;
height: 100px;
border: 0px solid red;
position: absolute;
top: -10px;
left: -70px;
background-image: url(//breezeibiza.com/wp-content/themes/breeze/assets/img/icon-quote.svg);
background-position: 0px top;
background-repeat: no-repeat;
}
.quote h2 span {
color: #09A6AA;
}
.content__form {
background-color: #FFFFFF;
border-radius: 10px;
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.content__form.content__form_empty {
border-radius: 0px;
box-shadow: none;
}
.content__form form p {
margin-bottom: 0 !important;
}
.content__form form .inp {
position: relative;
width: 100%;
margin-bottom: 40px;
height: 40px;
}
.content__form form .inp .iti {
width: 100%;
height: 40px;
}
.content__form form .inp input {
width: 100%;
height: 40px;
border-radius: 0;
background-color: #FBFBFB;
border: 1px solid #7B7B7B;
text-indent: 10px;
transition: all 0.5s ease;
}
.content__form form .inp input:focus + label, .content__form form .inp input:valid + label {
font-size: 0.7rem;
top: -18px;
}
.content__form form .inp input:focus + label span, .content__form form .inp input:valid + label span {
font-size: 0.6rem;
}
.content__form form .inp textarea {
width: 100%;
height: 100px;
border-radius: 0;
background-color: #FBFBFB;
border: 1px solid #7B7B7B;
text-indent: 10px;
transition: all 0.5s ease;
}
.content__form form .inp textarea:focus + label, .content__form form .inp textarea:valid + label {
font-size: 0.7rem;
top: -18px;
}
.content__form form .inp textarea:focus + label span, .content__form form .inp textarea:valid + label span {
font-size: 0.6rem;
}
.content__form form .inp label {
position: absolute;
left: 10px;
top: 8px;
font-size: 0.9rem;
font-style: italic;
transition: all 0.5s ease;
}
.content__form form .inp label span {
color: #09A6AA;
font-size: 1rem;
font-weight: bold;
}
.content__form form .inp label.active#input_name_label, .content__form form .inp label.active#input_email_label, .content__form form .inp label.active#input_area_label {
font-size: 0.7rem;
top: -25px;
}
.content__form form .inp.inp_area {
height: auto !important;
}
.content__form form .inp .wpcf7-not-valid-tip {
font-size: 0.9rem;
}
.content__form form span.text-align a {
color: #09A6AA;
text-decoration: none;
transition: all 0.5s ease;
}
.content__form form span.text-align a:hover {
color: #1F1801;
text-decoration: underline;
}
.content__form form #btn-submit {
border: 1px solid #09A6AA;
color: #09A6AA;
padding: 15px 20px 10px 20px;
border-radius: 0;
background-color: #fff;
transition: all 0.5s ease;
}
.content__form form #btn-submit:hover {
background-color: #09A6AA;
color: #fff;
}
.content__form form .wpcf7-spinner {
display: block;
position: absolute;
right: 20%;
bottom: 10px;
}
.content__form form .wpcf7-list-item {
margin-left: 0;
}
.content__form form .wpcf7-list-item input[type=checkbox] {
display: inline-block !important;
top: 4px;
padding-right: 10px;
}
.content__form form .wpcf7-list-item .wpcf7-list-item-label {
padding-left: 6px;
}
.content__form form a {
color: #1F1801;
text-decoration: underline;
}
.content__form form a:visited {
color: #1F1801;
}
.content__form form a:hover {
color: #09A6AA;
}
.form_contacto .inp input[type=text],
.form_contacto .inp input[type=email],
.form_contacto .inp textarea {
background-color: #fff !important;
}
.form_contacto .inp label.active#mensaje_label {
font-size: 0.7rem;
top: -25px;
}
.form_contacto .inp_area {
margin-bottom: 20px !important;
}
.btn {
height: 40px;
line-height: 40px;
border: 1px solid #FFFFFF;
background-color: #09A6AA;
color: #1F1801;
border-radius: 0;
text-transform: uppercase;
position: relative;
padding-left: 40px;
display: inline-flex;
align-items: center;
}
.btn span {
padding: 0 30px;
border-left: 2px solid #FFFFFF;
}
.btn:before {
font-family: "bootstrap-icons";
position: absolute;
width: 40px;
height: 100%;
top: 0;
left: 0;
border: 0px solid #FFFFFF;
background-color: #FACD33;
color: #1F1801;
transition: all 0.3s ease;
}
.btn.link:before {
content: "\f280";
}
.btn.send:before {
content: "\f6c0";
}
.btn:hover {
background-color: #FACD33;
}
.btn:hover:before {
background-color: #1F1801;
color: #FACD33;
} .border-orange {
border: 1px solid #09A6AA;
transition: all 0.8s ease;
}
.border-orange:hover {
border: 1px solid #1F1801;
background-color: #09A6AA;
}
.border-orange:hover .btn-icon span {
color: white;
}
.btn-icon {
border: 0;
background-color: transparent;
text-transform: uppercase;
position: relative;
text-decoration: none;
}
.btn-icon span {
color: #09A6AA;
transition: all 1s ease;
font-size: 1.1rem;
}
.btn-icon:hover span {
color: #1F1801;
}
button.btn-icon:before {
top: 7px;
} #menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: white;
background-image: url(//breezeibiza.com/wp-content/themes/breeze/assets/img/pattern-claro-opacity_big_-01.svg);
background-position: left top;
background-size: cover;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
transition: 0.6s ease-in-out;
opacity: 0;
z-index: -1;
}
#menu.open {
opacity: 1;
z-index: 1028;
}
#menu .logo-big {
position: relative;
transition: all 0.8s ease;
}
#menu .logo-big:after {
transition: all 0.8s ease;
content: "volver a la home";
position: absolute;
bottom: -30px;
right: 0px;
font-size: 1rem;
color: #999;
text-transform: uppercase;
opacity: 0;
}
#menu .logo-big.texto-logo_es:after {
content: "volver a la home";
}
#menu .logo-big.texto-logo_en:after {
content: "Go back to home";
}
#menu .logo-big:hover:after {
opacity: 1;
}
#menu ul li.hide {
display: none;
}
.links ul li a {
font-size: 1.4rem;
color: #09A6AA;
transition: all 0.5s ease;
}
.links ul li a:hover {
color: #1F1801;
}
.redes {
position: fixed;
right: 50px;
bottom: 10%;
}
.redes ul {
flex-direction: column;
}
.redes ul li a {
font-size: 1.3rem;
color: #09A6AA;
transition: all 0.5s ease;
}
.redes ul li a:hover {
color: #1F1801;
}
.header.open {
background-color: transparent !important;
}
.header.open .logo {
opacity: 0;
}
nav ul li a {
color: #96d1d1;
text-transform: uppercase;
text-decoration: none;
transition: 0.5s ease;
position: relative;
font-family: "articulat-bold", Arial, sans-serif;
}
nav ul li a:visited {
color: #96d1d1;
}
nav ul li a:before {
content: "";
width: 20px;
height: 20px;
position: absolute;
background-size: cover;
opacity: 0;
transition: all 1s ease-in-out;
background-image: url(//breezeibiza.com/wp-content/themes/breeze/assets/img/apple-touch-icon.png);
}
nav ul li a:hover {
color: #0d8182;
}
nav ul li a:hover:before {
opacity: 1;
transform: rotate(490deg);
}
nav ul li.active a, nav ul li.current-menu-item a, nav ul li.current-menu-parent a {
color: #0d8182;
}
nav ul li.active a:before, nav ul li.current-menu-item a:before, nav ul li.current-menu-parent a:before {
opacity: 1;
} .slick-list {
padding: 20px 0;
} tr.selected th, tr.selected td {
background-color: #ccc;
}
tr.selected_listado th, tr.selected_listado td {
background-color: #09A6AA;
}
.st0.vivienda_selected {
opacity: 0.9 !important;
}
.content__svg_mapa {
height: calc(100vh - 68px);
}
#popup-info {
position: absolute;
bottom: 30px;
left: 30px;
background-color: white;
width: 300px;
min-height: 170px;
opacity: 0;
transition: all 0.5s ease;
}
#popup-info.visible {
opacity: 1;
}
#popup-info #close {
position: absolute;
top: 5px;
right: 10px;
}
#popup-info #close:hover {
cursor: pointer;
}
#popup-info .link-plano a {
color: #1F1801;
}
#popup-info .txt-disponible {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #FBFBFB;
font-weight: bold;
font-size: 0.8rem;
}
.modal {
display: none; position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.6);
padding-top: 60px;
}
.modal-content {
background-color: #fefefe;
margin: 0% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
max-width: 80%;
height: 90%;
}
.modal-content iframe {
height: 100%;
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
transition: all 0.5s ease;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.object-bottom {
object-position: bottom;
}
.object-top {
object-position: top;
}
.object-center {
object-position: center;
} .modal#myModalSmall {
display: none; position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.6);
padding-top: 60px;
align-items: center;
}
.modal#myModalSmall .modal-content {
background-color: #fbfbfb;
margin: 0% auto;
padding: 20px;
border: 1px solid #888;
width: 500px;
max-width: 500px;
height: 200px;
margin-top: -200px;
}
.modal#myModalSmall #polygonInfoSt1 {
margin-bottom: 0;
}
.modal#myModalSmall .closeSt1 {
color: #aaa;
font-size: 28px;
font-weight: bold;
height: 28px;
transition: all 0.5s ease;
}
.modal#myModalSmall .closeSt1:hover {
color: #1F1801;
cursor: pointer;
}
.leyenda {
padding: 30px 30px;
position: absolute;
left: 50px;
bottom: 50px;
border: 1px solid #999;
background-color: #fefefe;
}
.leyenda ul {
padding: 0;
margin: 0;
list-style: none;
}
.leyenda ul li {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.leyenda ul li .circle {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: red;
margin-right: 10px;
}
.leyenda ul li .circle.circle-orange {
background-color: #FFC107;
}
.leyenda ul li .circle.circle-red {
background-color: #dd600b;
}
form .d-flex {
flex: 1;
}
form .d-flex .email-input {
width: 100%;
height: 40px;
border: 1px solid #999;
border-right: 0;
flex-grow: 1;
text-indent: 10px;
}
form .d-flex .email-input:focus, form .d-flex .email-input:focus-visible, form .d-flex .email-input:active {
border: 1px solid #09A6AA !important;
border-right: 0px !important;
outline: none !important;
}
form .d-flex .btn-form {
padding: 0 15px;
height: 40px;
border: 1px solid #09a4a8;
border-left: 0;
background-color: #09A6AA;
color: #1F1801;
border-radius: 0;
text-transform: uppercase;
position: relative;
display: inline-flex;
align-items: center;
transition: all 0.8s ease;
}
form .d-flex .btn-form:focus-visible {
border: 1px solid #09A6AA !important;
border-left: 0px !important;
outline: none !important;
}
form .d-flex .btn-form:hover {
background-color: #1F1801;
color: #FFFFFF;
}
.cont_cols {
display: flex;
flex-wrap: wrap; justify-content: space-around; }
.column5 {
flex: auto;
box-sizing: border-box; padding: 10px; }
.intro-internal img {
height: 100vh;
object-fit: cover;
object-position: bottom;
}
.listado-puntos {
min-height: 200px;
background-color: #8AC0CD;
width: 100%;
margin-top: -5px;
text-align: center;
}
.listado-puntos .content_listado-puntos {
color: #2E72A4;
font-size: 1rem;
padding-left: 110px;
padding-right: 110px;
line-height: 1.4rem;
}
.parallax {
height: 100vh;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
@media (max-width: 767px) {
.parallax {
background-attachment: inherit;
}
} #accordionMinutes .accordion-item {
border: 1px solid #ccc;
background-color: transparent;
}
#accordionMinutes .accordion-item h2 button {
color: white;
background-color: #09A6AA;
}
#accordionMinutes .accordion-item h2 button.collapsed {
color: #09A6AA;
background-color: white;
}
#accordionMinutes .accordion-item h2 button:focus {
box-shadow: none;
}
#accordionMinutes .accordion-item .accordion-body {
background-color: transparent;
}
.leyenda {
color: #09A6AA;
font-size: 0.8rem;
}
.seccion-interes {
padding: 20px 0;
}
.seccion-interes h2 {
text-transform: uppercase;
color: #09A6AA;
font-size: 1.3rem;
font-weight: 600;
}
.seccion-interes h3 {
text-transform: uppercase;
font-size: 0.8rem;
}
.seccion-interes ul {
list-style: none;
padding: 0;
margin: 0;
}
.seccion-interes ul li {
font-size: 0.8rem;
}
.seccion-interes .azul, .seccion-interes .amarillo, .seccion-interes .marron, .seccion-interes .negro, .seccion-interes .naranja, .seccion-interes .verde, .seccion-interes .rojo, .seccion-interes .morado {
margin-bottom: 10px;
}
.seccion-interes .azul h3, .seccion-interes .azul li {
color: #407cc0;
}
.seccion-interes .amarillo h3, .seccion-interes .amarillo li {
color: #ead177;
}
.seccion-interes .marron h3, .seccion-interes .marron li {
color: #b17f53;
}
.seccion-interes .negro h3, .seccion-interes .negro li {
color: #000000;
}
.seccion-interes .naranja h3, .seccion-interes .naranja li {
color: #f39200;
}
.seccion-interes .verde h3, .seccion-interes .verde li {
color: #55af32;
}
.seccion-interes .rojo h3, .seccion-interes .rojo li {
color: #cd2826;
}
.seccion-interes .morado h3, .seccion-interes .morado li {
color: #951b86;
}
.composicion-noche .img-night-1, .composicion-noche .img-night-2, .composicion-noche .img-night-3, .composicion-noche .img-night-4 {
object-fit: cover;
}
.composicion-lifestyle .img-life-1, .composicion-lifestyle .img-life-2, .composicion-lifestyle .img-life-3, .composicion-lifestyle .img-life-4, .composicion-lifestyle .img-life-5 {
object-fit: cover;
}
.conexiones-internacionales li {
font-size: 0.9rem;
}
#menu.open .viviendas-anim span {
display: inline-block;
opacity: 0;
margin-top: -10px;
animation: drop 0.5s forwards;
}
.viviendas-anim span:nth-child(1) {
animation-delay: 0.1s !important;
}
.viviendas-anim span:nth-child(2) {
animation-delay: 0.5s !important;
}
.viviendas-anim span:nth-child(3) {
animation-delay: 0.3s !important;
}
.viviendas-anim span:nth-child(4) {
animation-delay: 0.8s !important;
}
.viviendas-anim span:nth-child(5) {
animation-delay: 0.7s !important;
}
.viviendas-anim span:nth-child(6) {
animation-delay: 0.6s !important;
}
.viviendas-anim span:nth-child(7) {
animation-delay: 0.2s !important;
}
.viviendas-anim span:nth-child(8) {
animation-delay: 0.4s !important;
}
.viviendas-anim span:nth-child(9) {
animation-delay: 0.9s !important;
}
@keyframes drop {
0% {
opacity: 0;
margin-top: -10px;
}
100% {
opacity: 1;
margin-top: 0;
}
} .item img {
height: 400px;
}
.item h1 {
padding: 10px 0;
font-size: 1.2rem;
margin-bottom: 0;
color: #1F1801;
}
.item h2, .item h3 {
padding: 10px 0;
font-size: 1.1rem;
line-height: 130%;
margin-bottom: 0;
color: #1F1801;
}
.item h2:after, .item h3:after {
content: "";
border: 0;
}
.item .descripcion {
font-size: 1rem;
text-transform: none;
color: #7B7B7B;
font-family: "open-sans", sans-serif;
font-weight: normal;
}
.item a {
text-decoration: none;
}
.item a h2 {
text-decoration: none;
transition: all 0.5s ease;
}
.item a img {
transition: all 0.5s ease;
}
.item a:hover h2 {
color: #09A6AA;
}
.item a:hover img {
opacity: 0.8;
}
.item .info {
border-bottom: 1px solid #ccc;
}
.item .labels a {
color: #09A6AA;
transition: all 0.5s ease;
}
.item .labels a:hover {
color: #1F1801;
}
.ul-etiquetas li a {
color: #1F1801;
transition: all 0.5s ease;
text-decoration: none;
}
.ul-etiquetas li a:hover {
color: #09A6AA;
text-decoration: underline;
}
.item-detalle img {
height: auto;
}
.btn-green {
text-transform: uppercase;
color: #09A6AA;
padding: 10px 20px;
border: 1px solid #09A6AA;
border-radius: 0px;
font-weight: 700;
text-decoration: none;
transition: all 0.5s ease;
}
.btn-green:visited {
color: #09A6AA;
}
.btn-green:hover {
border-radius: 4px;
background-color: #09A6AA;
color: white;
}
ul.colmn-2 {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.ul-categorias li a {
color: #1F1801;
transition: all 0.5s ease;
text-decoration: none;
}
.ul-categorias li a:visited {
color: #1F1801;
}
.ul-categorias li a:hover {
color: #09A6AA;
}
.aspect-ratio {
position: relative;
width: 100%;
padding-bottom: 56.25%; }
.aspect-ratio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wpml-ls-legacy-list-horizontal a {
padding: 5px 5px 6px !important;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-flag {
margin-left: 10px;
} .st0 {
fill: #B1B1B1;
stroke: #0EA7AB;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
.st1 {
fill: #FFFFFF;
stroke: #10ABAC;
stroke-width: 1.992;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
.st2 {
opacity: 0;
}
.st3 {
display: inline;
}
.st4 {
fill: none;
stroke: #0EA7AB;
stroke-miterlimit: 10;
}
.st5 {
fill: #FFFFFF;
}
.st6 {
fill: #0EA7AB;
}
.st7 {
fill: #FFFFFF;
stroke: #0EA7AB;
stroke-width: 1.9155;
stroke-miterlimit: 10;
}
.st8 {
fill: none;
}
.st9 {
font-family: "articulat-cf";
font-weight: 600;
}
.st10 {
font-size: 13.2px;
}
.st11 {
fill: none;
stroke: #0EA7AB;
stroke-width: 0.5;
stroke-miterlimit: 10;
}
.st12 {
font-family: "articulat-cf";
font-weight: 400;
}
.st13 {
font-size: 13.5px;
}
.st14 {
fill: #E7F6F7;
}
.st15 {
fill: #1A5A57;
letter-spacing: 1px;
}
.st16 {
font-family: "articulat-cf";
font-weight: 900;
}
.st17 {
font-size: 14px;
}
.st18 {
letter-spacing: 1;
}
.st19 {
font-family: "articulat-cf";
font-weight: 900;
}
.st20 {
font-size: 15px;
letter-spacing: 1px;
text-transform: uppercase;
}
.st21 {
display: inline;
fill: #0EA7AB;
}
.st22 {
fill: #FFFFFF;
stroke: #10ABAC;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
.st23 {
letter-spacing: 2;
}
.st24 {
font-family: "articulat-cf";
font-weight: 600;
}
.st25 {
font-size: 16.5px;
}
.st26 {
fill: #FFFFFF;
stroke: #10ABAC;
stroke-width: 2.0067;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
.st27 {
fill: #E20613;
stroke: #10ABAC;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
.st28 {
fill: #FFFFFF;
stroke: #10ABAC;
stroke-width: 2.0065;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
.st29 {
font-size: 13.2093px;
}
.st30 {
font-size: 13.5095px;
}
.st31 {
fill: #FFFFFF;
stroke: #10ABAC;
stroke-width: 2.0116;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
.st32 {
fill: none;
stroke: #0EA7AB;
stroke-width: 1.0769;
stroke-miterlimit: 10;
}
.st33 {
display: none;
fill: #1A5A57;
}
.st34 {
fill: #FFFFFF;
stroke: #10ABAC;
stroke-width: 1.9893;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
.area {
transition: all 0.5s ease;
}
.area:hover {
cursor: pointer;
}
.area .st22 {
transition: all 0.5s ease;
}
.area .mas a {
cursor: pointer;
}
.cartel {
opacity: 0;
transition: all 0.5s ease;
}
.element .area:hover {
cursor: pointer;
}
.element .area:hover + .cartel {
opacity: 1;
}
.element .area:hover .st22 {
fill: #09A6AA;
stroke: #fff;
}
.element .area:hover .label,
.element .area:hover .label-5,
.element .area:hover .label-top-5,
.element .area:hover .label-vertical,
.element .area:hover .label-top,
.element .area:hover .label-2-top,
.element .area:hover .label-top-vertical {
fill: white;
}
.element .area.active {
opacity: 1;
cursor: pointer;
}
.element .area.active .st22 {
fill: #09A6AA;
stroke: #fff;
}
.element .area.active .label,
.element .area.active .label-5,
.element .area.active .label-top-5,
.element .area.active .label-vertical,
.element .area.active .label-top,
.element .area.active .label-2-top,
.element .area.active .label-top-vertical {
fill: white;
}
.element .cartel.active {
opacity: 1;
}
.element.no_disponible .mas {
display: none;
}
.element.no_disponible .area {
fill: #E20613 !important;
opacity: 1 !important;
}
.element.no_disponible .area .st22 {
fill: #E20613 !important;
}
.element.no_disponible .area:hover .st22 {
stroke: #09A6AA;
}
.element.no_disponible .cartel .st14 {
fill: #e76871 !important;
}
.element.no_disponible .cartel .st15 {
fill: #FFF;
}
.area a,
.area-5 a,
.area-top-5 a,
.area-vertical a,
.area-top a,
.area-2-top .area-top-vertical a {
text-decoration: none;
}
.area .label,
.area .label-5,
.area .label-top-5,
.area .label-vertical,
.area .label-top,
.area .label-2-top,
.area .label-top-vertical,
.area-5 .label,
.area-5 .label-5,
.area-5 .label-top-5,
.area-5 .label-vertical,
.area-5 .label-top,
.area-5 .label-2-top,
.area-5 .label-top-vertical,
.area-top-5 .label,
.area-top-5 .label-5,
.area-top-5 .label-top-5,
.area-top-5 .label-vertical,
.area-top-5 .label-top,
.area-top-5 .label-2-top,
.area-top-5 .label-top-vertical,
.area-vertical .label,
.area-vertical .label-5,
.area-vertical .label-top-5,
.area-vertical .label-vertical,
.area-vertical .label-top,
.area-vertical .label-2-top,
.area-vertical .label-top-vertical,
.area-top .label,
.area-top .label-5,
.area-top .label-top-5,
.area-top .label-vertical,
.area-top .label-top,
.area-top .label-2-top,
.area-top .label-top-vertical,
.area-2-top .area-top-vertical .label,
.area-2-top .area-top-vertical .label-5,
.area-2-top .area-top-vertical .label-top-5,
.area-2-top .area-top-vertical .label-vertical,
.area-2-top .area-top-vertical .label-top,
.area-2-top .area-top-vertical .label-2-top,
.area-2-top .area-top-vertical .label-top-vertical {
fill: #09A6AA;
}
.area a text {
text-decoration: none;
}
.area_2 .label {
transform: translateX(-25px);
}
lement .area:hover {
cursor: pointer;
}
lement .area:hover + .cartel {
opacity: 1;
}
lement .area:hover .st22 {
fill: #09A6AA;
stroke: #fff;
}
lement .area.active {
opacity: 1;
cursor: pointer;
}
lement .area.active .st22 {
fill: #09A6AA;
stroke: #fff;
}
lement .cartel.active {
opacity: 1;
}
lement.no_disponible .mas {
display: none;
}
lement.no_disponible .area {
fill: #E20613 !important;
opacity: 1 !important;
}
lement.no_disponible .area .st22 {
fill: #E20613 !important;
}
lement.no_disponible .area:hover .st22 {
stroke: #09A6AA;
}
lement.no_disponible .cartel .st14 {
fill: #e76871 !important;
}
lement.no_disponible .cartel .st15 {
fill: #FFF;
}
.hystmodal__window {
width: 60% !important;
}
.hystmodal__window {
background-color: #000 !important;
}
.hystmodal__shadow--show {
opacity: 0.9 !important;
}
.aspect-ratio {
position: relative;
width: 100%;
padding-bottom: 56.25%; }
.aspect-ratio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .btn-plano.plano-anterior,
.btn-plano.plano-siguiente {
margin-bottom: 22px;
text-align: right;
position: relative;
padding: 10px 22px;
padding-left: 22px;
background-color: #0EA7AB;
color: white;
border-radius: 5px;
border-radius: 5px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.1s ease;
opacity: 0.6;
opacity: 1;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding-left: 35px;
position: relative;
}
.btn-plano.plano-anterior:after,
.btn-plano.plano-siguiente:after {
content: "";
position: absolute;
left: 0px;
top: 0%;
height: 100%;
width: 15px;
border-style: solid;
border-width: 20px 15px 20px 0; border-color: #eef9f9 #09A6AA #eef9f9 #eef9f9; display: block;
}
.btn-plano.plano-siguiente {
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
padding-left: 22px;
padding-right: 35px;
}
.btn-plano.plano-siguiente:after {
content: "";
position: absolute;
left: auto;
right: 0px;
top: 0%;
height: 100%;
width: 14px;
border-style: solid;
border-width: 20px 15px 20px 0; border-color: #eef9f9 #09A6AA #eef9f9 #eef9f9; display: block;
transform: rotate(180deg);
}
#btn-plantas {
position: absolute;
right: 20px;
top: 26%;
padding: 40px 0 0 0;
}
#btn-plantas ul {
margin: 0;
padding: 0;
list-style: none;
}
#btn-plantas ul li {
margin-bottom: 22px;
text-align: right;
}
#btn-plantas ul li a {
position: relative;
padding: 10px 22px;
padding-left: 22px;
background-color: #0EA7AB;
color: white;
border-radius: 5px;
border-radius: 5px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.1s ease;
opacity: 0.6;
}
#btn-plantas ul li a span.num {
display: none;
}
#btn-plantas ul li a span.txt {
display: inline-block;
}
#btn-plantas ul li a:hover {
opacity: 0.8;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding-left: 35px;
position: relative;
}
#btn-plantas ul li a:hover:after {
content: "";
position: absolute;
left: 0px;
top: 0%;
height: 100%;
width: 15px;
border-style: solid;
border-width: 20px 15px 20px 0; border-color: #eef9f9 #09A6AA #eef9f9 #eef9f9; display: block;
}
#btn-plantas ul li.active a {
opacity: 1;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding-left: 35px;
position: relative;
}
#btn-plantas ul li.active a:after {
content: "";
position: absolute;
left: 0px;
top: 0%;
height: 100%;
width: 15px;
border-style: solid;
border-width: 20px 15px 20px 0; border-color: #eef9f9 #09A6AA #eef9f9 #eef9f9; display: block;
}
#btn-plantas ul li.active a span.txt {
display: inline-block;
}
.content-tour {
position: absolute;
bottom: 15%;
left: 50%;
transform: translateX(-50%);
display: flex;
}
.tour-virtual { z-index: 2;
}
.tour-virtual .svg-icon {
display: inline-block;
width: 30px;
height: auto;
margin-right: 15px;
}
.tour-virtual.btn-tour-3 {
background: rgba(35, 111, 87, 0.9);
backdrop-filter: blur(1px);
padding: 10px 30px 10px 30px;
border: 2px solid transparent;
border-radius: 5px;
transition: all 0.5s ease;
z-index: 1;
overflow: hidden;
width: auto;
text-align: center;
}
.tour-virtual.btn-tour-3::before {
content: "";
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
background: linear-gradient(60deg, #00ffd0, #236F58, #00ffd0, #236F58);
z-index: -1;
border-radius: 10px;
animation: animate-border 8s linear infinite;
background-size: 300% 300%;
}
.tour-virtual.btn-tour-3 a {
color: #fff;
font-size: 1.2rem;
position: relative;
z-index: 2;
text-decoration: none;
}
.tour-virtual.btn-tour-3:hover {
backdrop-filter: blur(5px);
box-shadow: 0 0 10px #666666;
background: rgba(35, 111, 87, 0.5);
}
@keyframes animate-border {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.tour-virtual-2 { z-index: 2;
}
.tour-virtual-2 .svg-icon {
display: inline-block;
width: 30px;
height: auto;
margin-right: 15px;
}
.tour-virtual-2.btn-tour-3 {
background: rgba(35, 111, 87, 0.9);
backdrop-filter: blur(1px);
padding: 10px 30px 10px 30px;
border: 2px solid transparent;
border-radius: 5px;
transition: all 0.5s ease;
z-index: 1;
overflow: hidden;
width: auto;
text-align: center;
}
.tour-virtual-2.btn-tour-3::before {
content: "";
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
background: linear-gradient(60deg, #00ffd0, #236F58, #00ffd0, #236F58);
z-index: -1;
border-radius: 10px;
animation: animate-border 8s linear infinite;
background-size: 300% 300%;
}
.tour-virtual-2.btn-tour-3 a {
color: #fff;
font-size: 1.2rem;
position: relative;
z-index: 2;
text-decoration: none;
}
.tour-virtual-2.btn-tour-3:hover {
backdrop-filter: blur(5px);
box-shadow: 0 0 10px #666666;
background: rgba(35, 111, 87, 0.5);
}
@keyframes animate-border {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
header {
background-color: #fff;
}
.logo {
width: 200px;
transition: all 0.5s ease;
}
.header {
background: transparent;
color: #fff;
transition: all 0.5s ease;
padding: 20px 0;
position: fixed;
left: 0;
top: 0px;
width: 100vw;
z-index: 1029;
}
.header .hamburger span {
background-color: #09A6AA !important;
}
.header.hidden {
top: 0px;
background: #fff;
}
.header.hidden .hamburger span {
background-color: #09A6AA !important;
}
.header.open .hamburger span {
background-color: #09A6AA !important;
}
.header.sticky {
top: 0;
background: #fff;
}
.hamburger {
position: relative;
}
.hamburger .txt {
position: absolute;
top: 36px;
left: -35px;
transform: rotate(-90deg);
font-size: 0.65rem;
font-weight: bold;
color: #000;
}
body.home .header .hamburger span {
background-color: #fff !important;
}
body.home .header.hidden .hamburger span {
background-color: #09A6AA !important;
}
body.home .header.open .hamburger span {
background-color: #09A6AA !important;
}
footer {
background-color: #09A6AA;
}
footer ul {
margin-top: 20px;
}
footer ul li {
margin-bottom: 10px;
}
footer ul li a {
font-size: 1rem;
color: #1F1801;
text-decoration: none;
transition: all 0.5s ease;
}
footer ul li a:visited {
color: #1F1801;
}
footer ul li a:hover {
color: #09A6AA;
}
.bottom-footer {
border-top: 2px solid #09A6AA;
font-size: 0.75rem;
}
.bottom-footer ul {
list-style: none;
padding-left: 0;
}
.bottom-footer ul li {
display: inline-block;
}
.bottom-footer ul li:after {
content: "|";
padding: 0 10px;
}
.bottom-footer ul li:last-child:after {
content: "";
}
.bottom-footer ul li a {
color: #7B7B7B;
text-decoration: none;
transition: all 0.5s ease;
}
.bottom-footer ul li a:hover {
color: #1F1801;
} .content-logo {
display: inline-block;
border: 0px solid;
padding: 0px;
transition: all 0.5s ease;
z-index: 9999;
}
.content-logo .line {
width: 46px;
height: 21px;
border: 0px solid red;
background-image: url(data:image/png;base64,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);
background-position: center center;
background-size: cover;
transition: all 0.5s ease;
}
.line-1 {  }
.line-2 { margin-top: -8px; }
.line-3 { margin-top: -8px; }
.content-logo:hover {
cursor: pointer;
}
.content-logo:hover .line-1 { animation: wave1 13s linear infinite;
}
.content-logo:hover .line-2 { animation: wave2 14.8s linear infinite;
}
.content-logo:hover .line-3 { animation: wave1 11.5s linear infinite;
}
.content-logo.hide {
display: none;
transition: all 0.5s ease;
}
@keyframes wave1 {
0% {
background-position: center center;
}
25% {
background-position: 70px center;
}
50% {
background-position: 303px center;
}
75% {
background-position: 82px center;
}
100% {
background-position: center center;
}
}
@keyframes wave2 {
0% {
background-position: center center;
}
25% {
background-position: 50px center;
}
50% {
background-position: 303px center;
}
75% {
background-position: 33px center;
}
100% {
background-position: center center;
}
}
@keyframes wave3 {
0% {
background-position: center center;
}
25% {
background-position: -70px center;
}
50% {
background-position: 303px center;
}
75% {
background-position: -22px center;
}
100% {
background-position: center center;
}
}
#nav-icon-close {
margin-top: -5px;
}
#nav-icon-close i {
color: #09A6AA;
font-size: 2.2rem;
}
#nav-icon-close.hide {
display: none;
transition: all 0.5s ease;
}
.content-logo-close {
cursor: pointer;
z-index: 99999;
} .flags img {
transition: all 0.5s ease;
border-radius: 5px;
}
.flags img:hover {
transform: scale(1.2);
}
.contenedor-vivienda {
position: relative;
width: 100%;
height: 500px; overflow: hidden;
}
.scroll-horizontal {
display: inline-flex;
overflow-x: auto;
height: 100%;
scroll-behavior: smooth;
white-space: nowrap; }
.scroll-horizontal img {
height: auto;
max-height: 100%; width: auto; margin-right: 10px; display: inline-block;
}
#header .flags {
position: relative;
top: 7px;
width: 180px;
}
#header .flags #globe {
display: inline-block;
position: relative;
top: 6px;
right: 5px;
width: 16px;
height: 16px;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click {
max-width: 50%;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language img {
display: none;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language ul {
width: 160px;
padding: 10px 0 0px 0px;
background-color: white;
border: 1px solid #ccc;
border-radius: 5px;
top: 40px;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language ul li {
margin: 5px 0;
padding: 0px 0 7px 5px;
border-bottom: 1px solid #ccc;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language ul li:last-child {
border-bottom: 0;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language ul li img {
display: inline-block;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language ul li a {
color: #1F1801;
transition: all 0.5s ease;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language ul li a:hover {
color: #09A6AA;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a {
background-color: transparent;
border: 0;
color: #09A6AA;
font-size: 1rem;
padding-left: 0;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a:hover {
background-color: transparent;
color: #09A6AA;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a:focus, #header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a:focus-visible {
outline: none;
}
#header.hidden .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a {
color: #09A6AA;
}
#header.hidden .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a:hover {
color: #09A6AA;
}
body.home #header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a {
color: white;
}
body.home #header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a:hover {
color: white;
}
body.home #header.hidden .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a {
color: #09A6AA;
}
body.home #header.hidden .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a:hover {
color: #09A6AA;
}
.flags_mobile li {
margin: 0 5px !important;
}
main {
background-color: #FFFFFF;
}
main .intro {
background-image: url(//breezeibiza.com/wp-content/themes/breeze/assets/img/AdobeStock_71875064.jpeg);
background-size: cover;
background-position: center;
overflow: hidden;
z-index: -1;
}
main .intro video {
height: 100%;
width: 100%;
object-fit: cover;
}
.puntos p {
font-size: 0.875rem;
color: #7B7B7B;
}
.call-to-action {
background-image: url(//breezeibiza.com/wp-content/themes/breeze/assets/img/pattern-claro-opacity_big_-01.svg);
background-position: bottom left;
background-repeat: no-repeat;
background-size: cover;
}
.info-form li a {
color: #1F1801;
font-size: 1rem;
text-decoration: none;
}
.info-form li a i {
font-size: 1.4rem;
transition: all 0.5s ease;
}
.info-form li a span {
font-weight: bold;
}
.info-form li a span span {
font-weight: lighter;
font-style: italic;
}
.info-form li a:hover i {
color: #09A6AA;
}
.table-responsive tbody tr td, .table-responsive tbody tr th {
font-size: 0.8rem;
text-align: center;
padding: 15px 0;
}
.table-responsive tbody tr td:last-child, .table-responsive tbody tr th:last-child {
font-weight: bold;
}
.table-responsive tbody tr td:last-child a, .table-responsive tbody tr th:last-child a {
text-decoration: none;
color: #09A6AA;
transition: all 0.5s ease;
position: relative;
padding-left: 0px;
}
.table-responsive tbody tr td:last-child a:before, .table-responsive tbody tr th:last-child a:before {
content: "";
position: absolute;
top: 3px;
left: 0;
background-image: url(//breezeibiza.com/wp-content/themes/breeze/assets/img/symb-1.png);
background-size: cover;
width: 15px;
height: 15px;
opacity: 0;
transition: all 0.8s ease;
}
.table-responsive tbody tr td:last-child a:hover, .table-responsive tbody tr th:last-child a:hover {
color: #09A6AA;
padding-left: 30px;
position: relative;
}
.table-responsive tbody tr td:last-child a:hover:before, .table-responsive tbody tr th:last-child a:hover:before {
opacity: 1;
}
.table-responsive tbody tr.selected_listado td a, .table-responsive tbody tr.selected_listado th a {
color: #1F1801;
}
.table-responsive tbody tr.selected_listado td a:hover, .table-responsive tbody tr.selected_listado th a:hover {
color: #1F1801;
}
.table-responsive thead tr th div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.table-responsive thead tr th div img {
width: 27px;
}
.table-responsive thead tr th div span {
font-size: 0.7rem;
padding: 5px 0 10px 0;
color: #999;
font-weight: normal;
}
.ul-green {
color: #7DA442;
}
.ul-green h3 {
color: #7DA442 !important;
}
.ul-azul {
color: #2570CB;
}
.ul-azul h3 {
color: #2570CB !important;
}
.ul-fucsia {
color: #FF5DCB;
}
.ul-fucsia h3 {
color: #FF5DCB !important;
}
.ul-yellow {
color: #E0B041;
}
.ul-yellow h3 {
color: #E0B041 !important;
}
.ul-orange {
color: #DD840E;
}
.ul-orange h3 {
color: #DD840E !important;
}
#resp {
width: auto;
height: 20px;
background-color: red;
position: fixed;
bottom: 20px;
right: 20px;
}
#resp:after {
content: "xs";
color: white;
font-size: 0.7rem;
}
main .intro {
height: 70vh;
}
.link-contact {
position: fixed;
right: 0;
top: auto;
bottom: -200px;
width: 100%;
z-index: 1027;
padding: 10px;
background-color: rgba(9, 166, 170, 0.8);
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
transition: all 0.5s ease;
}
.link-contact ul {
justify-content: center;
text-align: center;
}
.link-contact ul li {
list-style: none;
margin: 0px 15px;
}
.link-contact ul li a {
color: #FFFFFF;
transition: all 0.5s ease;
}
.link-contact ul li a i {
font-size: 1.6rem;
}
.link-contact ul li a:hover {
color: #1F1801;
}
.link-contact.visible {
bottom: 0;
}
.btn span {
font-size: 0.75rem;
}
p {
font-size: 1rem;
}
h1 {
font-size: 1.875rem;
}
h1.line-left:after {
left: calc(50% - 50px);
}
h2, h3 {
font-size: 1.563rem;
}
h2.line-left:after, h3.line-left:after {
left: calc(50% - 50px);
}
h2.line-right:after, h3.line-right:after {
left: calc(50% - 50px);
right: auto;
}
h2.no-line, h3.no-line {
padding-bottom: 0;
margin-bottom: 0;
}
h2.no-line:after, h3.no-line:after {
display: none;
}
h3 {
font-size: 1.125rem;
}
.quote h2 {
font-size: 2rem;
}
footer .border-left,
footer .border-left-first {
border-left: 0px solid #09A6AA;
padding-left: auto;
margin-top: 30px;
}
footer .logo-big {
width: 180px;
}
#menu {
padding: 50px 0;
}
#menu .logo-big img {
width: 180px;
}
#menu nav ul {
display: flex;
flex-direction: column;
}
#menu nav ul li a {
font-size: 1.4rem;
font-weight: bold;
letter-spacing: 4px;
height: 35px;
display: inline-block;
}
#menu nav ul li a:before {
top: 4px;
left: -33px;
}
#menu .redes {
position: relative;
right: auto;
bottom: auto;
}
#menu .redes ul {
flex-direction: row;
}
.columns2 {
columns: 1;
}
.puntos-li li {
font-size: 1.1rem;
margin-bottom: 10px;
}
.content__form span.text-align {
border: 0px solid red;
text-align: left;
font-size: 0.9rem;
margin-top: 0px;
}
.quote h2:before {
display: none;
}
.mouse {
display: none;
}
.txt-icono-small {
font-size: 0.7rem;
}
.listado-puntos .content_listado-puntos {
padding-left: 40px;
padding-right: 40px;
}
.textup-img {
position: absolute;
top: 20%;
left: 15%;
font-size: 1.5rem;
color: white;
}
.composicion-noche .img-night-1,
.composicion-noche .img-night-2,
.composicion-noche .img-night-3,
.composicion-noche .img-night-4 {
height: auto;
}
.composicion-lifestyle .img-life-1, .composicion-lifestyle .img-life-2, .composicion-lifestyle .img-life-3, .composicion-lifestyle .img-life-4, .composicion-lifestyle .img-life-5 {
height: auto;
}
#btn-plantas {
right: 0px;
}
#btn-plantas ul li {
margin-bottom: 12px;
}
#btn-plantas ul li a {
padding: 5px 15px;
}
#btn-plantas ul li a span.txt {
font-size: 0.8rem;
}
#btn-plantas ul li a:hover {
padding: 5px 15px;
}
#btn-plantas ul li a:hover:after {
border-width: 0;
}
#btn-plantas ul li.active a:after {
border-width: 0;
}
.scroll-downs {
top: 60vh;
bottom: auto;
}
#play-video {
top: 60vh;
bottom: auto;
right: 0;
width: 100px;
}
#play-video div {
display: none;
}
#play-video:hover div {
display: none;
}
.thankyou .img-sent i {
font-size: 10rem;
color: #087779;
}
.contenidor_mapa {
height: auto;
}
@media (min-width: 577px) and (orientation: portrait) {
#resp {
background-color: fuchsia;
}
#resp:after {
content: "sm";
color: white;
}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
#resp {
background-color: rgb(92, 6, 36);
}
#resp:after {
content: "sm h";
color: white;
}
#menu {
padding: 10px 0;
}
#menu .logo-big {
padding-top: 20px;
}
#menu .logo-big a img {
width: 150px;
}
#menu nav {
width: 80%;
}
#menu nav ul {
display: block;
columns: 2;
}
#menu nav ul li a {
font-size: 1.3rem;
}
#menu nav ul li a:before {
top: 6px;
left: -33px;
}
#menu .redes {
display: none;
}
}
@media (min-width: 768px) {
#resp {
background-color: green;
}
#resp:after {
content: "md";
color: white;
}
main .intro {
height: 100vh;
} .link-contact {
position: fixed;
right: 0;
top: 40%;
bottom: auto;
width: auto;
z-index: 2;
padding: 20px;
background-color: rgba(9, 166, 170, 0.8);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.link-contact ul {
flex-direction: column;
}
.link-contact ul li {
list-style: none;
margin: 5px 0;
}
.link-contact ul li a {
color: #FFFFFF;
}
.link-contact ul li a i {
font-size: 1rem;
}
.link-contact.visible {
bottom: auto;
}
.btn span {
font-size: 1rem;
}
p {
font-size: 1rem;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2.188rem;
}
h3 {
font-size: 1.375rem;
}
.quote h2 {
font-size: 2.3rem;
}
footer .border-left,
footer .border-left-first {
border-left: 2px solid #09A6AA;
padding-left: 40px;
margin-top: 0px;
}
footer .logo-big {
width: auto;
}
#menu {
padding: 100px 0;
}
#menu .logo-big img {
width: auto;
}
#menu nav ul li a {
font-size: 2rem;
}
#menu nav ul li a:before {
top: 12px;
left: -40px;
}
#menu .redes {
position: fixed;
right: 50px;
bottom: 10%;
}
#menu .redes ul {
flex-direction: column;
}
.columns2 {
columns: 2;
}
.puntos-li li {
font-size: 1.4rem;
margin-bottom: 10px;
}
.mouse {
display: block;
}
#btn-plantas {
top: 65vh;
padding: 40px 0 0 0;
width: 100%;
}
#btn-plantas ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
display: flex;
justify-content: center; flex-direction: row-reverse;
}
#btn-plantas ul li {
display: inline;
margin: 0 5px 12px 5px;
}
#btn-plantas ul li.active a {
border-radius: 5px;
padding-left: 15px;
}
#btn-plantas ul li.active a:after {
display: none;
}
.content__svg {
height: 80vh;
}
}
@media (min-width: 768px) and (orientation: landscape) {
#resp {
background-color: rgb(49, 63, 28);
}
#resp:after {
content: "md h";
color: white;
}
#menu {
padding: 10px 0;
}
#menu .logo-big {
padding-top: 20px;
}
#menu .logo-big a img {
width: 180px;
}
#menu nav {
width: 80%;
}
#menu nav ul {
display: block;
columns: 2;
}
#menu nav ul li a {
font-size: 1.3rem;
}
#menu nav ul li a:before {
top: 6px;
left: -33px;
}
#menu .redes {
display: none;
}
footer .border-left-first {
border-left: 0px solid #09A6AA;
padding-left: 0px;
margin-top: 0px;
}
#btn-plantas {
position: absolute;
right: 20px;
top: 26%;
padding: 40px 0 0 0;
}
#btn-plantas ul {
margin: 0;
padding: 0;
list-style: none;
}
#btn-plantas ul li {
margin-bottom: 22px;
text-align: right;
}
#btn-plantas ul li a {
position: relative;
padding: 10px 22px;
padding-left: 22px;
background-color: #0EA7AB;
color: white;
border-radius: 5px;
border-radius: 5px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.1s ease;
opacity: 0.6;
}
#btn-plantas ul li a span.num {
display: none;
}
#btn-plantas ul li a span.txt {
display: inline-block;
}
#btn-plantas ul li a:hover {
opacity: 0.8;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding-left: 35px;
position: relative;
}
#btn-plantas ul li a:hover:after {
content: "";
position: absolute;
left: 0px;
top: 0%;
height: 100%;
width: 15px;
border-style: solid;
border-width: 20px 15px 20px 0; border-color: #eef9f9 #09A6AA #eef9f9 #eef9f9; display: block;
}
#btn-plantas ul li.active a {
opacity: 1;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding-left: 35px;
position: relative;
}
#btn-plantas ul li.active a:after {
content: "";
position: absolute;
left: 0px;
top: 0%;
height: 100%;
width: 15px;
border-style: solid;
border-width: 20px 15px 20px 0; border-color: #eef9f9 #09A6AA #eef9f9 #eef9f9; display: block;
}
#btn-plantas ul li.active a span.txt {
display: inline-block;
}
#btn-plantas {
right: 20px;
top: 32%;
width: auto;
}
#btn-plantas ul {
display: block;
}
#btn-plantas ul li {
margin-bottom: 12px;
display: block;
}
#btn-plantas ul li a {
padding: 5px 15px;
}
#btn-plantas ul li a span.txt {
font-size: 0.8rem;
}
#btn-plantas ul li a:hover {
padding: 5px 15px;
}
#btn-plantas ul li a:hover:after {
border-width: 15px 15px 15px 0;
}
#btn-plantas ul li.active a:after {
border-width: 15px 15px 15px 0;
}
.scroll-downs {
top: 80vh;
bottom: auto;
}
#play-video {
top: 80vh;
bottom: auto;
right: 4%;
width: 300px;
}
#play-video div {
display: inline-block;
}
#play-video i {
transition: all 0.5s ease;
}
#play-video:hover div {
display: inline-block;
color: #09A6AA;
}
#play-video:hover i {
color: #09A6AA;
}
.content__svg {
height: 100vh;
}
.thankyou .img-sent i {
font-size: 12rem;
}
}
@media (min-width: 992px) {
#resp {
background-color: yellow;
}
#resp:after {
padding-left: 5px;
content: "lg";
color: black;
}
main .intro {
height: 100vh;
} .link-contact {
position: fixed;
right: 0;
top: 40%;
bottom: auto;
width: auto;
z-index: 2;
padding: 20px;
background-color: rgba(9, 166, 170, 0.8);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.link-contact ul {
flex-direction: column;
}
.link-contact ul li {
list-style: none;
margin: 5px 0;
}
.link-contact ul li a {
color: #FFFFFF;
}
.link-contact ul li a i {
font-size: 1rem;
}
.link-contact.visible {
bottom: auto;
}
.btn span {
font-size: 1rem;
}
p {
font-size: 1rem;
}
h1 {
font-size: 1.8rem;
}
h1.line-left:after {
left: 0;
}
h2, h3 {
font-size: 1.6rem;
}
h2.line-left:after, h3.line-left:after {
left: 0;
}
h2.line-right:after, h3.line-right:after {
left: auto;
right: 0;
}
h3 {
font-size: 1.063rem;
}
.quote h2 {
font-size: 2rem;
}
.quote h2:before {
display: block;
}
footer .border-left {
border-left: 2px solid #09A6AA;
padding-left: 40px;
margin-top: 0px;
}
footer .logo-big {
width: auto;
}
#menu {
padding: 100px 0;
}
#menu .logo-big a img {
width: 230px;
}
#menu nav ul li a {
font-size: 2rem;
}
#menu nav ul li a:before {
top: 12px;
left: -40px;
}
#menu .redes {
display: block;
position: fixed;
right: 50px;
bottom: 10%;
}
#menu .redes ul {
flex-direction: column;
}
.columns2 {
columns: 2;
}
.puntos-li li {
font-size: 1.4rem;
margin-bottom: 10px;
}
.content__form span.text-align {
border: 0px solid red;
text-align: left;
font-size: 0.9rem;
margin-top: 0px;
}
.listado-puntos .content_listado-puntos {
padding-left: 110px;
padding-right: 110px;
}
.textup-img {
font-size: 2.5rem;
}
.composicion-noche .img-night-1 {
height: 350px;
}
.composicion-noche .img-night-2 {
height: 600px;
}
.composicion-noche .img-night-3 {
height: 500px;
}
.composicion-noche .img-night-4 {
height: 450px;
}
.composicion-lifestyle .img-life-1 {
height: 350px;
}
.composicion-lifestyle .img-life-2 {
height: 600px;
}
.composicion-lifestyle .img-life-3 {
height: 500px;
}
.composicion-lifestyle .img-life-4 {
height: 500px;
}
.composicion-lifestyle .img-life-5 {
height: 450px;
}
.scroll-downs {
top: 90vh;
}
#play-video {
top: 90vh;
right: 4%;
width: 300px;
}
#play-video div {
display: inline-block;
}
.contenidor_mapa {
height: 100vh;
}
}
@media (min-width: 1200px) {
#resp {
background-color: blue;
}
#resp:after {
padding-left: 5px;
content: "xl";
color: white;
}
main .intro {
height: 100vh;
} .link-contact {
position: fixed;
right: 0;
top: 40%;
bottom: auto;
width: auto;
z-index: 2;
padding: 20px;
background-color: rgba(9, 166, 170, 0.8);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.link-contact ul {
flex-direction: column;
}
.link-contact ul li {
list-style: none;
margin: 5px 0;
}
.link-contact ul li a {
color: #FFFFFF;
}
.link-contact ul li a i {
font-size: 1.2rem;
}
.link-contact.visible {
bottom: auto;
}
.btn span {
font-size: 1rem;
}
p {
font-size: 1rem;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.625rem;
}
h2.line-left:after {
left: 0;
}
h2.line-right:after {
left: auto;
right: 0;
}
h3 {
font-size: 1.25rem;
}
.quote h2 {
font-size: 2rem;
}
footer .border-left {
border-left: 2px solid #09A6AA;
padding-left: 40px;
margin-top: 0px;
}
footer .logo-big {
width: auto;
}
#menu {
padding: 50px 0 50px 0;
}
#menu .logo-big img {
width: auto;
}
#menu nav ul li a {
font-size: 1.9rem;
letter-spacing: 4px;
height: 50px;
display: inline-block;
}
#menu nav ul li a:before {
top: 12px;
left: -40px;
}
#menu .redes {
position: fixed;
right: 50px;
bottom: 10%;
}
#menu .redes ul {
flex-direction: column;
}
.columns2 {
columns: 2;
}
.puntos-li li {
font-size: 1.2rem;
margin-bottom: 10px;
}
.thankyou .img-sent i {
font-size: 15rem;
}
}
@media (min-width: 1366px) {
#resp {
background-color: violet;
}
#resp:after {
padding-left: 5px;
content: "xl 1366";
color: black;
}
#menu nav {
width: 80%;
}
#menu nav ul {
display: block;
columns: 1;
}
#btn-plantas {
position: absolute;
right: 4%;
top: 30%;
padding: 40px 0 0 0;
}
#btn-plantas ul {
margin: 0;
padding: 0;
list-style: none;
}
#btn-plantas ul li {
margin-bottom: 22px;
}
#btn-plantas ul li a {
padding: 10px 22px;
padding-left: 22px;
}
#btn-plantas ul li a span.txt {
font-size: 1rem;
}
#btn-plantas ul li a:hover {
padding: 10px 22px 10px 35px;
}
#btn-plantas ul li a:hover:after {
width: 15px;
border-width: 20px 15px 20px 0; }
#btn-plantas ul li.active a {
padding-left: 35px;
}
#btn-plantas ul li.active a:after {
width: 15px;
border-width: 20px 15px 20px 0; }
.thankyou .img-sent i {
font-size: 23rem;
}
}
@media (min-width: 1400px) {
#resp {
background-color: #ccc;
border: 1px solid black;
}
#resp:after {
padding-left: 5px;
content: "xxl";
color: black;
}
.btn span {
font-size: 1rem;
}
p {
font-size: 1rem;
}
h1 {
font-size: 2.25rem;
}
h2 {
font-size: 1.938rem;
}
h2.line-left:after {
left: 0;
}
h2.line-right:after {
left: auto;
right: 0;
}
h3 {
font-size: 1.25rem;
}
.quote h2 {
font-size: 2.2rem;
}
}
@media (min-width: 1920px) {
#resp {
background-color: black;
border: 1px solid black;
}
#resp:after {
padding-left: 5px;
content: "C";
color: white;
}
.container {
max-width: 1520px;
}
.align-items-custom {
align-items: center;
}
.btn span {
font-size: 1rem;
}
p {
font-size: 1rem;
}
h1 {
font-size: 2.375rem;
}
h1.line-left:after {
left: 0;
}
h2 {
font-size: 2.188rem;
}
h2.line-left:after {
left: 0;
}
h2.line-right:after {
left: auto;
right: 0;
}
h3 {
font-size: 1.375rem;
}
.quote h2 {
font-size: 2.5rem;
}
.thankyou .img-sent i {
font-size: 25rem;
}
}