/* CAVIAR  ********************************/
@font-face {
  font-family: "Caviar Dreams";
  src: url("../fonts/Caviar/CaviarDreams-BoldItalic.woff2") format("woff2"), url("../fonts/Caviar/CaviarDreams-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Caviar Dreams";
  src: url("../fonts/Caviar/CaviarDreams-Bold.woff2") format("woff2"), url("../fonts/Caviar/CaviarDreams-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Caviar Dreams";
  src: url("../fonts/Caviar/CaviarDreams-Italic.woff2") format("woff2"), url("../fonts/Caviar/CaviarDreams-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Caviar Dreams";
  src: url("../fonts/Caviar/CaviarDreams.woff2") format("woff2"), url("../fonts/Caviar/CaviarDreams.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* POPPINS  ********************************/
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Italic.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-LightItalic.woff2") format("woff2"), url("../fonts/Poppins/Poppins-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-BoldItalic.woff2") format("woff2"), url("../fonts/Poppins/Poppins-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins/Poppins-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Black.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-ExtraBold.woff2") format("woff2"), url("../fonts/Poppins/Poppins-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-ThinItalic.woff2") format("woff2"), url("../fonts/Poppins/Poppins-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-ExtraLight.woff2") format("woff2"), url("../fonts/Poppins/Poppins-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-MediumItalic.woff2") format("woff2"), url("../fonts/Poppins/Poppins-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Thin.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Poppins/Poppins-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Poppins/Poppins-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Poppins/Poppins-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-BlackItalic.woff2") format("woff2"), url("../fonts/Poppins/Poppins-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* AVENIR  ********************************/
@font-face {
  font-family: "Avenir Next Condensed";
  src: url("../fonts/Avenir/AvenirNextCondensed-Medium.woff2") format("woff2"), url("../fonts/Avenir/AvenirNextCondensed-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.Avenir {
  font-family: "Avenir Next Condensed", sans-serif;
}

.Caviar {
  font-family: "Caviar Dreams", sans-serif;
}

.Poppins {
  font-family: "Poppins", sans-serif;
}

.fs.fs12 {
  font-size: clamp(12px, 0.625vw, 12px);
  /* font-size: vw(12); */
  line-height: 1.2;
}
.fs.fs13 {
  font-size: clamp(13px, 0.6770833333vw, 13px);
  /* font-size: vw(13); */
  line-height: 1.2;
}
.fs.fs14 {
  font-size: clamp(14px, 0.7291666667vw, 14px);
  /* font-size: vw(14); */
  line-height: 1.2;
}
.fs.fs15 {
  font-size: clamp(15px, 0.78125vw, 15px);
  /* font-size: vw(15); */
  line-height: 1.2;
}
.fs.fs16 {
  font-size: clamp(16px, 0.8333333333vw, 16px);
  /* font-size: vw(16); */
  line-height: 1.2;
}
.fs.fs17 {
  font-size: clamp(16px, 0.8333333333vw, 17px);
  /* font-size: vw(17); */
  line-height: 1.2;
}
.fs.fs18 {
  font-size: clamp(16px, 0.8854166667vw, 18px);
  /* font-size: vw(18); */
  line-height: 1.2;
}
.fs.fs19 {
  font-size: clamp(16px, 0.8333333333vw, 19px);
  /* font-size: vw(19); */
  line-height: 1.2;
}
.fs.fs20 {
  font-size: clamp(16px, 0.9895833333vw, 20px);
  /* font-size: vw(20); */
  line-height: 1.2;
}
.fs.fs21 {
  font-size: clamp(18px, 1.09375vw, 21px);
  /* font-size: vw(21); */
  line-height: 1.2;
}
.fs.fs23 {
  font-size: clamp(18px, 1.1979166667vw, 23px);
  /* font-size: vw(23); */
  line-height: 1.2;
}
.fs.fs24 {
  font-size: clamp(18px, 1.0416666667vw, 24px);
  /* font-size: vw(24); */
  line-height: 1.2;
}
.fs.fs25 {
  font-size: clamp(20px, 1.0416666667vw, 25px);
  /* font-size: vw(25); */
  line-height: 1.2;
}
.fs.fs26 {
  font-size: clamp(18px, 0.9375vw, 26px);
  /* font-size: vw(26); */
  line-height: 1.2;
}
.fs.fs29 {
  font-size: clamp(24px, 1.5104166667vw, 29px);
  /* font-size: vw(29); */
  line-height: 1.2;
}
.fs.fs30 {
  font-size: clamp(24px, 1.5104166667vw, 30px);
  /* font-size: vw(30); */
  line-height: 1.2;
}
.fs.fs34 {
  font-size: clamp(21px, 1.7708333333vw, 34px);
  /* font-size: vw(34); */
  line-height: 1.2;
}
.fs.fs36 {
  font-size: clamp(21px, 1.7708333333vw, 36px);
  /* font-size: vw(36); */
  line-height: 1.2;
}
.fs.fs40 {
  font-size: clamp(24px, 1.7708333333vw, 40px);
  /* font-size: vw(40); */
  line-height: 1.2;
}
.fs.fs44 {
  font-size: clamp(26px, 1.7708333333vw, 44px);
  /* font-size: vw(44); */
  line-height: 1.2;
}
.fs.fs50 {
  font-size: clamp(28px, 1.7708333333vw, 50px);
  /* font-size: vw(50); */
  line-height: 1.2;
}

.fw.fw100 {
  font-weight: 100;
}
.fw.fw200 {
  font-weight: 200;
}
.fw.fw300 {
  font-weight: 300;
}
.fw.fw400 {
  font-weight: 400;
}
.fw.fw500 {
  font-weight: 500;
}
.fw.fw600 {
  font-weight: 600;
}
.fw.fw700 {
  font-weight: 700;
}
.fw.fw800 {
  font-weight: 800;
}
.fw.fw900 {
  font-weight: 900;
}

/* COLORS  ********************************/
.whiteColor {
  color: #ffffff;
}

.whiteColorBg {
  background-color: #ffffff;
}

.blackColor {
  color: #000000;
}

.blackColorBg {
  background-color: #000000;
}

.greenColor {
  color: #678786;
}

.greenColorBg {
  background-color: #678786;
}

.greenLightColor {
  color: #97B5AF;
}

.greenLightColorBg {
  background-color: #97B5AF;
}

.greenLightColor2 {
  color: #b6cac6;
}

.greenLightColor2Bg {
  background-color: #b6cac6;
}

.greenLightColor3 {
  color: #81a3a0;
}

.greenLightColor3Bg {
  background-color: #81a3a0;
}

.greenLightColor4 {
  color: #e5e9ec;
}

.greenLightColor4Bg {
  background-color: #e5e9ec;
}

.greenLightColor5 {
  color: #81a3a1;
}

.greenLightColor5Bg {
  background-color: #81a3a1;
}

.greyColor {
  color: #6E6A68;
}

.greyColorBg {
  background-color: #6E6A68;
}

.greyColor2 {
  color: #7c7877;
}

.greyColor2Bg {
  background-color: #7c7877;
}

.redColor {
  color: #8a2225;
}

.redColorBg {
  background-color: #8a2225;
}

.shitColor {
  color: #c79173;
}

.shitColorBg {
  background-color: #c79173;
}

/* RESET  ********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* VARIOS  **************************************************************************/
.site,
html,
body {
  height: 100%;
}

.site {
  overflow-x: hidden;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
  outline: none;
}
* > a {
  color: inherit;
  text-decoration: none;
}

.italic,
i {
  font-style: italic;
}

strong {
  font-weight: 600;
}

sup {
  font-size: 60%;
  vertical-align: super;
}

button {
  background-color: transparent;
  border-radius: 0;
  border: none;
  cursor: pointer;
  display: inline-block;
  border-radius: 0;
  user-select: none;
  color: inherit;
}
button a {
  color: inherit;
}

.overflow {
  overflow: hidden;
}

textarea,
input[type=tel],
input[type=submit],
input[type=text],
input[type=email],
input[type=password] {
  border: none;
  appearance: none;
}

.footer > .container,
.shadowbox > .container,
section > .container {
  max-width: calc(100% - 40px);
  width: 83.3333333333vw;
  margin: 0 auto;
}
.footer > .container__fullWidth,
.shadowbox > .container__fullWidth,
section > .container__fullWidth {
  width: 100%;
  max-width: 100%;
}
.footer > .container__fullWidthCalc,
.shadowbox > .container__fullWidthCalc,
section > .container__fullWidthCalc {
  width: 100%;
  max-width: calc(100% - 40px);
}
.footer > .container__660,
.shadowbox > .container__660,
section > .container__660 {
  width: 34.375vw;
  max-width: calc(100% - 40px);
}
.footer.padding,
.shadowbox.padding,
section.padding {
  padding: 5.2083333333vw 0;
}
.footer.padding__top,
.shadowbox.padding__top,
section.padding__top {
  padding-top: 5.2083333333vw;
}
.footer.padding__bottom,
.shadowbox.padding__bottom,
section.padding__bottom {
  padding-bottom: 5.2083333333vw;
}

footer.padding {
  padding: 3.125vw 0;
}
footer.padding__top {
  padding-top: 3.125vw;
}
footer.padding__bottom {
  padding-bottom: 3.125vw;
}

.flex {
  display: flex;
}
.flex__between {
  justify-content: space-between;
}
.flex__around {
  justify-content: space-around;
}
.flex__end {
  justify-content: flex-end;
}
.flex__start {
  justify-content: flex-start;
}
.flex__center {
  justify-content: center;
}
.flex__align__center {
  align-items: center;
}
.flex__align__end {
  align-items: flex-end;
}
.flex__align__start {
  align-items: flex-start;
}
.flex__wrap {
  flex-wrap: wrap;
}
.flex__column {
  flex-direction: column;
}
.flex__25 > * {
  width: 25%;
}
.flex__33 > * {
  width: 33.3333%;
}
.flex__20 > * {
  width: 20%;
}
.flex__26__68 > * {
  width: 26.6%;
}
.flex__26__68 > *:last-child {
  width: 68.4%;
}
.flex__51__49 > * {
  width: 51.7%;
}
.flex__51__49 > *:last-child {
  width: 48.3%;
}
.flex__56__38 > * {
  width: 56.4%;
}
.flex__56__38 > *:last-child {
  width: 38.4%;
}
.flex__42__54 > * {
  width: 42%;
}
.flex__42__54 > *:last-child {
  width: 54%;
}
.flex__49__47 > * {
  width: 49.1%;
}
.flex__49__47 > *:last-child {
  width: 47%;
}
.flex__50 > * {
  width: 50%;
}

.separator {
  display: block;
  padding-top: 1.0416666667vw;
}
.separator__10 {
  padding-top: 0.5208333333vw;
  padding-top: clamp(10px, 0.5208333333vw, 10px);
}
.separator__20 {
  padding-top: 1.0416666667vw;
  padding-top: clamp(10px, 1.0416666667vw, 20px);
}
.separator__30 {
  padding-top: 1.5625vw;
  padding-top: clamp(15px, 1.5625vw, 30px);
}
.separator__40 {
  padding-top: 2.0833333333vw;
  padding-top: clamp(20px, 2.0833333333vw, 40px);
}
.separator__50 {
  padding-top: 2.6041666667vw;
  padding-top: clamp(25px, 2.6041666667vw, 50px);
}
.separator__60 {
  padding-top: 3.125vw;
  padding-top: clamp(20px, 3.125vw, 60px);
}
.separator__70 {
  padding-top: 3.6458333333vw;
  padding-top: clamp(20px, 3.6458333333vw, 70px);
}
.separator__80 {
  padding-top: 4.1666666667vw;
  padding-top: clamp(40px, 4.1666666667vw, 80px);
}
.separator__90 {
  padding-top: 4.6875vw;
  padding-top: clamp(40px, 4.6875vw, 90px);
}
.separator__100 {
  padding-top: 5.2083333333vw;
  padding-top: clamp(40px, 5.2083333333vw, 100px);
}

.line__withe {
  background-color: #ffffff;
  height: 1px;
}

.fullWidth {
  width: 100%;
}

.mask {
  position: relative;
  text-align: center;
}
.mask > img {
  width: 100%;
  height: auto;
  display: block;
}
.mask__auto > img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.mask__video > * {
  width: 100%;
  height: auto;
}

.break {
  display: block;
}

.alignCenter {
  text-align: center;
}

.alignLeft {
  text-align: left;
}

.uppercase {
  text-transform: uppercase;
}

.marginBotom10 {
  margin-bottom: 0.5208333333vw;
}

.marginBotom20 {
  margin-bottom: 1.0416666667vw;
}

.marginBotom30 {
  margin-bottom: 1.5625vw;
}

.marginBotom40 {
  margin-bottom: 2.0833333333vw;
}

::selection {
  background-color: #678786;
  color: #000000;
}

::placeholder {
  color: #000000;
}

::-webkit-scrollbar {
  display: none;
}

/* RESPONSIVE ****************************************************************/
body {
  position: relative;
}
body:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  z-index: 20000;
  display: none;
}

.showMobile {
  display: none !important;
}

.showDesktop {
  display: block !important;
}

@media (min-width: 1500px) {
  .section__contacto .container {
    transform: scale(0.8);
    transform-origin: center;
  }
}
/* MEDIAS EXTRA  ****************************************************************/
@media only screen and (min-width: 1100px) and (max-width: 1500px) {
  body:after {
    background-color: cyan;
  }
  body .section__textSvg .container .box__text {
    width: 45%;
    margin-left: 0vw;
  }
  body .section__textSvg .container .mask {
    width: 45%;
  }
  body .section__intro__edificio .container .box .text {
    font-size: clamp(15px, 0.8333333333vw, 16px);
  }
  body .section__artista .container {
    width: 60%;
  }
  body .section__artista .container .box {
    width: 46%;
  }
  body .lightbox__dossier .container .nf-form-cont,
body .lightbox__dossier .container .form {
    width: 100%;
  }
  body .lightbox__dossier .container .nf-form-cont .cover input,
body .lightbox__dossier .container .form .cover input {
    font-size: clamp(16px, 0.9375vw, 18px);
  }
}
@media only screen and (min-width: 961px) and (max-width: 1100px) {
  body:after {
    background-color: brown;
  }
  body .section__intro__esencia .container__grid .grid {
    justify-content: space-around;
  }
  body .section__intro__esencia .container__grid .grid > * {
    width: 36.4583333333vw;
    height: 36.4583333333vw;
  }
  body .section__intro__esencia .container__grid .grid > * .box__text .text {
    font-size: 1.4583333333vw;
  }
  body .section__textSvg .container {
    width: 100%;
  }
  body .section__textSvg .container .box__text {
    width: 50%;
    margin-left: 0vw;
  }
  body .section__textSvg .container .mask {
    width: 50%;
  }
  body .section__map .container {
    width: 100%;
  }
  body .section__map .container .box {
    width: 20%;
  }
  body .section__map .container .coverMap {
    width: 54%;
  }
  body .section__intro__edificio .container {
    max-width: calc(100% - 40px);
    width: 100%;
  }
  body .section__intro__edificio .container .box .text {
    font-size: clamp(14px, 0.78125vw, 15px);
  }
  body .section__alzado .container {
    width: 100%;
  }
  body .section__planos .container {
    width: 100%;
  }
  body .section__planos .container .box {
    width: 20%;
  }
  body .section__planos .container .box__left .inquilinos > * {
    width: 7.2916666667vw;
    height: 7.2916666667vw;
    font-size: clamp(11px, 0.625vw, 12px);
  }
  body .section__planos .container .mask {
    width: 50%;
  }
  body .section__planos .container .mask .plano {
    width: 100%;
  }
  body .section__caractSer .container {
    width: 100%;
  }
  body .section__caractSer .container .module__bottom .grid > * .mask {
    width: clamp(40px, 5.2083333333vw, 100px);
    height: clamp(40px, 5.2083333333vw, 100px);
  }
  body .section__caractSer .container .module__bottom .grid > * .text > * {
    font-size: clamp(10px, 0.625vw, 12px);
  }
  body .section__intro__sostenibilidad .container {
    max-width: calc(100% - 40px);
    width: 100%;
  }
  body .section__intro__sostenibilidad .container .box {
    width: 30%;
  }
  body .section__intro__sostenibilidad .container .box .text {
    font-size: clamp(12px, 0.7291666667vw, 14px);
  }
  body .section__intro__sostenibilidad .container .mask {
    width: 30%;
  }
  body .section__grid__sostenibilidad .container {
    max-width: calc(100% - 40px);
    width: 100%;
  }
  body .section__arquitectos .container {
    max-width: calc(100% - 40px);
    width: 100%;
  }
  body .section__arquitectos .container .box__img, body .section__arquitectos .container .box__text {
    width: 48%;
  }
  body .section__arquitectos .container .box__img .module__left {
    width: 30%;
  }
  body .section__arquitectos .container .box__img .module__right {
    width: 60%;
  }
  body .section__artista .container {
    width: 60%;
  }
  body .section__artista .container .box {
    width: 46%;
  }
  body .section__galeria .container {
    max-width: calc(100% - 40px);
    width: 100%;
  }
  body .section__galeria .container .box__button {
    width: 20%;
  }
  body .section__galeria .container .box__img {
    width: 50%;
  }
  body .lightbox .lightbox__content {
    width: 100%;
  }
  body .section__contacto .container {
    max-width: calc(100% - 40px);
    width: 100%;
  }
  body .section__contacto .container .box__data {
    width: 30%;
  }
  body .section__contacto .container .box__logo {
    width: 30%;
  }
  body .section__contacto .container .box__form {
    width: 30%;
  }
  body .section__contacto .container .box__form .form .cover textarea,
body .section__contacto .container .box__form .form .cover input, body .section__contacto .container .box__form form .cover textarea,
body .section__contacto .container .box__form form .cover input {
    font-size: clamp(14px, 0.8333333333vw, 16px);
  }
  body .section__contacto .container .box__form .form .cover__label > *, body .section__contacto .container .box__form form .cover__label > * {
    font-size: clamp(12px, 0.7291666667vw, 14px);
  }
  body .section__cookies .container .box,
body .section__politica .container .box,
body .section__gracias .container .box {
    width: calc(100% - 200px);
  }
  body .lightbox__dossier .container .nf-form-cont,
body .lightbox__dossier .container .form {
    width: 100%;
  }
  body .lightbox__dossier .container .nf-form-cont .cover input,
body .lightbox__dossier .container .form .cover input {
    font-size: clamp(16px, 0.9375vw, 18px);
  }
}
/* MEDIAS TABLET MOBILE  ****************************************************************/
@media only screen and (min-width: 768px) and (max-width: 960px) {
  body:after {
    background-color: pink;
  }
  body .toggle__menu {
    display: block;
  }
  body .header .cover__header .container .box__menu {
    width: calc(100% - 250px);
  }
  body .header .cover__header .container .box__menu .menu {
    transition: top 0.3s;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #678786;
  }
  body .header .cover__header .container .box__menu .menu.active {
    top: 0;
  }
  body .header .cover__header .container .box__menu .menu > * {
    margin-bottom: clamp(20px, 1.5625vw, 30px);
    font-size: clamp(18px, 1.0416666667vw, 20px);
  }
  body .header .cover__header .container .box__menu .marquee {
    top: 2.6041666667vw;
    width: 160px;
    left: 6.25vw;
  }
  body .header .cover__header .container .box__menu .tips {
    font-size: 9px;
    top: 0;
    bottom: 0;
    height: min-content;
  }
  body .section__intro__esencia .container__grid .grid {
    justify-content: space-around;
  }
  body .section__intro__esencia .container__grid .grid > * {
    width: 36.4583333333vw;
    height: 36.4583333333vw;
  }
  body .section__intro__esencia .container__grid .grid > * .box__text .text {
    font-size: 1.4583333333vw;
  }
  body .section__resumen .container__top .module__center .grid {
    justify-content: center;
  }
  body .section__resumen .container__top .module__center .grid > * {
    width: 33.33333%;
  }
  body .section__resumen .container__top .module__center .grid > * .mask img {
    height: clamp(30px, 2.0833333333vw, 40px);
  }
  body .section__resumen .container__top .module__center .grid > * .text h3 {
    font-size: clamp(13px, 0.7291666667vw, 14px);
  }
  body .section__resumen .container__top .module__center .grid > * .text p {
    font-size: clamp(14px, 0.8333333333vw, 16px);
  }
  body .section__textSvg .container {
    flex-wrap: wrap;
    width: 100%;
  }
  body .section__textSvg .container .box__text {
    width: 100%;
    margin-left: 0vw;
    text-align: center;
    margin-bottom: clamp(40px, 2.0833333333vw, 40px);
  }
  body .section__textSvg .container .mask {
    width: 100%;
  }
  body .section__map .container {
    width: 100%;
  }
  body .section__map .container .box {
    width: 20%;
  }
  body .section__map .container .coverMap {
    width: 54%;
  }
  body .section__intro__edificio .container {
    max-width: calc(100% - 40px);
    width: 100%;
  }
  body .section__intro__edificio .container .box .text {
    font-size: clamp(12px, 0.6770833333vw, 13px);
  }
  body .section__alzado .container {
    width: 100%;
  }
  body .section__planos .container {
    width: 100%;
  }
  body .section__planos .container .box {
    width: 20%;
  }
  body .section__planos .container .box__left .inquilinos > * {
    width: 7.2916666667vw;
    height: 7.2916666667vw;
    font-size: clamp(11px, 0.625vw, 12px);
  }
  body .section__planos .container .mask {
    width: 50%;
  }
  body .section__planos .container .mask .plano {
    width: 100%;
  }
  body .section__caractSer .container {
    width: 100%;
  }
  body .section__caractSer .container .module__bottom .grid > * {
    width: 25%;
  }
  body .section__caractSer .container .module__bottom .grid > * .mask {
    width: clamp(40px, 5.2083333333vw, 100px);
    height: clamp(40px, 5.2083333333vw, 100px);
  }
  body .section__caractSer .container .module__bottom .grid > * .text > * {
    font-size: clamp(10px, 0.625vw, 12px);
  }
  body .section__intro__sostenibilidad .container {
    max-width: calc(100% - 40px);
    width: 100%;
  }
  body .section__intro__sostenibilidad .container .box {
    width: 30%;
  }
  body .section__intro__sostenibilidad .container .box .text {
    font-size: clamp(12px, 0.7291666667vw, 14px);
  }
  body .section__intro__sostenibilidad .container .mask {
    width: 30%;
  }
  body .section__grid__sostenibilidad .container {
    max-width: calc(100% - 40px);
    width: 100%;
  }
  body .section__arquitectos .container {
    max-width: calc(100% - 40px);
    width: 100%;
  }
  body .section__arquitectos .container .box__img, body .section__arquitectos .container .box__text {
    width: 48%;
  }
  body .section__arquitectos .container .box__img .module__left {
    width: 30%;
  }
  body .section__arquitectos .container .box__img .module__right {
    width: 60%;
  }
  body .section__artista .container {
    width: 60%;
  }
  body .section__artista .container .box {
    width: 46%;
  }
  body .section__galeria .container {
    max-width: calc(100% - 40px);
    width: 100%;
  }
  body .section__galeria .container .box__button {
    width: 20%;
  }
  body .section__galeria .container .box__button > * {
    font-size: clamp(12px, 0.7291666667vw, 14px);
  }
  body .section__galeria .container .box__img {
    width: 50%;
  }
  body .lightbox .lightbox__content {
    width: 100%;
  }
  body .section__contacto .container {
    max-width: calc(100% - 40px);
    width: 100%;
  }
  body .section__contacto .container .box__data {
    width: 30%;
  }
  body .section__contacto .container .box__logo {
    width: 30%;
  }
  body .section__contacto .container .box__form {
    width: 30%;
  }
  body .section__contacto .container .box__form .form .cover textarea,
body .section__contacto .container .box__form .form .cover input, body .section__contacto .container .box__form form .cover textarea,
body .section__contacto .container .box__form form .cover input {
    font-size: clamp(14px, 0.8333333333vw, 16px);
  }
  body .section__contacto .container .box__form .form .cover__label > *, body .section__contacto .container .box__form form .cover__label > * {
    font-size: clamp(12px, 0.7291666667vw, 14px);
    display: block;
  }
  body .section__contacto .container .box__form .form .cover__label > * input, body .section__contacto .container .box__form form .cover__label > * input {
    margin: 10px 10px 0 0;
  }
  body .section__cookies .container .box,
body .section__politica .container .box,
body .section__gracias .container .box {
    width: calc(100% - 200px);
  }
  body .lightbox__dossier .container .nf-form-cont,
body .lightbox__dossier .container .form {
    width: 100%;
  }
  body .lightbox__dossier .container .nf-form-cont .cover input,
body .lightbox__dossier .container .form .cover input {
    font-size: clamp(16px, 0.9375vw, 18px);
  }
  body .header .cover__header .container .box__misc .boxInner__download .submenu {
    width: min-content;
    left: inherit;
    right: 20px;
  }
  body .header .cover__header .container .box__misc .boxInner__languages {
    top: 0;
    bottom: 0;
    margin: auto;
    right: 130px;
  }
  body .header .cover__header .container .box__misc .boxInner__languages .list {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  body:after {
    background-color: yellow;
  }
  body .toggle__menu {
    display: block;
  }
  body .header .cover__header .container .box__menu {
    width: calc(100% - 250px);
  }
  body .header .cover__header .container .box__menu .menu {
    transition: top 0.3s;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #678786;
  }
  body .header .cover__header .container .box__menu .menu.active {
    top: 0;
  }
  body .header .cover__header .container .box__menu .menu > * {
    margin-bottom: clamp(20px, 1.5625vw, 30px);
    font-size: clamp(18px, 1.0416666667vw, 20px);
  }
  body .header .cover__header .container .box__menu .tips {
    font-size: 10px;
    top: 0;
    bottom: 0;
    height: min-content;
    display: none;
  }
  body .mute {
    bottom: 5vw;
    right: 5vw;
    width: 10vw;
    height: 10vw;
  }
  body .section__intro__video {
    position: inherit;
    height: 100%;
  }
  body .section__intro__esencia .container__grid .grid {
    justify-content: center;
  }
  body .section__intro__esencia .container__grid .grid > * {
    width: 83.3333333333vw;
    height: 83.3333333333vw;
    margin-bottom: 9.375vw;
  }
  body .section__intro__esencia .container__grid .grid > *:hover .maskText {
    width: 20.8333333333vw;
    top: calc(100% - 13.0208333333vw);
  }
  body .section__intro__esencia .container__grid .grid > * .box__text {
    padding: 9.375vw;
  }
  body .section__intro__esencia .container__grid .grid > * .box__text .text {
    font-size: 2.9166666667vw;
  }
  body .section__img__2 .container {
    flex-wrap: wrap;
  }
  body .section__img__2 .container > * {
    width: 100%;
    margin-bottom: clamp(20px, 2.0833333333vw, 40px);
  }
  body .section__img__2 .container > *:last-child {
    margin-bottom: 0;
  }
  body .section__resumen .container__top .module {
    width: 100%;
  }
  body .section__resumen .container__top .module__left {
    display: flex;
    justify-content: center;
    margin-right: 0;
  }
  body .section__resumen .container__top .module__left .mask {
    margin-right: clamp(20px, 2.0833333333vw, 40px);
  }
  body .section__resumen .container__top .module__left .mask img {
    width: clamp(80px, 8.125vw, 156px);
  }
  body .section__resumen .container__top .module__left .mask:last-child {
    margin-right: 0;
  }
  body .section__resumen .container__top .module__center {
    margin-bottom: clamp(20px, 2.0833333333vw, 40px);
  }
  body .section__resumen .container__top .module__center .grid {
    justify-content: center;
  }
  body .section__resumen .container__top .module__center .grid > * {
    width: 50%;
  }
  body .section__resumen .container__top .module__center .grid > * .mask img {
    height: clamp(30px, 2.6041666667vw, 50px);
  }
  body .section__resumen .container__top .module__center .grid > * .text h3 {
    font-size: clamp(13px, 0.7291666667vw, 14px);
  }
  body .section__resumen .container__top .module__center .grid > * .text p {
    font-size: clamp(14px, 0.8333333333vw, 16px);
  }
  body .section__resumen .container__top .module__right {
    display: flex;
    justify-content: center;
  }
  body .section__resumen .container__top .module__right > * {
    margin-right: clamp(20px, 2.0833333333vw, 40px);
  }
  body .section__resumen .container__top .module__right > *:last-child {
    margin-right: 0;
  }
  body .section__resumen .container__top .module__right > * .mask img {
    height: clamp(30px, 3.0729166667vw, 59px);
    width: auto;
  }
  body .section__resumen .container__top .module__right > * .text h3 {
    font-size: clamp(13px, 0.7291666667vw, 14px);
  }
  body .section__resumen .container__top .module__right > * .text p {
    font-size: clamp(12px, 0.625vw, 12px);
  }
  body .section__resumen .container__bottom .module {
    flex-direction: column;
    align-items: center;
  }
  body .section__resumen .container__bottom .module .box:first-child {
    flex-direction: column-reverse;
    margin: 0 0 20px 0;
  }
  body .section__resumen .container__bottom .module .box:last-child {
    flex-direction: column;
  }
  body .section__resumen .container__bottom .module .box .text {
    margin-bottom: clamp(10px, 1.0416666667vw, 20px);
  }
  body .section__resumen .container__bottom .module .box .text img.pie {
    width: 14px;
  }
  body .section__resumen .container__bottom .module .box .text img.coche {
    width: 22px;
  }
  body .section__resumen .container__bottom .module .box .text .break {
    display: none;
  }
  body .section__resumen .container__bottom .module .box .mask img {
    width: clamp(80px, 4.1666666667vw, 80px);
  }
  body .section__textSvg .container {
    flex-wrap: wrap;
    width: 100%;
  }
  body .section__textSvg .container .box__text {
    width: 100%;
    margin-left: 0vw;
    text-align: center;
    margin-bottom: clamp(20px, 2.0833333333vw, 40px);
  }
  body .section__textSvg .container .mask {
    width: 100%;
  }
  body .section__map .container {
    width: 100%;
    flex-wrap: wrap;
  }
  body .section__map .container .box {
    width: 100%;
  }
  body .section__map .container .box .title {
    font-size: clamp(16px, 1.0416666667vw, 24px);
  }
  body .section__map .container .box .tabContent .imgs .mask img {
    width: clamp(134px, 8.2291666667vw, 158px);
  }
  body .section__map .container .coverMap {
    width: 100%;
    margin-top: clamp(20px, 2.0833333333vw, 40px);
    margin-bottom: clamp(20px, 2.0833333333vw, 40px);
  }
  body .section__intro__edificio:before, body .section__intro__edificio:after {
    height: calc(50% - 29px);
    width: 100%;
  }
  body .section__intro__edificio:before {
    top: clamp(60px, 6.875vw, 132px);
  }
  body .section__intro__edificio:after {
    bottom: 0;
    top: inherit;
  }
  body .section__intro__edificio .container {
    width: 100%;
    max-width: calc(100% - 40px);
    flex-wrap: wrap;
    height: auto;
    padding-top: clamp(20px, 2.0833333333vw, 40px);
    padding-bottom: clamp(20px, 2.0833333333vw, 40px);
  }
  body .section__intro__edificio .container .box,
body .section__intro__edificio .container .mask {
    width: 100%;
  }
  body .section__intro__edificio .container .box .title {
    text-align: center;
  }
  body .section__intro__edificio .container .box .title span {
    font-size: clamp(14px, 0.9375vw, 18px);
  }
  body .section__intro__edificio .container .box .title h2 {
    font-size: clamp(16px, 1.0416666667vw, 24px);
  }
  body .section__intro__edificio .container .box .text {
    font-size: clamp(13px, 0.6770833333vw, 13px);
    text-align: center;
  }
  body .section__intro__edificio .container .box .detail {
    text-align: center;
  }
  body .section__intro__edificio .container .box .detail img {
    width: clamp(200px, 10.4166666667vw, 250px);
  }
  body .section__intro__edificio .container .box .detail svg {
    width: 100%;
  }
  body .section__intro__edificio .container .mask {
    padding-top: clamp(20px, 2.0833333333vw, 40px);
    padding-bottom: clamp(20px, 2.0833333333vw, 40px);
  }
  body .section__intro__edificio .container .mask img {
    width: clamp(150px, 13.0208333333vw, 250px);
    margin: auto;
  }
  body .section__alzado .container {
    width: 100%;
  }
  body .section__planos .container {
    width: 100%;
    flex-wrap: wrap;
  }
  body .section__planos .container .box {
    width: 20%;
  }
  body .section__planos .container .box__left {
    width: 30%;
  }
  body .section__planos .container .box__left .plantas {
    font-size: clamp(11px, 0.625vw, 12px);
  }
  body .section__planos .container .box__left .inquilinos > * {
    width: 40px;
    height: 40px;
    font-size: clamp(8px, 0.625vw, 12px);
  }
  body .section__planos .container .box__right {
    width: 100%;
  }
  body .section__planos .container .box__right .button {
    font-size: clamp(11px, 0.625vw, 12px);
    width: max-content;
    margin: auto;
  }
  body .section__planos .container .mask {
    width: 66%;
  }
  body .section__planos .container .mask .plano {
    width: 100%;
  }
  body .section__caractSer .container {
    width: 100%;
  }
  body .section__caractSer .container .module__top .tabs {
    font-size: clamp(12px, 0.6770833333vw, 13px);
  }
  body .section__caractSer .container .module__top .tabs .tab {
    width: clamp(120px, 7.8125vw, 150px);
    height: clamp(120px, 7.8125vw, 150px);
  }
  body .section__caractSer .container .module__bottom .grid > * {
    width: 33.333333%;
  }
  body .section__caractSer .container .module__bottom .grid > * .mask {
    width: clamp(40px, 5.2083333333vw, 100px);
    height: clamp(40px, 5.2083333333vw, 100px);
    margin-bottom: 10px;
  }
  body .section__caractSer .container .module__bottom .grid > * .mask img {
    width: calc(100% - 1.5625vw);
  }
  body .section__caractSer .container .module__bottom .grid > * .text > * {
    font-size: clamp(10px, 0.625vw, 12px);
  }
  body .section__intro__sostenibilidad .container {
    max-width: calc(100% - 40px);
    width: 100%;
    flex-wrap: wrap;
  }
  body .section__intro__sostenibilidad .container .box,
body .section__intro__sostenibilidad .container .mask {
    width: 100%;
  }
  body .section__intro__sostenibilidad .container .box .sello {
    text-align: center;
  }
  body .section__intro__sostenibilidad .container .box .sello img {
    width: clamp(60px, 6.25vw, 120px);
  }
  body .section__intro__sostenibilidad .container .box .text {
    font-size: clamp(12px, 0.7291666667vw, 14px);
    text-align: center;
  }
  body .section__intro__sostenibilidad .container .mask {
    margin-bottom: clamp(30px, 2.0833333333vw, 40px);
  }
  body .section__intro__sostenibilidad .container .mask > img {
    width: clamp(200px, 13.0208333333vw, 250px);
    margin: auto;
  }
  body .section__intro__sostenibilidad .container .mask .playVideo {
    margin-top: 10px;
  }
  body .section__intro__sostenibilidad .container .mask .playVideo img {
    width: clamp(30px, 2.6041666667vw, 50px);
  }
  body .section__grid__sostenibilidad .container {
    max-width: calc(100% - 40px);
    width: 100%;
  }
  body .section__grid__sostenibilidad .container .grid {
    flex-wrap: wrap;
  }
  body .section__grid__sostenibilidad .container .grid > * {
    width: 100%;
    margin-bottom: clamp(20px, 1.5625vw, 30px);
  }
  body .section__arquitectos .container {
    max-width: calc(100% - 40px);
    width: 100%;
    flex-wrap: wrap;
  }
  body .section__arquitectos .container .box__img, body .section__arquitectos .container .box__text {
    width: 100%;
  }
  body .section__arquitectos .container .box__img {
    flex-wrap: wrap;
    margin-bottom: clamp(20px, 1.5625vw, 30px);
  }
  body .section__arquitectos .container .box__img .module {
    display: flex;
  }
  body .section__arquitectos .container .box__img .module .mask {
    margin: clamp(10px, 1.0416666667vw, 20px);
  }
  body .section__arquitectos .container .box__img .module__left {
    width: 100%;
  }
  body .section__arquitectos .container .box__img .module__right {
    width: 100%;
  }
  body .section__artista .container {
    width: 100%;
    flex-wrap: wrap;
  }
  body .section__artista .container .box {
    width: 100%;
    margin-bottom: clamp(20px, 1.5625vw, 30px);
  }
  body .section__galeria .container {
    max-width: calc(100% - 40px);
    width: 100%;
    flex-wrap: wrap;
  }
  body .section__galeria .container .box__button {
    width: 100%;
  }
  body .section__galeria .container .box__button > * {
    font-size: clamp(12px, 0.7291666667vw, 14px);
  }
  body .section__galeria .container .box__img {
    width: 100%;
    margin-top: clamp(20px, 1.5625vw, 30px);
    margin-bottom: clamp(20px, 1.5625vw, 30px);
  }
  body .lightbox .lightbox__content {
    width: 100%;
  }
  body .section__contacto {
    height: auto;
  }
  body .section__contacto .container {
    max-width: calc(100% - 40px);
    width: 100%;
    flex-wrap: wrap;
  }
  body .section__contacto .container .box__data {
    width: 100%;
    height: auto !important;
  }
  body .section__contacto .container .box__logo {
    width: 100%;
    height: auto !important;
    margin-top: clamp(30px, 1.5625vw, 30px);
    margin-bottom: clamp(30px, 1.5625vw, 30px);
  }
  body .section__contacto .container .box__logo .mask img {
    width: 50%;
    margin: auto;
  }
  body .section__contacto .container .box__form {
    width: 100%;
    height: auto !important;
  }
  body .section__contacto .container .box__form .text .title {
    text-align: left;
  }
  body .section__contacto .container .box__form .form .cover textarea,
body .section__contacto .container .box__form .form .cover input, body .section__contacto .container .box__form form .cover textarea,
body .section__contacto .container .box__form form .cover input {
    font-size: clamp(14px, 0.8333333333vw, 16px);
  }
  body .section__contacto .container .box__form .form .cover__label .nf-field-description, body .section__contacto .container .box__form form .cover__label .nf-field-description {
    margin-top: 15px;
  }
  body .section__contacto .container .box__form .form .cover__label > *, body .section__contacto .container .box__form form .cover__label > * {
    font-size: clamp(12px, 0.7291666667vw, 14px);
    display: block;
  }
  body .section__contacto .container .box__form .form .cover__label > * input[type=checkbox], body .section__contacto .container .box__form form .cover__label > * input[type=checkbox] {
    margin-top: 10px;
    margin-right: 10px;
    position: relative;
    top: 6px;
  }
  body .section__cookies .container .box,
body .section__politica .container .box,
body .section__gracias .container .box {
    width: calc(100% - 40px);
  }
  body .footer__home {
    position: inherit;
  }
  body .footer .container > * {
    width: 100%;
    margin-bottom: 40px;
  }
  body .footer .container > *:last-child {
    margin-bottom: 0;
  }
  body .footer .container > * .text {
    text-align: center;
  }
  body .footer .container > * .mask img {
    margin: auto;
  }
  body .lightbox__dossier .container {
    padding: 20px;
  }
  body .lightbox__dossier .container .text__top {
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
  body .lightbox__dossier .container .nf-form-cont,
body .lightbox__dossier .container .form {
    width: 100%;
  }
  body .lightbox__dossier .container .nf-form-cont .cover input,
body .lightbox__dossier .container .form .cover input {
    font-size: clamp(16px, 0.9375vw, 18px);
  }
  body .lightbox__dossier .container .nf-form-cont .cover__label > *,
body .lightbox__dossier .container .form .cover__label > * {
    display: block;
  }
  body .lightbox__dossier .container .nf-form-cont .cover__label > * input[type=checkbox],
body .lightbox__dossier .container .form .cover__label > * input[type=checkbox] {
    margin-right: 10px;
  }
  body .header .cover__header .container .box__misc .boxInner__download .submenu {
    width: min-content;
    left: inherit;
    right: 20px;
  }
  body .header .cover__header .container .box__misc .boxInner__languages {
    top: 0;
    bottom: 0;
    margin: auto;
    right: 130px;
  }
  body .header .cover__header .container .box__misc .boxInner__languages .list {
    font-size: 16px;
  }
  body .section__contacto .container .box__data,
body .section__contacto .container .box__form {
    min-height: inherit;
  }
}
@media only screen and (max-width: 350px) {
  body:after {
    background-color: black;
  }
  body .section__resumen .container__top .module__center .grid > * {
    width: 100%;
  }
  body .section__caractSer .container .module__bottom .grid > * {
    width: 50%;
  }
}
/* LOAD HEADER ********************************************************/
.header {
  transition: opacity 1s;
  opacity: 0;
}

.load .header {
  opacity: 1;
}

.section {
  transition: opacity 1s;
  opacity: 0;
}

.load .section {
  opacity: 1;
}

.video {
  transition: opacity 1s 0.6s;
  opacity: 0;
}

.load .video {
  opacity: 1;
}

.section__intro__video .container .box {
  transition: opacity 1s 0.3s, transform 1s 0.3s;
  opacity: 0;
  transform: translateY(20%);
}

.load .section__intro__video .container .box {
  opacity: 1;
  transform: translateY(0%);
}

/* TEXT SVG ********************************************************/
.section__textSvg .monieco {
  transform: translateX(-100px);
  opacity: 0;
}
.section__textSvg .monieco__1 {
  transition: transform 3s, opacity 1s;
}
.section__textSvg .monieco__2 {
  transition: transform 3s 0.3s, opacity 1s 0.3s;
  transform: translateX(-66px);
}
.section__textSvg .monieco__3 {
  transition: transform 3s 0.6s, opacity 1s 0.6s;
  transform: translateX(-40px);
}
.section__textSvg .monieco__4 {
  transition: transform 3s 0.9s, opacity 1s 0.9s;
  transform: translateX(-174px);
}
.section__textSvg .monieco__5 {
  transition: transform 3s 1.2s, opacity 1s 1.2s;
  transform: translateX(-91px);
}
.section__textSvg .monieco__6 {
  transition: transform 3s 1.5s, opacity 1s 1.5s;
  transform: translateX(-10px);
}
.section__textSvg .monieco__7 {
  transition: transform 3s 1.8s, opacity 1s 1.8s;
  transform: translateX(-10px);
}
.section__textSvg .monieco__8 {
  transition: transform 3s 2.1s, opacity 1s 2.1s;
  transform: translateX(-50px);
}
.section__textSvg .monieco__9 {
  transition: transform 3s 2.4s, opacity 1s 2.4s;
  transform: translateX(-27px);
}
.section__textSvg .linea {
  width: 0;
}
.section__textSvg .linea__1 {
  transition: width 3s;
}
.section__textSvg .linea__2 {
  transition: width 3s 0.3s;
}
.section__textSvg .linea__3 {
  transition: width 3s 0.6s;
}
.section__textSvg .linea__4 {
  transition: width 3s 0.9s;
}
.section__textSvg .linea__5 {
  transition: width 3s 1.2s;
}
.section__textSvg .linea__8 {
  transition: width 3s 2.1s;
}
.section__textSvg .linea__9 {
  transition: width 3s 2.4s;
}

.section__textSvg.already-visible .monieco, .section__textSvg.active .monieco {
  transform: translateX(0px);
  opacity: 1;
}
.section__textSvg.already-visible .linea__1, .section__textSvg.active .linea__1 {
  width: 95px;
}
.section__textSvg.already-visible .linea__2, .section__textSvg.active .linea__2 {
  width: 60px;
}
.section__textSvg.already-visible .linea__3, .section__textSvg.active .linea__3 {
  width: 32px;
}
.section__textSvg.already-visible .linea__4, .section__textSvg.active .linea__4 {
  width: 167px;
}
.section__textSvg.already-visible .linea__5, .section__textSvg.active .linea__5 {
  width: 84px;
}
.section__textSvg.already-visible .linea__8, .section__textSvg.active .linea__8 {
  width: 40px;
}
.section__textSvg.already-visible .linea__9, .section__textSvg.active .linea__9 {
  width: 20px;
}

/* CSS  ********************************/
body {
  font-family: "Caviar Dreams", sans-serif;
  font-weight: 100;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  color: #6E6A68;
  width: 100%;
  font-size: 1em;
}

.marquee {
  height: 25px;
  width: 11.4583333333vw;
  overflow: hidden;
  position: relative;
}
.marquee .tips {
  display: block;
  height: 30px;
  position: absolute;
  overflow: hidden;
  animation: marquee 10s linear infinite;
  min-width: 100%;
  white-space: nowrap;
}

@keyframes marquee {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}
.header {
  background: #567673;
  background: linear-gradient(90deg, rgba(76, 76, 76, 0.9) 0%, rgba(132, 168, 166, 0.9) 53%, rgba(66, 96, 100, 0.9) 100%);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  /* height: vw(132); */
  height: clamp(60px, 6.875vw, 132px);
  z-index: 11;
}
.header .cover__header {
  max-width: calc(100% - 2.0833333333vw);
  width: 94.7916666667vw;
  margin: 0 auto;
  padding: 0.2083333333vw 0;
  height: 100%;
}
.header .cover__header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.header .cover__header .container .box {
  display: flex;
  height: 100%;
}
.header .cover__header .container .box__logotipo {
  margin-right: 1.0416666667vw;
  align-items: center;
  width: 8.28125vw;
  width: clamp(70px, 8.28125vw, 159px);
  z-index: 1;
}
.header .cover__header .container .box__logotipo img {
  width: 100%;
}
.header .cover__header .container .box__menu {
  align-items: center;
  position: relative;
}
.header .cover__header .container .box__menu .marquee {
  position: absolute;
  top: 0.5208333333vw;
  left: 0;
  right: 0;
  margin: auto;
}
.header .cover__header .container .box__menu .tips {
  font-size: 0.625vw;
  font-weight: 600;
}
.header .cover__header .container .box__menu .menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.header .cover__header .container .box__menu .menu > * {
  margin-right: 2.0833333333vw;
}
.header .cover__header .container .box__menu .menu > *:last-child {
  margin-right: 0;
}
.header .cover__header .container .box__menu .menu > *.current-menu-item, .header .cover__header .container .box__menu .menu > *.active {
  text-decoration: underline;
  font-weight: 600;
}
.header .cover__header .container .box__menu .menu__header {
  font-size: 1.0416666667vw;
}
.header .cover__header .container .box__misc {
  align-items: center;
  position: relative;
}
.header .cover__header .container .box__misc .boxInner {
  margin-left: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header .cover__header .container .box__misc .boxInner__play {
  height: 100%;
}
.header .cover__header .container .box__misc .boxInner__play > * {
  cursor: pointer;
}
.header .cover__header .container .box__misc .boxInner__play > * img {
  /* width: vw(37); */
  width: clamp(28px, 1.9270833333vw, 37px);
}
.header .cover__header .container .box__misc .boxInner__play .mask.play_control.active .play__1 {
  display: none;
}
.header .cover__header .container .box__misc .boxInner__play .mask.play_control.active .play_control__close {
  display: block;
}
.header .cover__header .container .box__misc .boxInner__play .mask.play_control .play_control__close {
  transition: all 0.3s ease-in-out;
  display: none;
  z-index: 1;
  cursor: pointer;
  border-radius: 20px;
  height: 37px;
  width: clamp(28px, 1.9270833333vw, 37px);
}
.header .cover__header .container .box__misc .boxInner__play .mask.play_control .play_control__close::before, .header .cover__header .container .box__misc .boxInner__play .mask.play_control .play_control__close::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 27px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 10px;
}
.header .cover__header .container .box__misc .boxInner__play .mask.play_control .play_control__close::before {
  transform: rotate(45deg);
}
.header .cover__header .container .box__misc .boxInner__play .mask.play_control .play_control__close::after {
  transform: rotate(-45deg);
}
.header .cover__header .container .box__misc .boxInner__download {
  height: 100%;
}
.header .cover__header .container .box__misc .boxInner__download:hover .submenu {
  opacity: 1 !important;
  pointer-events: all !important;
  transform: translateY(0%);
  pointer-events: all;
}
.header .cover__header .container .box__misc .boxInner__download > * {
  cursor: pointer;
}
.header .cover__header .container .box__misc .boxInner__download > * img {
  /* width: vw(37); */
  width: clamp(28px, 1.9270833333vw, 37px);
}
.header .cover__header .container .box__misc .boxInner__languages {
  position: absolute;
  top: 0.5208333333vw;
  right: 0;
}
.header .cover__header .container .box__misc .boxInner__languages .list {
  align-items: baseline;
  font-size: 0.78125vw;
}
.header .cover__header .container .box__misc .boxInner__languages .list > *.active {
  font-weight: 600;
}
.header .cover__header .container .box__misc .boxInner .submenu {
  transition: transform 0.3s, opacity 0.3s;
  position: absolute;
  left: 0;
  top: 100%;
  background-color: red;
  background-color: #ffffff;
  text-align: center;
  transform: translateY(-20%);
  border-radius: 0 0 10px 10px;
  pointer-events: none;
}
.header .cover__header .container .box__misc .boxInner .submenu.active {
  opacity: 1 !important;
  pointer-events: all !important;
  transform: translateY(0%);
}
.header .cover__header .container .box__misc .boxInner .submenu > * > * {
  padding: 10px;
  display: block;
  font-size: 12px;
  font-weight: 600;
}
.header .cover__header .container .box__misc .boxInner .submenu > * > * img {
  width: 28px;
  margin-bottom: 4px;
}

.toggle {
  cursor: pointer;
  padding: 1.25em 0 1.25em 1.25em;
  position: relative;
  z-index: 1;
  margin-left: 20px;
  display: none;
}
.toggle__menu {
  padding: 0;
}
.toggle__menu.active > div > div {
  background-color: #ffffff;
}
.toggle.active > div > div:first-child {
  transform: translateY(8px) rotate(45deg);
}
.toggle.active > div > div:nth-child(2) {
  transform: scale(0);
  opacity: 0;
}
.toggle.active > div > div:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}
.toggle > div {
  width: 26px;
  display: block;
}
.toggle > div > div {
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  width: 100%;
  height: 2px;
  margin-bottom: 5px;
}
.toggle > div > div:last-child {
  margin-bottom: 0;
}

.menu__mobile {
  transition: top 0.5s;
  display: flex;
  justify-content: center;
  position: fixed;
  top: -100%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.98);
  height: 100%;
}
.menu__mobile.active {
  top: 0;
}
.menu__mobile > .container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: calc(100% - 40px);
}
.menu__mobile ul li {
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
}
.menu__mobile ul li.active {
  font-weight: 700;
}
.menu__mobile ul li a {
  transition: color 0.3s;
  padding: 20px 0;
  display: inline-block;
}
.menu__mobile ul li:hover a, .menu__mobile ul li.active a {
  color: #ffffff;
}

.section:first-of-type {
  /* padding-top: vw(132); */
  padding-top: clamp(60px, 6.875vw, 132px);
}

.video__intro {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%);
}
.video__intro.active {
  opacity: 1 !important;
  pointer-events: all !important;
  visibility: visible !important;
}

.pause {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: all;
  opacity: 0;
  background-image: url(../img/play-buttton.svg);
  background-position: center center;
  background-size: 150px;
  background-repeat: no-repeat;
  transition: 0.7s;
}
.pause.show {
  display: block;
}
.pause:hover {
  opacity: 0.7;
}
.pause.active {
  pointer-events: all;
  cursor: pointer;
  background-image: url(../img/pause.svg);
}

.mute {
  position: absolute;
  bottom: 11vw;
  right: 2vw;
  width: 3vw;
  height: 3vw;
  z-index: 11;
  background-image: url(../img/mute.png);
  background-position: center center;
  background-repeat: no-repeat;
  transition: 0.7s;
  background-size: cover;
  cursor: pointer;
}
.mute.unmute {
  background-image: url(../img/unmute.png);
}

.otgs-development-site-front-end {
  display: none !important;
}

.section__intro__video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 7.5vw);
  /* background-image: url(../img/videoIntro.jpg); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}
.section__intro__video .container {
  transition: opacity 0.3s;
  width: 100%;
  max-width: 100%;
  height: 100%;
  background: #567673;
  background: linear-gradient(90deg, rgba(76, 76, 76, 0.9) 0%, rgba(69, 116, 114, 0.9) 53%, rgba(66, 96, 100, 0.9) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}
.section__intro__video .container.active {
  opacity: 0;
}
.section__intro__video .container .box {
  text-align: center;
  width: clamp(250px, 15.625vw, 300px);
}

.section__intro__esencia .container__top {
  padding-top: clamp(40px, 4.6875vw, 90px);
  padding-bottom: clamp(40px, 2.6041666667vw, 50px);
}
.section__intro__esencia .container__grid .grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section__intro__esencia .container__grid .grid > * {
  transition: border-color 1s;
  border-radius: 100%;
  width: 25vw;
  height: 25vw;
  position: relative;
  border-width: 0.1041666667vw;
  border-style: solid;
  cursor: pointer;
  border-color: transparent;
}
.section__intro__esencia .container__grid .grid > *:hover.esencia {
  border-color: #8a2225;
}
.section__intro__esencia .container__grid .grid > *:hover.creacion {
  border-color: #678786;
}
.section__intro__esencia .container__grid .grid > *:hover.alma {
  border-color: #c79173;
}
.section__intro__esencia .container__grid .grid > *:hover .maskText {
  width: 8.5416666667vw;
  top: calc(100% - 5.2083333333vw);
}
.section__intro__esencia .container__grid .grid > *:hover .maskText .title {
  opacity: 0;
}
.section__intro__esencia .container__grid .grid > *:hover .box__text {
  opacity: 1;
}
.section__intro__esencia .container__grid .grid > *:hover .box__text .logo {
  margin-top: -3.6458333333vw;
}
.section__intro__esencia .container__grid .grid > * .gridFake {
  width: auto;
  max-width: 100%;
}
.section__intro__esencia .container__grid .grid > * .maskText {
  transition: width 1s, top 1s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  width: 100%;
  border-radius: 100%;
  overflow: hidden;
}
.section__intro__esencia .container__grid .grid > * .maskText img {
  width: 100%;
  display: block;
  height: auto;
}
.section__intro__esencia .container__grid .grid > * .maskText .title {
  transition: opacity 1s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  width: max-content;
  height: max-content;
  opacity: 1;
  text-shadow: 0 0 40px #000000;
}
.section__intro__esencia .container__grid .grid > * .box__text {
  transition: opacity 1s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 100%;
  padding: clamp(30px, 2.0833333333vw, 40px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  opacity: 0;
}
.section__intro__esencia .container__grid .grid > * .box__text .logo {
  transition: margin 1s;
  padding: 0.5208333333vw 0.7291666667vw;
  background-color: #ffffff;
  margin-bottom: 1.3020833333vw;
  border-radius: 2.6041666667vw;
  margin-top: 0vw;
}
.section__intro__esencia .container__grid .grid > * .box__text .logo img {
  width: clamp(80px, 6.7708333333vw, 130px);
  height: auto;
}
.section__intro__esencia .container__grid .grid > * .box__text .text {
  font-size: 0.8333333333vw;
  line-height: 1.2;
}
.section__intro__esencia .container__grid .grid > * .box__text .line {
  margin: 1.0416666667vw 0 0.5208333333vw 0;
  width: 4.1666666667vw;
  height: 0.1041666667vw;
}
.section__intro__esencia .container__grid .grid > * .box__text .line__green {
  background-color: #678786;
}
.section__intro__esencia .container__grid .grid > * .box__text .line__red {
  background-color: #8a2225;
}
.section__intro__esencia .container__grid .grid > * .box__text .line__shit {
  background-color: #c79173;
}
.section__intro__esencia .container__bottom {
  padding-top: clamp(40px, 4.6875vw, 90px);
  padding-bottom: clamp(40px, 2.6041666667vw, 50px);
}
.section__intro__esencia .container > .box__text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section__intro__esencia .container > .box__text .bar {
  width: 1px;
  height: 60px;
  background-color: #678786;
  margin: 0 1.5625vw;
}

.section__img {
  padding-bottom: clamp(40px, 2.6041666667vw, 50px);
}
.section__img .container .mask img {
  margin: auto;
}
.section__img__1 .container {
  display: flex;
  justify-content: center;
}
.section__img__1 .container .mask {
  width: 100%;
}
.section__img__2 .container {
  padding-top: clamp(30px, 5.2083333333vw, 100px);
  display: flex;
  justify-content: center;
}

.section__resumen {
  padding-top: clamp(20px, 2.6041666667vw, 50px);
  padding-bottom: clamp(40px, 4.1666666667vw, 80px);
}
.section__resumen .container {
  display: flex;
  align-items: center;
  width: 93.5416666667vw;
}
.section__resumen .container__top {
  justify-content: space-between;
  margin-bottom: clamp(40px, 4.1666666667vw, 80px);
  margin-top: clamp(40px, 4.1666666667vw, 80px);
  flex-wrap: wrap;
}
.section__resumen .container__top .module__left {
  margin-right: clamp(20px, 2.0833333333vw, 40px);
}
.section__resumen .container__top .module__left > * {
  margin-bottom: clamp(20px, 2.0833333333vw, 40px);
}
.section__resumen .container__top .module__left > *:last-child {
  margin-bottom: 0;
}
.section__resumen .container__top .module__left .mask img {
  width: 8.0729166667vw;
  max-width: 100%;
}
.section__resumen .container__top .module__center {
  width: 66.6666666667vw;
  max-width: 100%;
  background-color: #b6cac6;
  border-radius: clamp(10px, 1.0416666667vw, 20px);
  padding-top: clamp(20px, 2.6041666667vw, 50px);
  padding-right: clamp(10px, 2.6041666667vw, 50px);
  padding-bottom: clamp(10px, 0.5208333333vw, 10px);
  padding-left: clamp(10px, 2.6041666667vw, 50px);
  background-image: url(../img/resumenBg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.section__resumen .container__top .module__center .grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section__resumen .container__top .module__center .grid > * {
  margin-bottom: clamp(20px, 2.0833333333vw, 40px);
  width: 25%;
}
.section__resumen .container__top .module__center .grid > * > * {
  text-align: center;
}
.section__resumen .container__top .module__center .grid > * .mask {
  margin-bottom: 1.7708333333vw;
}
.section__resumen .container__top .module__center .grid > * .mask img {
  width: auto;
  height: 2.6041666667vw;
  max-width: 100%;
  margin: auto;
}
.section__resumen .container__top .module__center .grid > * .line {
  height: 0.1041666667vw;
  width: 4.1666666667vw;
  margin: 1.0416666667vw auto;
}
.section__resumen .container__top .module__center .grid > * .line__grey {
  background-color: #6E6A68;
}
.section__resumen .container__top .module__center .grid > * .text > * {
  margin-bottom: 0.3125vw;
}
.section__resumen .container__top .module__center .grid > * .text > *:last-child {
  margin-bottom: 0;
}
.section__resumen .container__top .module__center .grid > * .text h3 {
  font-size: 0.9895833333vw;
  line-height: 1.2;
}
.section__resumen .container__top .module__center .grid > * .text p {
  font-size: 1.3541666667vw;
  line-height: 1.2;
}
.section__resumen .container__top .module__right > * {
  margin-bottom: 2.0833333333vw;
}
.section__resumen .container__top .module__right > *:last-child {
  margin-bottom: 0;
}
.section__resumen .container__top .module__right > * > * {
  text-align: center;
}
.section__resumen .container__top .module__right > * .mask {
  margin-bottom: 1.0416666667vw;
}
.section__resumen .container__top .module__right > * .mask img {
  width: 3.0729166667vw;
  max-width: 100%;
  margin: auto;
}
.section__resumen .container__top .module__right > * .text > * {
  margin-bottom: 0.3125vw;
}
.section__resumen .container__top .module__right > * .text > *:last-child {
  margin-bottom: 0;
}
.section__resumen .container__top .module__right > * .text h3 {
  font-size: 1.3541666667vw;
  line-height: 1.2;
}
.section__resumen .container__top .module__right > * .text p {
  font-size: 0.9895833333vw;
  line-height: 1.2;
}
.section__resumen .container__bottom .module {
  display: flex;
  justify-content: center;
  width: 100%;
}
.section__resumen .container__bottom .module .box {
  display: flex;
  align-items: center;
}
.section__resumen .container__bottom .module .box:first-child {
  margin-right: 8.8541666667vw;
}
.section__resumen .container__bottom .module .box:first-child .line {
  margin: 0 1.5625vw 0 4.1666666667vw;
}
.section__resumen .container__bottom .module .box:last-child .line {
  margin: 0 4.1666666667vw 0 1.5625vw;
}
.section__resumen .container__bottom .module .box .mask {
  display: flex;
}
.section__resumen .container__bottom .module .box .mask img {
  width: 7.2916666667vw;
  margin-right: clamp(20px, 1.0416666667vw, 20px);
}
.section__resumen .container__bottom .module .box .mask img:last-child {
  margin-right: 0;
}
.section__resumen .container__bottom .module .box .line {
  width: 0.1041666667vw;
  height: 100%;
  background-color: #7c7877;
}
.section__resumen .container__bottom .module .box .text {
  text-align: center;
}
.section__resumen .container__bottom .module .box .text img {
  margin-bottom: 1.0416666667vw;
}
.section__resumen .container__bottom .module .box .text img.pie {
  width: 0.7291666667vw;
}
.section__resumen .container__bottom .module .box .text img.coche {
  width: 2.1354166667vw;
}
.section__resumen .container__bottom .module .box .text p {
  font-size: clamp(14px, 0.7291666667vw, 16px);
  line-height: 1.2;
}

.section__textSvg {
  padding-bottom: 5.2083333333vw;
}
.section__textSvg .container {
  display: flex;
  justify-content: center;
}
.section__textSvg .container .linea {
  fill: #97b5af;
}
.section__textSvg .container .rectaVertical {
  fill: #a4bfb9;
}
.section__textSvg .container .box__text {
  width: 30.3%;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 5.2083333333vw;
}
.section__textSvg .container .box__text .title {
  margin-bottom: 2.0833333333vw;
}
.section__textSvg .container .box__text p {
  margin-bottom: 1.0416666667vw;
}
.section__textSvg .container .box__text p:last-child {
  margin-bottom: 0;
}
.section__textSvg .container .line {
  width: 0.1041666667vw;
  background-color: #81a3a0;
  margin: 0 2.6041666667vw;
}
.section__textSvg .container .mask {
  width: 37.5%;
  display: flex;
  align-items: center;
}
.section__textSvg .container .mask svg {
  width: 100%;
  height: auto;
}
.section__textSvg .container .mask svg .st2 {
  font-family: "Caviar Dreams", sans-serif;
}
.section__textSvg .container .mask svg .st18 {
  font-family: "Caviar Dreams", sans-serif;
  font-weight: bold;
}

.section__map {
  padding-bottom: 5.2083333333vw;
}
.section__map .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section__map .container .box {
  width: 17.1875vw;
}
.section__map .container .box .title {
  transition: background 0.3s;
  border-radius: 1.0416666667vw;
  padding-top: clamp(30px, 1.5625vw, 30px);
  padding-right: clamp(30px, 1.0416666667vw, 20px);
  padding-bottom: clamp(30px, 1.5625vw, 30px);
  padding-left: clamp(30px, 1.0416666667vw, 20px);
  margin-bottom: 1.5625vw;
  cursor: pointer;
  height: 5.9375vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5625vw;
  line-height: 1.2;
  text-align: center;
  background: #d9dedf;
  background: linear-gradient(142deg, #d9dedf 0%, #d2d1d0 100%);
}
.section__map .container .box__1 .title.active {
  background: #a98f82;
  background: linear-gradient(142deg, #a98f82 0%, #6c5647 100%);
}
.section__map .container .box__2 .title.active {
  background: #81a3a0;
  background: linear-gradient(180deg, #81a3a0 0%, #5c7573 100%);
}
.section__map .container .box .tabContent {
  transition: opacity 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  pointer-events: none;
}
.section__map .container .box .tabContent.active {
  opacity: 1;
  pointer-events: all;
}
.section__map .container .box .tabContent .text {
  margin-bottom: 3.125vw;
}
.section__map .container .box .tabContent .imgs {
  display: flex;
  justify-content: space-between;
}
.section__map .container .box .tabContent .imgs .mask img {
  width: clamp(60px, 8.2291666667vw, 158px);
}
.section__map .container .coverMap {
  width: 43.9583333333vw;
}
.section__map .container .coverMap .map .mask {
  margin-bottom: 2.0833333333vw;
  position: relative;
}
.section__map .container .coverMap .map .mask .groupMap {
  width: 100%;
}
.section__map .container .coverMap .map .mask .map {
  transition: opacity 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: auto;
}
.section__map .container .coverMap .map .mask .map__2 svg .hosSpot__tooltip text {
  fill: #98B5AF;
}
.section__map .container .coverMap .map .mask .map__2 svg .hosSpot__circle path {
  fill: #98B5AF;
  stroke: none;
}
.section__map .container .coverMap .map .mask .map__2 svg .hosSpot__circle text {
  fill: #ffffff;
}
.section__map .container .coverMap .map .mask .map svg,
.section__map .container .coverMap .map .mask .map img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.section__map .container .coverMap .map .mask .map svg {
  position: absolute;
  top: 0;
  left: 0;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot {
  cursor: pointer;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot.active .hosSpot__tooltip {
  opacity: 1;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot text {
  stroke: none;
  font-family: "Avenir Next Condensed", sans-serif;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip, .section__map .container .coverMap .map .mask .map svg .hosSpot__circle {
  transform-box: fill-box;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip {
  transition: opacity 0.3s, transform 0.3s;
  opacity: 0;
  transform-origin: left center;
  pointer-events: none;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip path {
  fill: #ffffff;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__3 {
  transform: translateX(-40px) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__3 text {
  transform-box: fill-box;
  transform: matrix(1, 0, 0, 1, 244, 299) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__5 {
  transform: translateX(-150px) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__5 text {
  transform-box: fill-box;
  transform: matrix(1, 0, 0, 1, 330, 276) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__6 {
  transform: translateX(-76px) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__6 text {
  transform-box: fill-box;
  transform: matrix(1, 0, 0, 1, 320, 302) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__7 {
  transform: translateX(-60px) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__7 text {
  transform-box: fill-box;
  transform: matrix(1, 0, 0, 1, 340, 311) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__8 {
  transform: translateX(-80px) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__8 text {
  transform-box: fill-box;
  transform: matrix(1, 0, 0, 1, 394, 280) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__11 {
  transform: translateX(-54px) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__11 text {
  transform-box: fill-box;
  transform: matrix(1, 0, 0, 1, 370, 323) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__3_2 {
  transform: translateX(-140px) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__3_2 text {
  transform-box: fill-box;
  transform: matrix(1, 0, 0, 1, 380, 255) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__5_2 {
  transform: translateX(-140px) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__5_2 text {
  transform-box: fill-box;
  transform: matrix(1, 0, 0, 1, 300, 291) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__6_2 {
  transform: translateX(-120px) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__6_2 text {
  transform-box: fill-box;
  transform: matrix(1, 0, 0, 1, 390, 304) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__7_2 {
  transform: translateX(-120px) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__7_2 text {
  transform-box: fill-box;
  transform: matrix(1, 0, 0, 1, 430, 316) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__14_2 {
  transform: translateX(-160px) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__tooltip__left__14_2 text {
  transform-box: fill-box;
  transform: matrix(1, 0, 0, 1, 450, 492) !important;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__circle {
  transition: transform 0.3s;
  transform-origin: center;
}
.section__map .container .coverMap .map .mask .map svg .hosSpot__circle text {
  font-family: "Caviar Dreams", sans-serif;
  font-weight: 600;
}
.section__map .container .coverMap .map .mask .map.active {
  position: inherit;
  opacity: 1;
  pointer-events: all;
}
.section__map .container .coverMap .map .text {
  text-align: center;
}

.section__intro__edificio {
  position: relative;
}
.section__intro__edificio:before, .section__intro__edificio:after {
  content: "";
  position: absolute;
  top: clamp(60px, 6.875vw, 132px);
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  z-index: -1;
}
.section__intro__edificio:before {
  left: 0;
  background-image: url(../img/bgLeftEdificio.jpg);
  background-position: left bottom;
}
.section__intro__edificio:after {
  right: 0;
  background-image: url(../img/bgRightEdificio.jpg);
  background-position: right bottom;
}
.section__intro__edificio .container {
  width: 91.6666666667vw;
  height: 44.7916666667vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section__intro__edificio .container .box {
  width: 28.125vw;
}
.section__intro__edificio .container .box .box__content {
  transition: max-height 1s, opacity 1s;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
}
.section__intro__edificio .container .box .box__content.active {
  max-height: 1000px;
  opacity: 1;
}
.section__intro__edificio .container .box__ext .detail svg .st0 {
  fill: #D5B19C;
}
.section__intro__edificio .container .box__int {
  text-align: right;
}
.section__intro__edificio .container .box__int .detail svg .st0 {
  fill: #B6CBC7;
}
.section__intro__edificio .container .box .title {
  position: relative;
  margin-bottom: 3.6458333333vw;
  cursor: pointer;
}
.section__intro__edificio .container .box .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1041666667vw;
  background-color: #ffffff;
}
.section__intro__edificio .container .box .title span {
  font-size: 1.25vw;
  line-height: 1.2;
}
.section__intro__edificio .container .box .title h2 {
  font-size: 2.0833333333vw;
  line-height: 1.2;
}
.section__intro__edificio .container .box .text {
  margin-bottom: 2.6041666667vw;
  font-size: 0.8854166667vw;
  line-height: 1.2;
}
.section__intro__edificio .container .box .detail svg,
.section__intro__edificio .container .box .detail img {
  width: 25vw;
}
.section__intro__edificio .container .box .detail svg .st2,
.section__intro__edificio .container .box .detail img .st2 {
  font-family: "Caviar Dreams", sans-serif;
  font-weight: bold;
}
.section__intro__edificio .container .mask {
  width: 28.125vw;
}

.section__scroll__horizontal {
  padding: 4.1666666667vw 0;
}
.section__scroll__horizontal .container__top {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}
.section__scroll__horizontal .container__top .swipper {
  display: flex;
  align-items: center;
  width: max-content;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  transition: 0.3s;
}
.section__scroll__horizontal .container__top .swipper > * {
  width: 33.33333%;
}
.section__scroll__horizontal .container__top .swipper .mask {
  margin-right: 6.25vw;
}
.section__scroll__horizontal .container__top .swipper .mask:last-child {
  margin-right: 0;
}
.section__scroll__horizontal .container__top .swipper .mask img {
  width: 44.2708333333vw;
  height: auto;
}
.section__scroll__horizontal .container__bottom {
  display: flex;
  justify-content: center;
}
.section__scroll__horizontal .container__bottom .slidePoint {
  width: 78.125vw;
  height: 0.4166666667vw;
  background-color: #e5e9ec;
  border-radius: 0.5208333333vw;
  position: relative;
  margin: 1.3020833333vw 0;
}
.section__scroll__horizontal .container__bottom .slidePoint .point {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin: auto;
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  background-color: #81a3a0;
  border-radius: 100%;
  cursor: pointer;
}

.section__alzado {
  padding-bottom: 1.5625vw;
}
.section__alzado .container .coverAlzado .alzado {
  position: relative;
  margin-bottom: 1.3541666667vw;
}
.section__alzado .container .coverAlzado .alzado img {
  width: 66.875vw;
}
.section__alzado .container .coverAlzado .alzado .plantas {
  position: absolute;
  right: 0;
  bottom: 0.5208333333vw;
  width: calc(100% - 2.3958333333vw);
}
.section__alzado .container .coverAlzado .alzado .plantas .planta {
  transition: background-color 0.3s;
  background-color: rgba(129, 163, 160, 0.25);
  display: flex;
  justify-content: flex-end;
  border-radius: 0 0.7291666667vw 0.7291666667vw 0;
  margin-bottom: 0.3125vw;
  padding: 0.8333333333vw 0;
  cursor: pointer;
}
.section__alzado .container .coverAlzado .alzado .plantas .planta.active, .section__alzado .container .coverAlzado .alzado .plantas .planta:hover {
  background-color: rgba(129, 163, 160, 0.65);
}
.section__alzado .container .coverAlzado .alzado .plantas .planta:last-child {
  margin-bottom: 0;
}
.section__alzado .container .coverAlzado .alzado .plantas .planta span {
  text-align: left;
  width: 13.5416666667vw;
  color: #ffffff;
  font-size: 1.3541666667vw;
  line-height: 1.2;
}
.section__alzado .container .coverAlzado .medidas {
  font-size: 2.2916666667vw;
  line-height: 1.2;
}
.section__alzado .container .coverAlzado .medidas .metros {
  display: flex;
  justify-content: flex-end;
}
.section__alzado .container .coverAlzado .medidas .metros.active span {
  display: block;
}
.section__alzado .container .coverAlzado .medidas .metros span {
  text-align: left;
  width: 13.5416666667vw;
  color: #81a3a0;
  display: none;
}
.section__planos {
  padding-bottom: 7.2916666667vw;
}
.section__planos .container {
  display: flex;
  justify-content: space-between;
  width: 75vw;
}
.section__planos .container .box {
  margin-top: 7.2916666667vw;
}
.section__planos .container .box__left {
  display: flex;
  flex-direction: column;
}
.section__planos .container .box__left .plantas {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.0833333333vw;
  font-size: 1.1979166667vw;
  line-height: 1.2;
}
.section__planos .container .box__left .plantas .planta {
  transition: background-color 0.3s;
  padding-left: clamp(18px, 0.9375vw, 18px);
  padding-top: clamp(10px, 0.5208333333vw, 10px);
  padding-right: clamp(18px, 0.9375vw, 18px);
  padding-bottom: clamp(10px, 0.5208333333vw, 10px);
  margin-bottom: 1.0416666667vw;
  background-color: rgba(129, 163, 160, 0.3);
  border-radius: 2.6041666667vw;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.section__planos .container .box__left .plantas .planta.active, .section__planos .container .box__left .plantas .planta:hover {
  background-color: #81a3a0;
}
.section__planos .container .box__left .plantas .planta:last-child {
  margin-bottom: 0;
}
.section__planos .container .box__left .inquilinos {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2.0833333333vw;
  font-size: 0.8333333333vw;
  line-height: 1.2;
}
.section__planos .container .box__left .inquilinos > * {
  transition: background-color 0.3s;
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgba(199, 145, 115, 0.4);
  color: #ffffff;
  border-radius: 100%;
  margin-right: 0.8333333333vw;
  cursor: pointer;
  user-select: none;
}
.section__planos .container .box__left .inquilinos > *.active, .section__planos .container .box__left .inquilinos > *:hover {
  background-color: #c79173;
}
.section__planos .container .box__left .inquilinos > *:last-child {
  margin-right: 0;
}
.section__planos .container .box__right {
  width: 12.5vw;
}
.section__planos .container .box__right .button.layout {
  display: none;
  background-color: #81a3a0;
  padding: clamp(18px, 1.0416666667vw, 20px);
  text-align: center;
  border-radius: 1.0416666667vw;
  cursor: pointer;
  user-select: none;
  font-size: 1.1979166667vw;
  line-height: 1.2;
}
.section__planos .container .box__right .button.layout.active {
  display: block;
}
.section__planos .container .mask {
  position: relative;
  overflow: hidden;
}
.section__planos .container .mask .coverPlanos {
  transition: opacity 0.3s;
  opacity: 0;
  display: none;
}
.section__planos .container .mask .coverPlanos.active {
  display: block;
  opacity: 1;
}
.section__planos .container .mask .plano {
  transition: opacity 0.3s;
  width: 33.8541666667vw;
  height: auto;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.section__planos .container .mask .plano.active {
  position: inherit;
  opacity: 1;
}

.section__caractSer {
  padding-bottom: 3.125vw;
}
.section__caractSer .container {
  width: 70.8333333333vw;
}
.section__caractSer .container .module__top {
  margin-bottom: 3.125vw;
}
.section__caractSer .container .module__top .tabs {
  display: flex;
  justify-content: center;
  font-size: 1.5625vw;
  line-height: 1.2;
}
.section__caractSer .container .module__top .tabs .tab {
  transition: background 0.3s;
  width: 15.3645833333vw;
  height: 15.3645833333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/beigeBg.jpg);
  margin-right: 2.0833333333vw;
  cursor: pointer;
  border-radius: 50%;
}
.section__caractSer .container .module__top .tabs .tab.active, .section__caractSer .container .module__top .tabs .tab:hover {
  background-image: url(../img/greenBg.jpg);
}
.section__caractSer .container .module__top .tabs .tab:last-child {
  margin-right: 0;
}
.section__caractSer .container .module__bottom .grid {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
}
.section__caractSer .container .module__bottom .grid.active {
  display: flex;
}
.section__caractSer .container .module__bottom .grid > * {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 3.125vw;
  width: 12.5%;
}
.section__caractSer .container .module__bottom .grid > * .mask {
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  border-radius: 100%;
  border: 1px solid rgba(110, 106, 104, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.7291666667vw;
  padding: 1.0416666667vw;
}
.section__caractSer .container .module__bottom .grid > * .mask img {
  width: 100%;
  height: auto;
}
.section__caractSer .container .module__bottom .grid > * .text {
  text-align: center;
}
.section__caractSer .container .module__bottom .grid > * .text > * {
  font-size: 0.6770833333vw;
  line-height: 1.2;
}

.section__intro__sostenibilidad {
  padding-bottom: 2.0833333333vw;
}
.section__intro__sostenibilidad .container {
  width: 85.9375vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5.2083333333vw;
}
.section__intro__sostenibilidad .container .box {
  width: 21.875vw;
  text-align: justify;
}
.section__intro__sostenibilidad .container .box .sello {
  position: relative;
  margin-bottom: 1.0416666667vw;
  text-align: left;
}
.section__intro__sostenibilidad .container .box .sello img {
  width: 11.1979166667vw;
  height: auto;
}
.section__intro__sostenibilidad .container .box .text {
  margin-bottom: clamp(20px, 1.5625vw, 50px);
  font-size: clamp(16px, 0.8854166667vw, 17px);
  line-height: 1.2;
}
.section__intro__sostenibilidad .container .box .text > * {
  margin-bottom: 1.0416666667vw;
}
.section__intro__sostenibilidad .container .box .text > *:last-child {
  margin-bottom: 0;
}
.section__intro__sostenibilidad .container .box__left .sello {
  text-align: right;
}
.section__intro__sostenibilidad .container .mask {
  width: 33.8541666667vw;
}
.section__intro__sostenibilidad .container .mask > img {
  margin-bottom: 1.0416666667vw;
}
.section__intro__sostenibilidad .container .mask .playVideo {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.section__intro__sostenibilidad .container .mask .playVideo img {
  margin-right: 1.0416666667vw;
  width: 2.0833333333vw;
}

.section__grid__sostenibilidad {
  padding-bottom: 7.8125vw;
}
.section__grid__sostenibilidad .container {
  width: 92.1875vw;
}
.section__grid__sostenibilidad .container .grid {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.section__grid__sostenibilidad .container .grid > * {
  width: 29.6875vw;
}
.section__grid__sostenibilidad .container .grid > * img {
  width: 100%;
  height: auto;
}

.section__arquitectos {
  padding-bottom: 4.6875vw;
}
.section__arquitectos .container {
  padding-top: 4.6875vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section__arquitectos .container .box__img {
  width: 36.71875vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section__arquitectos .container .box__img .module__left {
  width: 9.8958333333vw;
}
.section__arquitectos .container .box__img .module__left .mask {
  margin-bottom: 1.5625vw;
}
.section__arquitectos .container .box__img .module__left .mask:last-child {
  margin-bottom: 0;
}
.section__arquitectos .container .box__img .module__right {
  width: 22.3958333333vw;
}
.section__arquitectos .container .box__img .module__right .mask {
  margin-bottom: 1.0416666667vw;
}
.section__arquitectos .container .box__img .module__right .mask:last-child {
  margin-bottom: 0;
}
.section__arquitectos .container .box__text {
  width: 38.0208333333vw;
}
.section__arquitectos .container .box__text .mask {
  margin-bottom: 2.6041666667vw;
}
.section__arquitectos .container .box__text .mask img {
  width: clamp(200px, 15.1041666667vw, 290px);
  max-width: 100%;
}
.section__arquitectos .container .box__text .text {
  text-align: justify;
}
.section__arquitectos .container .box__text .text > * {
  margin-bottom: 1.0416666667vw;
}
.section__arquitectos .container .box__text .text > *:last-child {
  margin-bottom: 0;
}

.section__artista {
  padding-bottom: 4.6875vw;
}
.section__artista .container {
  padding-top: 4.6875vw;
  width: 50vw;
  display: flex;
  justify-content: space-between;
}
.section__artista .container .box {
  width: 20.8333333333vw;
}
.section__artista .container .box .mask {
  text-align: center;
  margin-bottom: 3.125vw;
}
.section__artista .container .box .text .title {
  text-align: center;
  margin-bottom: 1.0416666667vw;
}
.section__artista .container .box .text p {
  margin-bottom: 1.5625vw;
  text-align: justify;
}
.section__artista .container .box .text p:last-child {
  margin-bottom: 0;
}

.section__galeria {
  padding-bottom: 4.6875vw;
}
.section__galeria .container {
  padding-top: 4.6875vw;
  width: 76.8229166667vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section__galeria .container .box__button {
  width: 16.6666666667vw;
}
.section__galeria .container .box__button > * {
  transition: color 0.3s, background 0.3s;
  border-width: 0.0520833333vw;
  border-style: solid;
  padding: clamp(10px, 0.5208333333vw, 10px);
  border-radius: 25px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  display: block;
  font-size: 0.9375vw;
  line-height: 1.2;
}
.section__galeria .container .box__button__exterior > * {
  border-color: #c79173;
  color: #c79173;
}
.section__galeria .container .box__button__exterior > *.active, .section__galeria .container .box__button__exterior > *:hover {
  color: #ffffff;
  background-color: #c79173;
}
.section__galeria .container .box__button__interior > * {
  border-color: #81a3a1;
  color: #81a3a1;
}
.section__galeria .container .box__button__interior > *.active, .section__galeria .container .box__button__interior > *:hover {
  color: #ffffff;
  background-color: #81a3a1;
}
.section__galeria .container .box__img {
  width: 33.6979166667vw;
  position: relative;
}
.section__galeria .container .box__img .gal {
  position: relative;
  transition: opacity 0.3s;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}
.section__galeria .container .box__img .gal__ext {
  position: absolute;
  top: 0;
  left: 0;
}
.section__galeria .container .box__img .gal.active {
  opacity: 1;
  pointer-events: all;
  z-index: 1;
}
.section__galeria .container .box__img .gal svg,
.section__galeria .container .box__img .gal img {
  width: 100%;
  height: auto;
}
.section__galeria .container .box__img .gal svg .circle,
.section__galeria .container .box__img .gal img .circle {
  transition: opacity 0.3s;
  cursor: pointer;
}
.section__galeria .container .box__img .gal svg .circle:hover,
.section__galeria .container .box__img .gal img .circle:hover {
  opacity: 0.5;
}
.section__galeria .container .box__img .gal svg .circle.circle__big__int, .section__galeria .container .box__img .gal svg .circle.circle__big__ext,
.section__galeria .container .box__img .gal img .circle.circle__big__int,
.section__galeria .container .box__img .gal img .circle.circle__big__ext {
  opacity: 1 !important;
}
.section__galeria .container .box__img .gal svg .circle .img,
.section__galeria .container .box__img .gal img .circle .img {
  transition: transform 0.3s;
  transform-origin: center;
  transition: filter 0.3s;
  filter: grayscale(1);
}
.section__galeria .container .box__img .gal svg .circle.active .img, .section__galeria .container .box__img .gal svg .circle:hover .img,
.section__galeria .container .box__img .gal img .circle.active .img,
.section__galeria .container .box__img .gal img .circle:hover .img {
  filter: grayscale(0);
}
.section__galeria .container .box__img .gal svg .circle__big__int .img, .section__galeria .container .box__img .gal svg .circle__big__ext .img,
.section__galeria .container .box__img .gal img .circle__big__int .img,
.section__galeria .container .box__img .gal img .circle__big__ext .img {
  transition: transform 0.3s, opacity 0.3s;
  transform-origin: center;
  opacity: 0;
  filter: grayscale(0);
  pointer-events: none;
}
.section__galeria .container .box__img .gal svg .circle__big__int .img.active, .section__galeria .container .box__img .gal svg .circle__big__ext .img.active,
.section__galeria .container .box__img .gal img .circle__big__int .img.active,
.section__galeria .container .box__img .gal img .circle__big__ext .img.active {
  opacity: 1;
  pointer-events: all;
}

.section__contacto {
  background: #69827e;
  background: linear-gradient(142deg, #69827e 0%, #372d24 100%);
  height: calc(100% - 8.8541666667vw);
}
.section__contacto .container {
  padding-top: 5.2083333333vw;
  padding-bottom: 5.2083333333vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section__contacto .container .box__data, .section__contacto .container .box__form {
  min-height: 26.0416666667vw;
}
.section__contacto .container .box__data .text .title, .section__contacto .container .box__form .text .title {
  margin-bottom: 1.5625vw;
  position: relative;
}
.section__contacto .container .box__data .text .title:after, .section__contacto .container .box__form .text .title:after {
  content: "";
  position: absolute;
  bottom: -0.5208333333vw;
  left: 0;
  width: 100%;
  height: 0.1041666667vw;
  background-color: #ffffff;
}
.section__contacto .container .box__data .text .title img, .section__contacto .container .box__form .text .title img {
  max-width: 100px;
  height: auto;
}
.section__contacto .container .box__data {
  width: 20.8333333333vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section__contacto .container .box__data .text .title {
  text-align: left;
}
.section__contacto .container .box__data .text .paragraphs > * {
  margin-bottom: 1.0416666667vw;
  display: block;
}
.section__contacto .container .box__data .mask {
  width: clamp(100px, 10.4166666667vw, 200px);
}
.section__contacto .container .box__data .mask img {
  width: 100%;
}
.section__contacto .container .box__logo {
  width: 24.6875vw;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.section__contacto .container .box__logo .mask {
  margin-bottom: 2.0833333333vw;
}
.section__contacto .container .box__logo .text {
  text-align: center;
}
.section__contacto .container .box__form {
  width: 20.8333333333vw;
}
.section__contacto .container .box__form .text .title {
  text-align: right;
}
.section__contacto .container .box__form .form .nf-form-fields-required, .section__contacto .container .box__form form .nf-form-fields-required {
  display: none;
}
.section__contacto .container .box__form .form .cover, .section__contacto .container .box__form form .cover {
  width: 100%;
  margin-bottom: clamp(10px, 0.5208333333vw, 10px);
}
.section__contacto .container .box__form .form .cover textarea,
.section__contacto .container .box__form .form .cover input, .section__contacto .container .box__form form .cover textarea,
.section__contacto .container .box__form form .cover input {
  width: 100%;
  font-family: "Caviar Dreams", sans-serif;
  font-size: 1.0416666667vw;
  font-weight: 300;
  color: #ffffff;
  background-color: transparent;
}
.section__contacto .container .box__form .form .cover textarea::placeholder,
.section__contacto .container .box__form .form .cover input::placeholder, .section__contacto .container .box__form form .cover textarea::placeholder,
.section__contacto .container .box__form form .cover input::placeholder {
  color: #ffffff;
}
.section__contacto .container .box__form .form .cover input, .section__contacto .container .box__form form .cover input {
  border-bottom: 0.0520833333vw solid #ffffff;
  padding-top: clamp(10px, 0.5208333333vw, 10px);
  padding-bottom: clamp(10px, 0.5208333333vw, 10px);
}
.section__contacto .container .box__form .form .cover textarea, .section__contacto .container .box__form form .cover textarea {
  border: 0.0520833333vw solid #ffffff;
  padding: clamp(10px, 0.5208333333vw, 10px);
  height: clamp(100px, 7.8125vw, 150px);
  resize: none;
  width: 100% !important;
}
.section__contacto .container .box__form .form .cover__area, .section__contacto .container .box__form form .cover__area {
  margin-top: clamp(20px, 1.5625vw, 30px);
}
.section__contacto .container .box__form .form .cover__label, .section__contacto .container .box__form form .cover__label {
  margin-top: 1.5625vw;
  position: relative;
}
.section__contacto .container .box__form .form .cover__label .nf-field-label, .section__contacto .container .box__form form .cover__label .nf-field-label {
  display: none;
}
.section__contacto .container .box__form .form .cover__label .nf-field-description, .section__contacto .container .box__form form .cover__label .nf-field-description {
  margin-left: 10px;
  margin-right: 0;
}
.section__contacto .container .box__form .form .cover__label > *, .section__contacto .container .box__form form .cover__label > * {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 0.8333333333vw;
  line-height: 1.2;
}
.section__contacto .container .box__form .form .cover__label > * input[type=checkbox], .section__contacto .container .box__form form .cover__label > * input[type=checkbox] {
  transition: background-color 0.3s;
  width: clamp(16px, 1.25vw, 24px);
  height: clamp(16px, 1.25vw, 24px);
  background-color: transparent;
  appearance: none;
  border: 0.0520833333vw solid #ffffff;
  margin-right: 0.5208333333vw;
  box-shadow: inset 0 0 0 0.3125vw #423e36;
  cursor: pointer;
  padding: 0;
}
.section__contacto .container .box__form .form .cover__label > * input[type=checkbox]:checked, .section__contacto .container .box__form form .cover__label > * input[type=checkbox]:checked {
  background-color: #678786;
}
.section__contacto .container .box__form .form .cover__label > * a, .section__contacto .container .box__form form .cover__label > * a {
  margin-left: 0.3125vw;
  text-decoration: underline;
}
.section__contacto .container .box__form .form .cover__label > * a:hover, .section__contacto .container .box__form form .cover__label > * a:hover {
  text-decoration: none;
}
.section__contacto .container .box__form .form .cover__submit, .section__contacto .container .box__form form .cover__submit {
  margin-top: clamp(20px, 1.5625vw, 30px);
}
.section__contacto .container .box__form .form .cover__submit input[type=submit],
.section__contacto .container .box__form .form .cover__submit input[type=button], .section__contacto .container .box__form form .cover__submit input[type=submit],
.section__contacto .container .box__form form .cover__submit input[type=button] {
  transition: color 0.3s, background-color 0.3s;
  border: none;
  background-color: #ffffff;
  color: #678786;
  border-radius: 2.6041666667vw;
  font-weight: 600;
  cursor: pointer;
}
.section__contacto .container .box__form .form .cover__submit input[type=submit]:hover,
.section__contacto .container .box__form .form .cover__submit input[type=button]:hover, .section__contacto .container .box__form form .cover__submit input[type=submit]:hover,
.section__contacto .container .box__form form .cover__submit input[type=button]:hover {
  background-color: #678786;
  color: #ffffff;
}

.section__gracias .container {
  padding-top: clamp(40px, 5.2083333333vw, 100px);
  padding-bottom: clamp(40px, 5.2083333333vw, 100px);
}
.section__gracias .container .box {
  text-align: center;
  width: 30.7291666667vw;
  margin: 0 auto 5.2083333333vw;
  margin-bottom: clamp(60px, 5.2083333333vw, 100px);
}
.section__gracias .container .box .title {
  position: relative;
  padding-bottom: clamp(30px, 2.0833333333vw, 40px);
  margin-bottom: clamp(30px, 2.0833333333vw, 40px);
}
.section__gracias .container .box .title:after {
  content: "";
  position: absolute;
  bottom: 0vw;
  left: 0;
  right: 0;
  margin: auto;
  width: clamp(70px, 3.6458333333vw, 70px);
  height: 2px;
  background-color: #678786;
}
.section__gracias .container .box p {
  margin-bottom: clamp(30px, 2.0833333333vw, 40px);
}

.section__politica .container {
  padding-top: clamp(40px, 5.2083333333vw, 100px);
  padding-bottom: clamp(40px, 5.2083333333vw, 100px);
}
.section__politica .container .box {
  text-align: center;
  width: 40.1041666667vw;
  margin: 0 auto 5.2083333333vw;
  margin-bottom: clamp(60px, 5.2083333333vw, 100px);
}
.section__politica .container .box .title {
  position: relative;
  padding-bottom: clamp(30px, 2.0833333333vw, 40px);
  margin-bottom: clamp(30px, 2.0833333333vw, 40px);
}
.section__politica .container .box .title:after {
  content: "";
  position: absolute;
  bottom: 0vw;
  left: 0;
  right: 0;
  margin: auto;
  width: clamp(70px, 3.6458333333vw, 70px);
  height: 2px;
  background-color: #678786;
}
.section__politica .container .box p {
  margin-bottom: clamp(30px, 2.0833333333vw, 40px);
}

.section__cookies .container {
  padding-top: clamp(40px, 5.2083333333vw, 100px);
  padding-bottom: clamp(40px, 5.2083333333vw, 100px);
}
.section__cookies .container .box {
  width: 40.1041666667vw;
  margin: 0 auto 5.2083333333vw;
  margin-bottom: clamp(60px, 5.2083333333vw, 100px);
}
.section__cookies .container .box .title {
  text-align: center;
  position: relative;
  padding-bottom: clamp(30px, 2.0833333333vw, 40px);
  margin-bottom: clamp(30px, 2.0833333333vw, 40px);
}
.section__cookies .container .box .title:after {
  content: "";
  position: absolute;
  bottom: 0vw;
  left: 0;
  right: 0;
  margin: auto;
  width: clamp(70px, 3.6458333333vw, 70px);
  height: 2px;
  background-color: #678786;
}
.section__cookies .container .box p, .section__cookies .container .box li {
  margin-bottom: clamp(30px, 2.0833333333vw, 40px);
}
.section__cookies .container .box ul {
  padding-left: clamp(15px, 1.0416666667vw, 20px);
}

.footer {
  padding-top: clamp(30px, 2.0833333333vw, 40px);
  padding-bottom: clamp(30px, 2.0833333333vw, 40px);
  background-image: url(../img/bgFooter.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.footer__home {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.footer .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.footer .container .box__logo__left .mask img {
  width: clamp(70px, 5.7291666667vw, 110px);
  margin: auto;
}
.footer .container .box__logo__right .mask img {
  width: 5.9895833333vw;
  width: clamp(70px, 5.9895833333vw, 115px);
  margin: auto;
}
.footer .container .box__logo .text {
  text-align: center;
}
.footer .container .box__text {
  text-align: center;
}

/* ENGLISH ******************************************/
html[lang=en-US] .section__intro__edificio .container .box__int svg text[transform="matrix(1 0 0 1 23.2208 103.5611)"] {
  transform: matrix(1, 0, 0, 1, 41, 103) !important;
}
html[lang=en-US] .section__intro__edificio .container .box__int svg text[transform="matrix(1 0 0 1 74.1617 45.5591)"] {
  transform: matrix(1, 0, 0, 1, 100, 45) !important;
}
html[lang=en-US] .section__intro__edificio .container .box__int svg text[transform="matrix(1 0 0 1 337.9488 46.3399)"] {
  transform: matrix(1, 0, 0, 1, 320, 46) !important;
}
html[lang=en-US] .section__intro__edificio .container .box__int svg text[transform="matrix(1 0 0 1 321.0386 69.1402)"] {
  transform: matrix(1, 0, 0, 1, 360, 69) !important;
}
html[lang=en-US] .section__intro__edificio .container .box__int svg text[transform="matrix(1 0 0 1 270.1939 103.3824)"] {
  transform: matrix(1, 0, 0, 1, 270, 103) !important;
}
html[lang=en-US] .section__intro__edificio .container .box__int svg text[transform="matrix(1 0 0 1 478.3892 94.0582)"] {
  /* transform: matrix(1, 0, 0, 1, 455, 94) !important; */
  display: none;
}
html[lang=en-US] .section__map .container .coverMap .map .mask .map svg .hosSpot .hosSpot__tooltip__right.hosSpot__tooltip__right__16 path {
  transform: scaleX(1.05);
}
html[lang=en-US] .section__map .container .coverMap .map .mask .map svg .hosSpot .hosSpot__tooltip__left.hosSpot__tooltip__left__6_2 path {
  transform: scaleX(1.5);
  transform-origin: 490px;
}
html[lang=en-US] .section__map .container .coverMap .map .mask .map svg .hosSpot .hosSpot__tooltip__left.hosSpot__tooltip__left__6_2 text {
  transform: matrix(1, 0, 0, 1, 331, 304) !important;
}
html[lang=en-US] .section__map .container .coverMap .map .mask .map svg .hosSpot .hosSpot__tooltip__right.hosSpot__tooltip__right__9_2 path {
  transform: scaleX(1.5);
  transform-origin: 190px;
}
html[lang=en-US] .section__map .container .coverMap .map .mask .map svg .hosSpot .hosSpot__tooltip__right.hosSpot__tooltip__right__17_2 {
  opacity: 1 !important;
  pointer-events: all !important;
}
html[lang=en-US] .section__map .container .coverMap .map .mask .map svg .hosSpot .hosSpot__tooltip__right.hosSpot__tooltip__right__17_2 path {
  opacity: 1 !important;
  pointer-events: all !important;
  transform: scaleX(1.7);
  transform-origin: 340px;
}

/* LIGHTBOX ******************************************/
.lightbox {
  transition: all 0.3s ease-in-out;
  background-color: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.lightbox.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: inherit !important;
}
.lightbox .videoCover {
  position: relative;
  padding-bottom: 56.2%;
  height: 0;
}
.lightbox .lightbox__content {
  width: 72.9166666667vw;
  max-width: calc(100% - 40px);
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.lightbox .lightbox__content .lightbox__close {
  transition: all 0.3s ease-in-out;
  position: fixed;
  right: 0;
  top: 0;
  width: 70px;
  height: 70px;
  z-index: 1;
  cursor: pointer;
  border-radius: 20px;
}
.lightbox .lightbox__content .lightbox__close:after, .lightbox .lightbox__content .lightbox__close:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 27px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 10px;
}
.lightbox .lightbox__content .lightbox__close:before {
  transform: rotate(45deg);
}
.lightbox .lightbox__content .lightbox__close:after {
  transform: rotate(-45deg);
}
.lightbox.lightbox__video .lightbox__content {
  padding: 0;
  height: auto;
  width: 1200px;
  overflow: inherit;
}
.lightbox.lightbox__video .lightbox__content .lightbox__close {
  height: 30px;
  width: 30px;
  top: 30px;
  bottom: inherit;
  right: 30px;
}
.lightbox.lightbox__video .lightbox__content video,
.lightbox.lightbox__video .lightbox__content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lightbox__dossier .lightbox__content .lightbox__close {
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 70px;
  z-index: 1;
  cursor: pointer;
  border-radius: 20px;
}
.lightbox__dossier .lightbox__content .lightbox__close:after, .lightbox__dossier .lightbox__content .lightbox__close:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 27px;
  height: 2px;
  background-color: #678786;
  border-radius: 10px;
}
.lightbox__dossier .lightbox__content .lightbox__close:before {
  transform: rotate(45deg);
}
.lightbox__dossier .lightbox__content .lightbox__close:after {
  transform: rotate(-45deg);
}
.lightbox__dossier .container {
  background-color: #ffffff;
  border-radius: 1.0416666667vw;
  padding-top: clamp(40px, 3.125vw, 80px);
  padding-right: clamp(40px, 3.125vw, 80px);
  padding-bottom: clamp(40px, 2.0833333333vw, 40px);
  padding-left: clamp(40px, 3.125vw, 80px);
}
.lightbox__dossier .container .text {
  text-align: center;
}
.lightbox__dossier .container .text__top {
  padding-bottom: clamp(40px, 2.0833333333vw, 40px);
  margin-bottom: clamp(40px, 2.0833333333vw, 60px);
  position: relative;
}
.lightbox__dossier .container .text__top:after {
  content: "";
  position: absolute;
  bottom: 0vw;
  left: 0;
  right: 0;
  margin: auto;
  width: calc(100% - 41.6666666667vw);
  height: 2px;
  background-color: #678786;
}
.lightbox__dossier .container .nf-form-cont,
.lightbox__dossier .container .form {
  width: 32.2916666667vw;
  margin: 0 auto 3.125vw;
  margin-bottom: clamp(20px, 3.125vw, 60px);
}
.lightbox__dossier .container .nf-form-cont .nf-form-fields-required,
.lightbox__dossier .container .form .nf-form-fields-required {
  display: none;
}
.lightbox__dossier .container .nf-form-cont .cover,
.lightbox__dossier .container .form .cover {
  width: 100%;
  margin-bottom: clamp(10px, 0.5208333333vw, 10px);
}
.lightbox__dossier .container .nf-form-cont .cover input,
.lightbox__dossier .container .form .cover input {
  width: 100%;
  font-family: "Caviar Dreams", sans-serif;
  font-size: 1.0416666667vw;
  font-weight: 300;
  color: #678786;
  background-color: transparent;
}
.lightbox__dossier .container .nf-form-cont .cover input::placeholder,
.lightbox__dossier .container .form .cover input::placeholder {
  color: #678786;
}
.lightbox__dossier .container .nf-form-cont .cover input,
.lightbox__dossier .container .form .cover input {
  border-bottom: 0.0520833333vw solid #678786;
  padding-top: clamp(10px, 0.5208333333vw, 10px);
  padding-bottom: clamp(10px, 0.5208333333vw, 10px);
}
.lightbox__dossier .container .nf-form-cont .cover textarea,
.lightbox__dossier .container .form .cover textarea {
  border: 0.0520833333vw solid #678786;
  padding: 0.5208333333vw;
  height: 7.8125vw;
  resize: none;
  width: 100% !important;
}
.lightbox__dossier .container .nf-form-cont .cover__label,
.lightbox__dossier .container .form .cover__label {
  margin-top: clamp(20px, 1.5625vw, 30px);
  position: relative;
}
.lightbox__dossier .container .nf-form-cont .cover__label > *,
.lightbox__dossier .container .form .cover__label > * {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.lightbox__dossier .container .nf-form-cont .cover__label > * input[type=checkbox],
.lightbox__dossier .container .form .cover__label > * input[type=checkbox] {
  transition: background-color 0.3s;
  width: 20px;
  height: 20px;
  background-color: transparent;
  appearance: none;
  border: 0.0520833333vw solid #678786;
  margin-right: 0.5208333333vw;
  box-shadow: inset 0 0 0 0.3125vw #ffffff;
  cursor: pointer;
}
.lightbox__dossier .container .nf-form-cont .cover__label > * input[type=checkbox]:checked,
.lightbox__dossier .container .form .cover__label > * input[type=checkbox]:checked {
  background-color: #678786;
}
.lightbox__dossier .container .nf-form-cont .cover__label > * a,
.lightbox__dossier .container .form .cover__label > * a {
  margin-left: 0.3125vw;
  text-decoration: underline;
}
.lightbox__dossier .container .nf-form-cont .cover__label > * a:hover,
.lightbox__dossier .container .form .cover__label > * a:hover {
  text-decoration: none;
}
.lightbox__dossier .container .nf-form-cont .cover__submit,
.lightbox__dossier .container .form .cover__submit {
  margin-top: clamp(20px, 1.5625vw, 30px);
}
.lightbox__dossier .container .nf-form-cont .cover__submit input[type=submit],
.lightbox__dossier .container .form .cover__submit input[type=submit] {
  transition: color 0.3s, background-color 0.3s;
  border: none;
  background-color: #81a3a0;
  color: #ffffff;
  border-radius: 2.6041666667vw;
  font-weight: 600;
  cursor: pointer;
}
.lightbox__dossier .container .nf-form-cont .cover__submit input[type=submit]:hover,
.lightbox__dossier .container .form .cover__submit input[type=submit]:hover {
  background-color: #678786;
}
.lightbox__dossier .container .nf-form-cont .nf-before-form-content,
.lightbox__dossier .container .form .nf-before-form-content {
  margin-bottom: 20px;
}
.lightbox__dossier .container .nf-form-cont .nf-form-layout .nf-field-element input[type=email],
.lightbox__dossier .container .nf-form-cont .nf-form-layout .nf-field-element input[type=text],
.lightbox__dossier .container .form .nf-form-layout .nf-field-element input[type=email],
.lightbox__dossier .container .form .nf-form-layout .nf-field-element input[type=text] {
  width: 100%;
  font-family: "Caviar Dreams", sans-serif;
  font-size: 1.0416666667vw;
  font-weight: 300;
  color: #678786;
  background-color: transparent;
  border-bottom: 0.0520833333vw solid #678786;
  padding-top: clamp(10px, 0.5208333333vw, 10px);
  padding-bottom: clamp(10px, 0.5208333333vw, 10px);
}
.lightbox__dossier .container .nf-form-cont .nf-form-layout .nf-field-element input[type=email]::placeholder,
.lightbox__dossier .container .nf-form-cont .nf-form-layout .nf-field-element input[type=text]::placeholder,
.lightbox__dossier .container .form .nf-form-layout .nf-field-element input[type=email]::placeholder,
.lightbox__dossier .container .form .nf-form-layout .nf-field-element input[type=text]::placeholder {
  color: #678786;
}
.lightbox__dossier .container .nf-form-cont .nf-form-layout input[type=button],
.lightbox__dossier .container .form .nf-form-layout input[type=button] {
  transition: color 0.3s, background-color 0.3s;
  border: none;
  background-color: #81a3a0;
  color: #ffffff;
  border-radius: 2.6041666667vw;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  font-family: "Caviar Dreams", sans-serif;
  font-size: 1.0416666667vw;
  padding-top: clamp(10px, 0.5208333333vw, 10px);
  padding-bottom: clamp(10px, 0.5208333333vw, 10px);
  text-transform: uppercase;
}
.lightbox__dossier .container .nf-form-cont .nf-form-layout input[type=button]:hover,
.lightbox__dossier .container .form .nf-form-layout input[type=button]:hover {
  background-color: #678786;
}
.lightbox__dossier .container .nf-form-cont .nf-form-layout input[type=checkbox],
.lightbox__dossier .container .form .nf-form-layout input[type=checkbox] {
  transition: background-color 0.3s;
  width: 20px;
  height: 20px;
  background-color: transparent;
  appearance: none;
  border: 0.0520833333vw solid #678786;
  margin-right: 0.5208333333vw;
  box-shadow: inset 0 0 0 4px #ffffff;
  cursor: pointer;
}
.lightbox__dossier .container .nf-form-cont .nf-form-layout input[type=checkbox]:checked,
.lightbox__dossier .container .form .nf-form-layout input[type=checkbox]:checked {
  background-color: #678786;
}
.lightbox__dossier .container .nf-form-cont .nf-form-layout a,
.lightbox__dossier .container .form .nf-form-layout a {
  margin-left: 0.3125vw;
  text-decoration: underline;
}
.lightbox__dossier .container .nf-form-cont .nf-form-layout a:hover,
.lightbox__dossier .container .form .nf-form-layout a:hover {
  text-decoration: none;
}
.lightbox__dossier .container .nf-form-cont .nf-form-layout .nf-field-label,
.lightbox__dossier .container .form .nf-form-layout .nf-field-label {
  display: none;
}
.lightbox__dossier .container .nf-form-cont .nf-form-layout .nf-field-description,
.lightbox__dossier .container .form .nf-form-layout .nf-field-description {
  margin-left: 10px;
  margin-right: 0;
  color: #678786;
  font-weight: 500;
}

audio,
canvas,
video {
  display: inline-block;
}

/* SLICK SLIDER ******************************************/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

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

.slick-next,
.slick-prev {
  background-image: url("../img/arrowSlide.svg");
  width: 1.40625vw;
  height: 3.2291666667vw;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: translate(0px, 0px);
  z-index: 1;
}

.slick-prev {
  left: 0;
  transform: rotate(180deg);
}

.slick-next {
  right: 0;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-initialized .slick-slide {
  display: flex;
  flex-direction: column;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}

.slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  z-index: 1;
}
.slick-dots li.slick-active > * {
  background-color: #678786;
}
.slick-dots li > * {
  transition: background 0.3s;
  padding: 0;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  text-indent: -99999px;
  margin-right: 12px;
  background-color: #ffffff;
}
.slick-dots li:last-child > * {
  margin-right: 0;
}

.slider-nav,
.slider-for,
.single-item {
  width: 100%;
  height: 100%;
  padding: 0 2.6041666667vw;
}
.slider-nav .slick-list,
.slider-for .slick-list,
.single-item .slick-list {
  height: 100%;
}
.slider-nav .slick-list .slick-track,
.slider-for .slick-list .slick-track,
.single-item .slick-list .slick-track {
  height: 100%;
}
.slider-nav .slick-list .slick-track .slide__item,
.slider-for .slick-list .slick-track .slide__item,
.single-item .slick-list .slick-track .slide__item {
  height: 100%;
  position: relative;
}

.slider-nav {
  display: flex;
  margin-top: 1.5625vw;
  width: calc(100% - 5.2083333333vw);
  margin: 1.5625vw auto 0;
}
.slider-nav > div {
  display: inline-block;
  height: auto;
  text-align: center;
  font-size: 2em;
  cursor: pointer;
  width: 100%;
}
.slider-nav > div .slick-slide {
  padding: 0 1.5625vw;
}
.slider-nav > div img {
  transition: opacity 0.3s;
  display: block;
}

/*# sourceMappingURL=style.css.map */