@charset "UTF-8";
.navigation-clean {
  background: #fff;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #333;
  border-radius: 0;
  box-shadow: none;
  border: none;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .navigation-clean {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.navigation-clean .navbar-brand {
  font-weight: bold;
  color: inherit;
}

.navigation-clean .navbar-brand:hover {
  color: #222;
}

.navigation-clean.navbar-dark .navbar-brand:hover {
  color: #f0f0f0;
}

.navigation-clean .navbar-brand img {
  height: 100%;
  display: inline-block;
  margin-right: 10px;
  width: auto;
}

.navigation-clean .navbar-toggler {
  border-color: #ddd;
}

.navigation-clean .navbar-toggler:hover, .navigation-clean .navbar-toggler:focus {
  background: none;
}

.navigation-clean.navbar-dark .navbar-toggler {
  border-color: #555;
}

.navigation-clean .navbar-toggler {
  color: #888;
}

.navigation-clean.navbar-dark .navbar-toggler {
  color: #eee;
}

.navigation-clean .navbar-collapse, .navigation-clean .form-inline {
  border-top-color: #ddd;
}

.navigation-clean.navbar-dark .navbar-collapse, .navigation-clean.navbar-dark .form-inline {
  border-top-color: #333;
}

.navigation-clean .navbar-nav > .active > a, .navigation-clean .navbar-nav > .show > a {
  background: none;
  box-shadow: none;
}

.navigation-clean.navbar-light .navbar-nav .nav-link.active, .navigation-clean.navbar-light .navbar-nav .nav-link.active:focus, .navigation-clean.navbar-light .navbar-nav .nav-link.active:hover {
  color: #8f8f8f;
  box-shadow: none;
  background: none;
  pointer-events: none;
}

.navigation-clean.navbar .navbar-nav .nav-link {
  padding-left: 18px;
  padding-right: 18px;
}

.navigation-clean.navbar-light .navbar-nav .nav-link {
  color: #465765;
}

.navigation-clean.navbar-light .navbar-nav .nav-link:focus, .navigation-clean.navbar-light .navbar-nav .nav-link:hover {
  color: #37434d !important;
  background-color: transparent;
}

.navigation-clean .navbar-nav > li > .dropdown-menu {
  margin-top: -5px;
  box-shadow: none;
  background-color: #fff;
  border-radius: 2px;
}

@media (min-width: 768px) {
  .navigation-clean .navbar-nav .show .dropdown-menu {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 767px) {
  .navigation-clean .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #37434d;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    line-height: 1;
  }
}
.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item {
  line-height: 2;
  color: #37434d;
}

.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item:hover {
  background: #eee;
  color: inherit;
}

.navigation-clean.navbar-dark {
  background-color: #1f2021;
  color: #fff;
}

.navigation-clean.navbar-dark .navbar-nav a.active, .navigation-clean.navbar-dark .navbar-nav a.active:focus, .navigation-clean.navbar-dark .navbar-nav a.active:hover {
  color: #8f8f8f;
  box-shadow: none;
  background: none;
  pointer-events: none;
}

.navigation-clean.navbar-dark .navbar-nav .nav-link {
  color: #dfe8ee;
}

.navigation-clean.navbar-dark .navbar-nav .nav-link:focus, .navigation-clean.navbar-dark .navbar-nav .nav-link:hover {
  color: #fff;
  background-color: transparent;
}

.navigation-clean.navbar-dark .navbar-nav > li > .dropdown-menu {
  background-color: #1f2021;
}

.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus, .navigation-clean.navbar-dark .dropdown-menu .dropdown-item {
  color: #f2f5f8;
}

.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus, .navigation-clean.navbar-dark .dropdown-menu .dropdown-item:hover {
  background: #363739;
}

@media (max-width: 767px) {
  .navigation-clean.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #fff;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  border: 0;
}

body {
  font-family: "Ubuntu", sans-serif !important;
  margin: 20px;
  padding: 1.2rem;
}

.GF-iconFA {
  width: 100%;
  height: 50px;
  position: relative;
}
.GF-iconFA i {
  position: absolute;
  left: 0%;
  right: 0%;
  color: #fff;
  width: 100%;
  height: 100%;
  font-size: 2.6em;
  text-align: center;
}

p {
  font-size: 1em;
  line-height: 1.4em;
}

#cabecera,
#cabecera-generica {
  height: 700px;
  width: 100%;
  min-height: initial;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 30%;
  overflow: hidden;
  position: relative;
}
#cabecera #GF-cont-menuIdiomas,
#cabecera-generica #GF-cont-menuIdiomas {
  width: 100%;
  padding: 1em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9000;
}
#cabecera #GF-cont-menuIdiomas #drop-menu-idiomas,
#cabecera-generica #GF-cont-menuIdiomas #drop-menu-idiomas {
  margin-top: 16px;
  position: absolute;
  left: 0px !important;
}
#cabecera #GF-cont-menuIdiomas #dropdownMenuButton,
#cabecera-generica #GF-cont-menuIdiomas #dropdownMenuButton {
  background-color: unset;
  padding: 0;
  border: 0;
  z-index: 9999;
}
#cabecera #GF-cont-menuIdiomas #dropdownMenuButton img,
#cabecera-generica #GF-cont-menuIdiomas #dropdownMenuButton img {
  width: 45px;
  height: 45px;
}
#cabecera #GF-cont-menuIdiomas #dropdownMenuButton .dropdown-menu,
#cabecera-generica #GF-cont-menuIdiomas #dropdownMenuButton .dropdown-menu {
  background-color: #fff;
  float: none;
  height: 100px;
  min-width: 2.5rem !important;
  padding: 1rem 1rem;
  margin: 0.2rem 0 0;
  font-size: 1rem;
  /* color: #212529; */
  /* text-align: left; */
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  /* border: 1px solid rgba(0,0,0,.15); */
  border-radius: 50px;
  width: 2.5rem;
}
#cabecera #GF-cont-menuIdiomas #dropdownMenuButton .dropdown-menu.show,
#cabecera-generica #GF-cont-menuIdiomas #dropdownMenuButton .dropdown-menu.show {
  left: -6px !important;
}
#cabecera #GF-cont-menuIdiomas #dropdownMenuButton .dropdown-menu .GF-elem-menu,
#cabecera-generica #GF-cont-menuIdiomas #dropdownMenuButton .dropdown-menu .GF-elem-menu {
  height: 100px;
  min-width: 2.5rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  display: flex !important;
  flex-direction: column;
}
#cabecera .GF-logo-GF-Cab-generica,
#cabecera-generica .GF-logo-GF-Cab-generica {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s all ease-in-out;
}
#cabecera .GF-logo-GF-Cab-generica:hover,
#cabecera-generica .GF-logo-GF-Cab-generica:hover {
  transform: scale(1.1);
}
#cabecera #GF-cont-menuGenerico,
#cabecera-generica #GF-cont-menuGenerico {
  width: 100%;
  padding: 1em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9000;
}
#cabecera #GF-cont-menuGenerico #dropdownMenuButton,
#cabecera-generica #GF-cont-menuGenerico #dropdownMenuButton {
  background-color: unset;
  padding: 0;
  border: 0;
  float: right;
}
#cabecera #GF-cont-menuGenerico #dropdownMenuButton img,
#cabecera-generica #GF-cont-menuGenerico #dropdownMenuButton img {
  width: 45px;
  height: 45px;
  box-shadow: 0px 6px 10px rgba(97, 97, 97, 0.65);
  border-radius: 50px;
  margin: 0.8em;
}
#cabecera #GF-cont-menuGenerico #dropdownMenuButton .dropdown-toggle,
#cabecera-generica #GF-cont-menuGenerico #dropdownMenuButton .dropdown-toggle {
  margin-left: 0;
  vertical-align: 0;
}
#cabecera #GF-cont-menuGenerico #dropdownMenuButton .dropdown-menu,
#cabecera-generica #GF-cont-menuGenerico #dropdownMenuButton .dropdown-menu {
  position: absolute;
  left: 9px !important;
  float: none;
  height: 100px;
  min-width: 2.5rem !important;
  padding: 1rem 1rem;
  margin: 0.2rem 0 0;
  font-size: 1rem;
  list-style: none;
  background-color: #fff !important;
  background-clip: padding-box;
  border-radius: 50px;
  width: 2.5rem;
}
#cabecera #GF-cont-menuGenerico #dropdownMenuButton .dropdown-menu .GF-elem-menu,
#cabecera-generica #GF-cont-menuGenerico #dropdownMenuButton .dropdown-menu .GF-elem-menu {
  height: 100px;
  min-width: 2.5rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  display: flex !important;
  flex-direction: column;
}
#cabecera #GF-cont-menuGenerico #dropdownMenuButton .dropdown-menu .GF-elem-menu .GF-iconos-secc,
#cabecera-generica #GF-cont-menuGenerico #dropdownMenuButton .dropdown-menu .GF-elem-menu .GF-iconos-secc {
  width: 32px;
  height: 32px;
}
#cabecera #GF-cont-menuGenerico #dropdownMenuButton .dropdown-menu .GF-elem-menu .GF-icono-activo,
#cabecera-generica #GF-cont-menuGenerico #dropdownMenuButton .dropdown-menu .GF-elem-menu .GF-icono-activo {
  fill: #ff6b00;
}
#cabecera .GF-iconos-secc,
#cabecera-generica .GF-iconos-secc {
  width: 32px;
  margin: 0.7rem 0;
  transition: all 0.25s ease-in-out;
}
#cabecera .GF-iconos-secc:hover,
#cabecera-generica .GF-iconos-secc:hover {
  transform: scale(1.2);
}
#cabecera #cab-LogoGF,
#cabecera-generica #cab-LogoGF {
  width: 40%;
  min-width: 250px;
  max-width: 300px;
  z-index: 9000;
}
#cabecera h1,
#cabecera-generica h1 {
  font-size: 2.3rem;
  font-weight: 600;
  text-align: center;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  padding: 0.3rem;
  color: #fff;
  z-index: 9000;
}
#cabecera .callout,
#cabecera-generica .callout {
  position: absolute;
  overflow: hidden;
  height: 700px;
  width: 100%;
  top: 0;
  left: 0;
}
#cabecera .video-bg,
#cabecera .video-overlay,
#cabecera-generica .video-bg,
#cabecera-generica .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}
#cabecera .video-overlay,
#cabecera-generica .video-overlay {
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  /* Allows right clicking on the video to pause etc */
}
#cabecera .video-bg video,
#cabecera-generica .video-bg video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#cabecera .callout-content,
#cabecera-generica .callout-content {
  position: relative;
  text-align: center;
  margin: 50px 0;
  /* This adds some space around the video */
  color: #FFF;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

#cabecera-generica {
  height: 300px;
  background-image: url("video/poster.jpg");
  background-position: center center;
  overflow: hidden;
}
#cabecera-generica img {
  width: 250px;
  max-width: 250px;
  margin-bottom: 1rem;
}
#cabecera-generica h1 {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  padding: 0;
  color: #fff;
  margin-bottom: 1rem;
}
#cabecera-generica a {
  width: 300px;
}

.GF-button {
  transition: 0.2s all ease-in-out;
  font-size: 0.9rem;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}
.GF-button.btn {
  min-width: 140px;
  margin: 2rem 0;
  padding: 0.8rem 3rem;
  color: #fff;
  background-color: #ff6b00;
  border-radius: 100px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  transition: 0.2s all ease-in-out;
}
.GF-button.btn:hover {
  background-color: #cc5600;
  transform: scale(1.1);
  color: #fff;
}
.GF-button:hover {
  background-color: #cc5600;
  color: #fff;
}
.GF-button#GF-button-PS.btn {
  background-color: #fff;
  color: #00945e;
}
.GF-button#GF-button-PS:hover {
  background-color: #ff6b00;
  color: #fff;
}
.GF-button#GF-button-EF.btn {
  background-color: #fff;
  color: #7e7f73;
}
.GF-button#GF-button-EF:hover {
  background-color: #ff6b00;
  color: #fff;
}

#GF-menuTopGenerico {
  background-color: #7e7f73;
  border-radius: 6px;
}
#GF-menuTopGenerico .navbar {
  max-width: 960px;
  margin: auto;
}
#GF-menuTopGenerico .dropdown-menu {
  left: -57px;
}

.GF-menuPrincipal {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0%;
  right: 0%;
  width: 90%;
  margin: auto;
  max-width: 800px;
  background-color: #ff6b00;
  border-radius: 100px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.GF-menuPrincipal .GF-botonMenuMovil {
  color: #fff;
  margin-bottom: 10px;
}
.GF-menuPrincipal.navbar {
  padding: 0;
}
.GF-menuPrincipal .GF-contItemsMenu {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.GF-menuPrincipal .GF-contItemsMenu a {
  margin: 0;
  padding: 16px 20px;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  font-height: 20px;
}
.GF-menuPrincipal .GF-contItemsMenu a:hover {
  background-color: #cc5600;
}

@media (max-width: 991px) {
  #cabecera #cab-LogoGF {
    min-width: 250px;
  }
  h1 {
    font-size: 1.7rem;
    font-weight: 600;
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    padding: 0.3rem;
    color: #fff;
  }
  .GF-menuPrincipal {
    width: 80%;
    top: 590px;
  }
  .GF-menuPrincipal.navbar-collapse {
    top: 80px;
    border-radius: 10px !important;
    width: 100% !important;
    overflow: hidden;
  }
  .GF-menuPrincipal .GF-botonMenuMovil {
    color: #fff;
    margin-top: -8px;
  }
  .GF-menuPrincipal.navbar {
    padding: 0;
  }
  .GF-menuPrincipal .GF-contItemsMenu {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border-radius: 10px;
    width: 100%;
  }
  .GF-menuPrincipal .GF-contItemsMenu a {
    font-size: 16px;
    text-align: center;
  }
  /* mobile menu toggle button */
  .menu-toggle {
    position: relative;
    width: 0px;
    /* height: 30px */
    margin: 25px;
  }
  .menu-toggle span {
    margin: 0 auto;
    position: relative;
    top: 12px;
    transition-duration: 0s;
    transition-delay: 0.2s;
    transition: background-color 0.3s;
  }
  .menu-toggle span:before,
  .menu-toggle span:after {
    position: absolute;
    content: "";
  }
  .menu-toggle span,
  .menu-toggle span:before,
  .menu-toggle span:after {
    width: 40px;
    height: 6px;
    background-color: #fff;
    display: block;
    opacity: 1;
  }
  .menu-toggle span:before {
    margin-top: -12px;
    transition-property: margin, transform;
    transition-duration: 0.2s;
    transition-delay: 0.2s, 0;
  }
  .menu-toggle span:after {
    margin-top: 12px;
    transition-property: margin, transform;
    transition-duration: 0.2s;
    transition-delay: 0.2s, 0;
  }
  .menu-toggle-active span {
    background-color: rgba(0, 0, 0, 0);
    transition: 0.3s background-color;
  }
  .menu-toggle-active span:before {
    margin-top: 0;
    transform: rotate(45deg);
    transition-delay: 0, 0.2s;
  }
  .menu-toggle-active span:after {
    margin-top: 0;
    transform: rotate(-45deg);
    transition-delay: 0, 0.2s;
  }
}
#GF-seccionCabeceraGenerica {
  background: #7e7f73;
  padding-top: 4rem;
  padding-bottom: 1.5rem;
}

.GF-cont-titular-secciones {
  margin: 1rem 0;
  background-color: #7e7f73;
  position: relative;
}
.GF-cont-titular-secciones h3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding-top: 30px;
  text-align: center;
  color: #fff;
  padding-bottom: 2rem;
  text-transform: uppercase;
  border-top: 6px solid #ff6b00;
}

.GF-secciones {
  padding: 0 1em 1rem 1em;
  height: auto;
  background-color: #f3f3f3;
}
.GF-secciones .GF-contSecc {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 2em !important;
}
.GF-secciones .GF-contSecc h2,
.GF-secciones .GF-contSecc p {
  width: 100%;
  max-width: 600px;
  color: #7e7f73;
  text-align: center;
}
.GF-secciones .GF-contSecc h2 {
  font-weight: 700;
  font-size: 2rem;
}
.GF-secciones .GF-contSecc p {
  margin-top: 1em;
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 1.5em;
}
.GF-secciones .GF-contSecc button {
  display: block;
  margin: 2em auto 0;
  padding: 0.6em 2em;
  background-color: #ff6b00;
  font-weight: normal;
  color: #fff;
  transition: all 0.2s ease-in-out;
}
.GF-secciones .GF-contSecc button:hover {
  color: #7e7f73;
  transform: scale(1.05);
  background-color: #fff;
  box-shadow: 0px 10px 10px rgba(107, 107, 107, 0.45);
}

#GF-cont-espaiFantastic,
#GF-cont-pharmaself24,
.GF-cont-nuestraHistoria,
.GF-cont-tituloPolitica {
  margin-bottom: 1rem;
}

#GF-pg-nuestraHistoria #GF-seccionNuestra,
#GF-pg-nuestraHistoria #GF-seccionPolitica,
#GF-pg-politicaPrivacidad #GF-seccionNuestra,
#GF-pg-politicaPrivacidad #GF-seccionPolitica {
  margin-top: 1rem;
  background-color: #7e7f73;
  position: relative;
}
#GF-pg-nuestraHistoria #GF-seccionNuestra h2,
#GF-pg-nuestraHistoria #GF-seccionPolitica h2,
#GF-pg-politicaPrivacidad #GF-seccionNuestra h2,
#GF-pg-politicaPrivacidad #GF-seccionPolitica h2 {
  color: #fff;
}
#GF-pg-nuestraHistoria .GF-contColumnas-PP p,
#GF-pg-politicaPrivacidad .GF-contColumnas-PP p {
  color: #7e7f73;
  text-align: left;
  font-size: 0.9rem;
  word-break: break-word;
  overflow-wrap: break-word;
  -ms-word-break: break-all;
  /* Sólo WebKit -NO DOCUMENTADO */
  /* Guiones para separar en sílabas */
  /* depende de lang en <html> */
  -webkit-hyphens: auto;
  hyphens: auto;
}
#GF-pg-nuestraHistoria .GF-contColumnas-PP p a,
#GF-pg-politicaPrivacidad .GF-contColumnas-PP p a {
  color: #7e7f73;
  text-decoration: underline;
  transition: 0.25s all ease-in;
}
#GF-pg-nuestraHistoria .GF-contColumnas-PP p a:hover,
#GF-pg-politicaPrivacidad .GF-contColumnas-PP p a:hover {
  color: #ff6b00;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones {
  margin: 1rem 0;
  padding: 3rem 2rem;
  height: auto;
  background-color: rgba(126, 127, 115, 0.1);
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc {
  max-width: 960px;
  margin: auto;
  padding: 2em !important;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnaTitular-NH,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnaTitular-NH {
  width: 100%;
  margin: 0.5rem;
  border-bottom: 2px solid #c8c8c3;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnaTitular-NH h3,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnaTitular-NH h3 {
  font-size: 1.5em;
  font-weight: 900;
  color: #7e7f73;
  margin-bottom: 1rem;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH {
  width: 100%;
  margin: 1rem 0 1rem 0;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH img,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH img {
  display: block;
  float: left;
  width: 55%;
  height: auto;
  border-radius: 5px;
  transition: all 0.25s ease-in-out;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH img:hover,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH img:hover {
  transform: scale(1.02);
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH div,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH div {
  float: right;
  width: 40%;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH div p,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH div p {
  font-size: 1rem;
  color: #7e7f73;
  text-align: justify;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH div p a,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH div p a {
  color: #7e7f73;
  text-decoration: underline;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH div p a:hover,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH div p a:hover {
  color: #ff6b00;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH aside,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH aside {
  display: flex;
  float: left;
  flex-direction: column;
  width: 55%;
  height: auto;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH aside img,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH aside img {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  border-radius: 5px;
  transition: all 0.25s ease-in-out;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH aside img:hover,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH aside img:hover {
  transform: scale(1.02);
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH aside span,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-NH aside span {
  margin-top: 2em;
  font-size: 0.8em;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-img-NH,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-img-NH {
  width: 100%;
  margin: 1rem 0 1rem 0;
  display: flex;
  justify-content: space-evenly;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-img-NH a,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-img-NH a {
  margin: 1rem 0;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-img-NH a .col-img-50,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-img-NH a .col-img-50 {
  width: 98%;
  height: auto;
  border-radius: 5px;
  transition: all 0.25s ease-in-out;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-img-NH a .col-img-50:hover,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-img-NH a .col-img-50:hover {
  transform: scale(1.02);
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-img-NH .col-img-100,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-img-NH .col-img-100 {
  width: 99%;
  margin: auto;
  height: auto;
  border-radius: 5px;
  transition: all 0.25s ease-in-out;
}
#GF-pg-nuestraHistoria .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-img-NH .col-img-100:hover,
#GF-pg-politicaPrivacidad .GF-cont-nuestraHistoria.GF-secciones .GF-contSecc .GF-contColumnas-img-NH .col-img-100:hover {
  transform: scale(1.02);
}

@media screen and (max-width: 640px) {
  .GF-contColumnas-NH img {
    width: 100% !important;
    margin-bottom: 2rem;
  }
  .GF-contColumnas-NH div {
    width: 100% !important;
  }
  .GF-contColumnas-NH div p {
    font-size: 1rem;
  }
  .GF-contColumnas-img-NH {
    flex-direction: column;
  }
  .GF-contColumnas-img-NH .col-img-50 {
    width: 100% !important;
    margin: 0;
  }
}
#GF-pg-pharmaself24 #GF-seccionPharma {
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
}
#GF-pg-pharmaself24 #GF-seccionPharma h2 {
  color: #00945e;
  text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8), -2px -2px 4px rgba(255, 255, 255, 0.8);
}
#GF-pg-pharmaself24 #GF-seccionPharma .GF-malla-verde-abeja {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 280px;
  width: 100%;
  background-image: url("../img/pharmaself24/GF-malla-abeja-verde.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
}

#GF-seccionFoto1 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 700px;
  position: relative;
  padding: 0;
  background-image: url(img/pharmaself24/GF-fonsFarmacia-1.jpg);
  max-height: 800px;
  background-position: 94% 100% !important;
  background-position: 50%;
  background-size: cover;
}
#GF-seccionFoto1 .GF-texturaAbeja {
  opacity: 1;
  position: absolute;
  width: auto;
  height: 400px;
  left: 0;
  top: 0;
  z-index: 1000;
}
#GF-seccionFoto1 .GF-foto1-cont-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 148, 94, 0.8);
  padding: 3em;
  transition: 0.5s all ease-in-out;
}
#GF-seccionFoto1 .GF-foto1-cont-text p {
  color: #fff;
  max-width: 500px;
  text-shadow: 2px 2px 4px #015738, -2px -2px 4px #015738;
  z-index: 3000;
}
#GF-seccionFoto1 .GF-foto1-cont-text:hover {
  opacity: 1;
}

#GF-cont-fotos-ph24 {
  padding: 0;
}
#GF-cont-fotos-ph24 #GF-rejilla-1-fotos-ph24,
#GF-cont-fotos-ph24 #GF-rejilla-2-fotos-ph24 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 0;
}
#GF-cont-fotos-ph24 #GF-rejilla-1-fotos-ph24 img,
#GF-cont-fotos-ph24 #GF-rejilla-2-fotos-ph24 img {
  display: block;
  width: 49%;
  box-sizing: border-box;
}

@media (max-width: 694px) {
  #GF-pg-pharmaself24 #GF-cont-fotos-ph24 #GF-rejilla-1-fotos-ph24,
  #GF-pg-pharmaself24 #GF-cont-fotos-ph24 #GF-rejilla-2-fotos-ph24 {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1rem;
    padding: 0;
  }
  #GF-pg-pharmaself24 #GF-cont-fotos-ph24 #GF-rejilla-1-fotos-ph24 img,
  #GF-pg-pharmaself24 #GF-cont-fotos-ph24 #GF-rejilla-2-fotos-ph24 img {
    width: 100%;
    margin-bottom: 1rem;
  }
  #GF-pg-pharmaself24 #GF-cont-fotos-ph24 #GF-rejilla-1-fotos-ph24 img:last-child,
  #GF-pg-pharmaself24 #GF-cont-fotos-ph24 #GF-rejilla-2-fotos-ph24 img:last-child {
    margin-bottom: 0;
  }
}
#GF-pg-pharmaself24Landing #GF-seccionPharmaLanding {
  display: flex;
  justify-content: space-evenly;
  margin-top: 1rem;
  padding: 0;
  overflow: hidden;
}
#GF-pg-pharmaself24Landing #GF-seccionPharmaLanding .GF-PH-titular-header {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(img/pharmaself24/fondo-cabecera-Left-noText-750W-2.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}
#GF-pg-pharmaself24Landing #GF-seccionPharmaLanding .GF-PH-titular-header h2 {
  color: #00945e;
  font-size: 2.7vw;
  padding: 11% 0;
}
#GF-pg-pharmaself24Landing #GF-seccionPharmaLanding .GF-PH-imagen-header {
  width: 50%;
  background-image: url(img/pharmaself24/fondo-cabecera-Right-maquina-750W-2.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}
#GF-pg-pharmaself24Landing #GF-PH-present-img-texto {
  margin-top: 1rem;
  padding: 0;
  display: flex;
  flex-direction: row;
  background-color: rgb(244, 244, 244);
}
#GF-pg-pharmaself24Landing #GF-PH-present-img-texto #GF-PH-cont-1-foto {
  position: relative;
  width: 35%;
  background-color: #fff;
}
#GF-pg-pharmaself24Landing #GF-PH-present-img-texto #GF-PH-cont-1-foto img,
#GF-pg-pharmaself24Landing #GF-PH-present-img-texto #GF-PH-cont-1-foto video {
  position: absolute;
  width: 120%;
  padding: 0;
  left: 0;
}
#GF-pg-pharmaself24Landing #GF-PH-present-img-texto #GF-PH-cont-2-texto {
  width: 65%;
  padding: 4rem 6% 4rem 12%;
}
#GF-pg-pharmaself24Landing #GF-PH-present-img-texto #GF-PH-cont-2-texto .GF-PH-logo-ph24-verde {
  width: 300px;
  height: auto;
  margin-bottom: 2em;
}
#GF-pg-pharmaself24Landing #GF-PH-present-img-texto #GF-PH-cont-2-texto h2 {
  font-size: 1.7em;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 1em;
  text-align: left;
}
#GF-pg-pharmaself24Landing #GF-PH-present-img-texto #GF-PH-cont-2-texto p {
  color: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 1rem;
}
#GF-pg-pharmaself24Landing #GF-PH-present-img-texto #GF-PH-cont-2-texto a > p {
  margin-top: 4rem;
  color: #00945e;
  font-weight: 100;
}
#GF-pg-pharmaself24Landing #GF-PH-howItWorks {
  margin: 1rem 0 0 3rem;
  display: flex;
  max-width: 960px;
  margin: auto;
}
#GF-pg-pharmaself24Landing #GF-PH-howItWorks #how-pasos {
  width: 50%;
  padding: 1em 0;
}
#GF-pg-pharmaself24Landing #GF-PH-howItWorks #how-pasos .paso-Num {
  position: relative;
  margin-left: 1em;
  padding: 0.5em 2em 4em 3em;
  border-left: 2px solid #eee;
}
#GF-pg-pharmaself24Landing #GF-PH-howItWorks #how-pasos .paso-Num:last-child {
  border-left: none;
}
#GF-pg-pharmaself24Landing #GF-PH-howItWorks #how-pasos .paso-Num .numero-de-paso {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -20px;
  top: 3px;
  height: 38px;
  width: 38px;
  background-color: #fff;
  border: #eee 2px solid;
  border-radius: 50px;
}
#GF-pg-pharmaself24Landing #GF-PH-howItWorks #how-pasos h2 {
  margin: 2rem 0 3rem;
}
#GF-pg-pharmaself24Landing #GF-PH-howItWorks #how-pasos h4 {
  font-size: 1.5rem;
}
#GF-pg-pharmaself24Landing #GF-PH-howItWorks #how-pasos p {
  font-weight: 100;
  font-size: 0.9rem;
}
#GF-pg-pharmaself24Landing #GF-PH-howItWorks #how-GIF {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#GF-pg-pharmaself24Landing #GF-PH-howItWorks #how-GIF img {
  width: 100%;
  max-height: 500px;
  border-radius: 5px;
}
#GF-pg-pharmaself24Landing #GF-PH-seccionContact {
  margin-top: 1em;
  background-color: #eee;
  padding: 3em;
}
#GF-pg-pharmaself24Landing #GF-PH-seccionContact #GF-PH-S4-foto {
  max-width: 960px;
  margin: 0 auto 3em auto;
}
#GF-pg-pharmaself24Landing #GF-PH-seccionContact #GF-panelContacto {
  max-width: 800px;
  margin: 1em auto;
}
#GF-pg-pharmaself24Landing #GF-PH-seccionContact #GF-panelContacto h4 {
  text-align: center;
  margin-bottom: 1em;
}
#GF-pg-pharmaself24Landing #GF-PH-seccionContact #GF-panelContacto a {
  color: #00945e;
}
#GF-pg-pharmaself24Landing #GF-PH-seccionContact button {
  border-radius: 50px;
  padding: 0.7em 2em;
  float: right;
  background-color: #00945e;
}
#GF-pg-pharmaself24Landing #GF-PH-seccionContact button.btn {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5) !important;
  transition: 0.2s all ease-in-out !important;
}
#GF-pg-pharmaself24Landing #GF-PH-seccionContact button.btn:hover {
  background-color: #cc5600;
  transform: scale(1.1);
  color: #fff;
}
#GF-pg-pharmaself24Landing #GF-PH-cont-botones {
  background: #00945e;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1em;
  padding-top: 4rem;
}

@media (max-width: 800px) {
  #GF-PH-present-img-texto {
    display: flex;
    flex-direction: column !important;
    align-items: center;
    margin-top: 200px !important;
  }
  #GF-PH-present-img-texto #GF-PH-cont-1-foto {
    width: 400px !important;
  }
  #GF-PH-present-img-texto #GF-PH-cont-1-foto img,
  #GF-PH-present-img-texto #GF-PH-cont-1-foto video {
    position: relative !important;
    margin-top: -10rem;
  }
  #GF-PH-present-img-texto #GF-PH-cont-2-texto {
    width: 85% !important;
    padding: 4rem 10% 3rem 10% !important;
  }
  #GF-PH-present-img-texto #GF-PH-cont-2-texto p,
  #GF-PH-present-img-texto #GF-PH-cont-2-texto h2 {
    text-align: center !important;
  }
}
@media (min-width: 787px) {
  #GF-PH-seccionContact {
    display: flex;
    justify-content: center;
    padding: 3em !important;
  }
  #GF-PH-seccionContact #GF-PH-S4-foto {
    width: 47%;
    margin: 0;
  }
  #GF-PH-seccionContact #GF-panelContacto {
    width: 47%;
    max-width: 600px;
    margin: 0 auto 1em auto !important;
  }
  #GF-PH-seccionContact #GF-panelContacto h4 {
    text-align: left !important;
  }
}
#GF-form-Pharma {
  display: inline-block !important;
}

@media (max-width: 640px) {
  #GF-seccionPharmaLanding {
    display: flex;
    flex-direction: column;
    justify-content: start;
  }
  #GF-seccionPharmaLanding .GF-PH-titular-header {
    height: 250px;
    width: 100% !important;
    background-position: center center;
    background-size: cover !important;
  }
  #GF-seccionPharmaLanding .GF-PH-titular-header h2 {
    font-size: 2rem !important;
    padding: 11% 0;
  }
  #GF-seccionPharmaLanding .GF-PH-imagen-header {
    width: 100% !important;
    height: 300px !important;
    background-image: url(img/pharmaself24/fondo-cabecera-center-750W.jpg) !important;
    background-position: center;
    background-size: cover !important;
  }
  #GF-PH-present-img-texto {
    display: flex;
    flex-direction: column !important;
    align-items: center;
    margin-top: 200px !important;
  }
  #GF-PH-present-img-texto #GF-PH-cont-1-foto {
    width: 84% !important;
    max-width: 360px !important;
  }
  #GF-PH-present-img-texto #GF-PH-cont-1-foto img,
  #GF-PH-present-img-texto #GF-PH-cont-1-foto video {
    position: relative !important;
    margin-top: -10rem;
  }
  #GF-PH-present-img-texto #GF-PH-cont-2-texto {
    width: 100% !important;
    padding: 4rem 10% 3rem 10% !important;
  }
  #GF-PH-present-img-texto #GF-PH-cont-2-texto p,
  #GF-PH-present-img-texto #GF-PH-cont-2-texto h2 {
    text-align: center !important;
  }
  #GF-PH-howItWorks {
    margin: 0 !important;
    flex-direction: column;
  }
  #GF-PH-howItWorks #how-pasos {
    width: 100% !important;
  }
  #GF-PH-howItWorks #how-pasos .paso-Num {
    padding: 0.5em 0em 2em 3em !important;
  }
  #GF-PH-howItWorks #how-GIF {
    width: 100% !important;
    overflow: hidden;
  }
  #GF-PH-howItWorks #how-GIF img {
    width: 100% !important;
  }
  #GF-PH-cont-botones {
    flex-direction: column;
  }
}
#GF-pg-espaiFantastic #GF-cont-espaiFantastic {
  background-color: #7e7f73;
  margin-top: 1em;
}
#GF-pg-espaiFantastic #GF-cont-espaiFantastic .GF-contSecc h2 {
  color: #fff;
}
#GF-pg-espaiFantastic #GF-cont-espaiFantastic .GF-contSecc h3 {
  color: #fff;
  font-size: 1.5em;
  border-top: 6px solid #ff6b00;
  padding-top: 50px;
}
#GF-pg-espaiFantastic #GF-cont-espaiFantastic.GF-promocion {
  background-color: rgba(126, 127, 115, 0.6117647059) !important;
}
#GF-pg-espaiFantastic .pgia-slider {
  height: 700px !important;
  border-top-style: solid;
  border-top-color: #000000;
}
#GF-pg-espaiFantastic .pgia-slider #GF-SliderInmo {
  margin-bottom: 1em;
  height: 700px;
}
#GF-pg-espaiFantastic .pgia-slider #EF-diapo1,
#GF-pg-espaiFantastic .pgia-slider #EF-diapo2,
#GF-pg-espaiFantastic .pgia-slider #EF-diapo3,
#GF-pg-espaiFantastic .pgia-slider #EF-diapo4,
#GF-pg-espaiFantastic .pgia-slider #EF-diapo5,
#GF-pg-espaiFantastic .pgia-slider #EF-diapo1b,
#GF-pg-espaiFantastic .pgia-slider #EF-diapo2b,
#GF-pg-espaiFantastic .pgia-slider #EF-diapo3b,
#GF-pg-espaiFantastic .pgia-slider #EF-diapo4b,
#GF-pg-espaiFantastic .pgia-slider #EF-diapo5b {
  background-color: #fff;
  background-position: center center;
  background-size: cover;
}
#GF-pg-espaiFantastic .pgia-slider #EF-diapo1 {
  background-image: url("img/inmobiliaria/Grup_Fantatstic-Begues_Torres_Vilaro-fachada_calle-1400W.webp");
  background-position-y: 80%;
}
#GF-pg-espaiFantastic .pgia-slider #EF-diapo2 {
  background-image: url("img/inmobiliaria/Grup_Fantatstic-Begues_Torres_Vilaro-salon_luminoso-1400W.webp");
}
#GF-pg-espaiFantastic .pgia-slider #EF-diapo3 {
  background-image: url("img/inmobiliaria/Grup_Fantatstic-Begues_Torres_Vilaro-dormitorio_exterior-1400W.webp");
}
#GF-pg-espaiFantastic .pgia-slider #EF-diapo4 {
  background-image: url("img/inmobiliaria/Grup_Fantatstic-Begues_Torres_Vilaro-estudio_segunda_planta-1400W.webp");
}
#GF-pg-espaiFantastic .pgia-slider #EF-diapo1b {
  background-image: url("img/inmobiliaria/Grup_Fantatstic-Sant_Marti-Sarroca-Fachada_exterior_calle-1400W.webp");
  background-position-y: 80%;
}
#GF-pg-espaiFantastic .pgia-slider #EF-diapo2b {
  background-image: url("img/inmobiliaria/Grup_Fantatstic-Sant_Marti-Sarroca-Salon_comedor_terraza-1400W.webp");
}
#GF-pg-espaiFantastic .pgia-slider #EF-diapo3b {
  background-image: url("img/inmobiliaria/Grup_Fantatstic-Sant_Marti-Sarroca-Comedor_cocina-1400W.webp");
}
#GF-pg-espaiFantastic .pgia-slider #EF-diapo4b {
  background-image: url("img/inmobiliaria/Grup_Fantatstic-Sant_Marti-Sarroca-Amplio_garaje-1400W.webp");
}

@media (max-width: 694px) {
  #GF-pg-espaiFantastic .pgia-slider {
    height: 450px !important;
  }
  #GF-pg-espaiFantastic .pgia-slider #GF-SliderInmo {
    margin-bottom: 1em;
    height: 450px !important;
  }
}
#GF-404-cometa {
  width: 65%;
  max-width: 400px;
  height: auto;
  margin: 5em auto 3em auto;
  display: block;
}
#GF-404-cometa .cls-1,
#GF-404-cometa .cls-2,
#GF-404-cometa .cls-3 {
  fill-rule: evenodd;
}
#GF-404-cometa .cls-1 {
  fill: #fff;
}
#GF-404-cometa .cls-2 {
  fill: #eaeaeb;
}
#GF-404-cometa .cls-3 {
  fill: #7e7f73;
}
#GF-404-cometa #star-1 {
  opacity: 0.4;
  transition: 0.5s;
}
#GF-404-cometa #star-1:hover {
  transform: scale(1.05);
  opacity: 1;
}
#GF-404-cometa #star-2 {
  opacity: 0.6;
  transition: 0.25s;
}
#GF-404-cometa #star-2:hover {
  transform: scale(1.05);
  opacity: 1;
}
#GF-404-cometa #star-3 {
  opacity: 0.2;
  transition: 1s;
}
#GF-404-cometa #star-3:hover {
  transform: scale(1.05);
  opacity: 1;
}
#GF-404-cometa #cometa {
  animation: flew-keat 2s ease-in-out infinite;
}
#GF-404-cometa #nube-der {
  animation: nube-1 20s ease-in-out infinite;
}
#GF-404-cometa #nube-izq {
  animation: nube-2 10s ease-in-out infinite;
}
@keyframes flew-keat {
  0% {
    transform: skew(0) scale(1);
  }
  50% {
    transform: skew(0.1rad) scale(1.05);
    transform-origin: 100px;
  }
  100% {
    transform: skew(0) scale(1);
  }
}
@keyframes nube-1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes nube-2 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0);
  }
}

/* Preload images */
body:after {
  content: url(img/lightbox/close.png) url(img/lightbox/loading.gif) url(img/lightbox/prev.png) url(img/lightbox/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.9;
  display: none;
}

.lightbox {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}
.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: #000;
  zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(img/lightbox/loading.gif) no-repeat;
}

.lb-container > .nav {
  left: 0;
}

.lb-prev,
.lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(img/lightbox/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(img/lightbox/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 1em;
  line-height: 2em;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(img/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.GF-textoBase-blanco {
  color: #fff;
  text-align: center;
}

.GF-contDescripcio {
  margin: 1em auto 0 auto;
  height: auto;
  background-image: url("../img/inmobiliaria/fons-gris-1400W.webp");
  background-position: center center;
  background-size: cover;
  padding-top: 2em;
  padding-bottom: 2em;
}
.GF-contDescripcio h3 {
  color: #7e7f73;
  text-align: center;
  padding-top: 1em;
}
.GF-contDescripcio .GF-cont-textos-descr {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 1em auto;
  max-width: 800px;
  border-bottom-style: solid;
  padding-left: 2em;
  padding-right: 2em;
}
.GF-contDescripcio .GF-cont-textos-descr .GF-textos-descr-col {
  width: 50%;
  max-width: 350px;
  padding: 1em 0 1em 8%;
  border-right: 0;
}
.GF-contDescripcio .GF-cont-textos-descr .GF-textos-descr-col h4 {
  font-size: 1em;
  font-weight: 700;
  color: #7e7f73;
}
.GF-contDescripcio .GF-cont-textos-descr .GF-textos-descr-col p {
  font-size: 0.9em;
  color: #7e7f73;
  text-align: left;
  word-wrap: break-word;
}
.GF-contDescripcio .GF-cont-textos-descr .GF-textos-descr-col:first-child {
  padding: 1em 8% 1em 0;
  border-right: 1px grey solid;
}

#GF-texto-pres-promo-movil {
  display: block;
  width: 100%;
  padding: 1em 0;
  border-right: 0 grey solid;
}
#GF-texto-pres-promo-movil p {
  text-align: left;
}

#GF-texto-pres-promo-desktop {
  display: none;
}

#subtitular-torresvilaro {
  max-width: 240px;
}

@media screen and (min-width: 450px) {
  #subtitular-torresvilaro {
    max-width: 390px;
  }
  #GF-texto-pres-promo-movil {
    display: none;
  }
  #GF-texto-pres-promo-desktop {
    display: flex;
  }
}
.GF-contMapas {
  display: flex;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 6px solid #ff6b00;
  min-height: 400px;
}
.GF-contMapas #GF-mapas-2cols-col1 {
  flex-grow: 1;
}
.GF-contMapas #GF-mapas-2cols-col2 {
  flex-grow: 1;
}

#cabecera .video-overlay {
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}

#GF-seccionIntro {
  padding-top: 4rem;
  z-index: 9000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#GF-seccionIntro h2,
#GF-seccionIntro p {
  max-width: 600px;
  color: #fff;
  text-align: center;
}
#GF-seccionIntro p {
  margin-top: 1em;
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 1.5em;
  text-shadow: 1px 2px 3px #000;
}

#GF-seccionPharma,
#GF-seccionEspai,
#GF-seccionNuestra {
  padding: 6rem 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  margin: 1rem 0;
}
#GF-seccionPharma #GF-logoFantasticHome,
#GF-seccionPharma #GF-logoEspaiFantastic,
#GF-seccionEspai #GF-logoFantasticHome,
#GF-seccionEspai #GF-logoEspaiFantastic,
#GF-seccionNuestra #GF-logoFantasticHome,
#GF-seccionNuestra #GF-logoEspaiFantastic {
  max-width: 200px;
  height: auto;
  margin-bottom: 2em;
  width: 100%;
  fill: #fff;
}
#GF-seccionPharma .GF-iconFA,
#GF-seccionEspai .GF-iconFA,
#GF-seccionNuestra .GF-iconFA {
  max-width: 200px;
}
#GF-seccionPharma .GF-iconFA .fa-arrow-circle-o-right,
#GF-seccionEspai .GF-iconFA .fa-arrow-circle-o-right,
#GF-seccionNuestra .GF-iconFA .fa-arrow-circle-o-right {
  transition: 0.2s all ease-in-out;
}
#GF-seccionPharma .GF-iconFA .fa-arrow-circle-o-right:hover,
#GF-seccionEspai .GF-iconFA .fa-arrow-circle-o-right:hover,
#GF-seccionNuestra .GF-iconFA .fa-arrow-circle-o-right:hover {
  transform: scale(1.2);
  color: #ff6b00;
}

#GF-seccionEspai {
  background-image: url("/img/inmobiliaria/Grup_Fantatstic-Begues_Torres_Vilaro-fachada_calle-1400W.webp");
  padding-left: 1em;
  padding-right: 1em;
}
#GF-seccionEspai p,
#GF-seccionEspai h2 {
  text-shadow: 1px 2px 3px #000;
  color: #ffffff;
}
#GF-seccionEspai .GF-EF-shadow {
  filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.6));
}

#GF-seccionPharma {
  background-image: url("img/pharmaself24/automated-pharmacy-dispensing-systems-1500W.jpg");
  padding-left: 1em;
  padding-right: 1em;
}
#GF-seccionPharma #GF-logoPharmaself {
  max-width: 300px;
  height: 100px;
  margin-bottom: 2em;
  width: 100%;
}
#GF-seccionPharma p,
#GF-seccionPharma h2 {
  text-shadow: 1px 2px 3px #000;
  color: #ffffff;
}
#GF-seccionPharma #GF-hide-menos-432 {
  display: none;
}

@media screen and (max-width: 432px) {
  #GF-hide-mas-432 {
    display: none;
  }
  #GF-hide-menos-432 {
    display: block !important;
  }
}
.GF-seccionMapa {
  margin: 0.5rem 0;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}
.GF-seccionMapa #GF-mapa {
  width: 100%;
  margin-right: 3em;
  overflow: hidden;
  height: 500px;
  margin-top: 1em;
}
.GF-seccionMapa #GF-mapa iframe {
  width: 100% !important;
  height: 500px;
}
.GF-seccionMapa #GF-panelContacto {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #7e7f73 !important;
  width: 100%;
  padding: 3em 1.5em;
}
.GF-seccionMapa #GF-panelContacto .GF-cont-titular-form {
  margin-bottom: 2em;
}
.GF-seccionMapa #GF-panelContacto .GF-cont-titular-form h4,
.GF-seccionMapa #GF-panelContacto .GF-cont-titular-form p {
  color: #fff;
  font-family: "Ubuntu", sans-serif;
  text-align: center;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home {
  width: 90%;
  max-width: 400px;
  margin: auto;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home .form-group {
  margin-bottom: 1.2rem;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home .input-group-prepend .input-goup-text {
  width: 42px;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home .input-group-prepend .input-goup-text .fa {
  color: #000;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home input[type=text],
.GF-seccionMapa #GF-panelContacto #GF-form-Home input[type=tel],
.GF-seccionMapa #GF-panelContacto #GF-form-Home textarea {
  background-color: #7e7f73;
  border: 0;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  padding: 0.5rem;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home input[type=text]::-moz-placeholder, .GF-seccionMapa #GF-panelContacto #GF-form-Home input[type=tel]::-moz-placeholder, .GF-seccionMapa #GF-panelContacto #GF-form-Home textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1em;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home input[type=text]::placeholder,
.GF-seccionMapa #GF-panelContacto #GF-form-Home input[type=tel]::placeholder,
.GF-seccionMapa #GF-panelContacto #GF-form-Home textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1em;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home span {
  margin-bottom: 0;
  color: #fff;
  width: 50px;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home span a {
  color: #fff;
  text-decoration: underline;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home .text-primary {
  color: #fff !important;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home .btn span {
  width: auto;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home .btn-success {
  float: right;
  min-width: 140px;
  margin: 2rem 0;
  padding: 1rem 2rem;
  color: #fff;
  background-color: #ff6b00;
  border-radius: 100px;
  border: 0;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  transition: 0.2s all ease-in-out;
  font-size: 0.9rem;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home .btn-success:hover {
  background-color: #cc5600;
  color: #fff;
}
.GF-seccionMapa #GF-panelContacto #GF-form-Home .invalid-feedback {
  color: #f49e9e;
}

@media screen and (min-width: 570px) {
  .GF-seccionMapa {
    flex-direction: row;
  }
  .GF-seccionMapa #GF-mapa {
    width: 50%;
    overflow: hidden;
    height: 500px;
    margin-top: 0;
  }
  .GF-seccionMapa #GF-mapa iframe {
    width: 50% !important;
    height: 100%;
  }
  .GF-seccionMapa #GF-panelContacto {
    width: 50%;
  }
}
#GF-icons-movibles {
  position: relative;
  background-image: url("/img/GF-iconsCabecera-HomeRecurso.jpg");
  width: 100%;
  height: 300px;
}

@media screen and (max-width: 768px) {
  #GF-seccionMapa {
    flex-direction: column;
    height: 1216px;
  }
  #GF-seccionMapa .container {
    width: 100%;
    max-width: 100%;
  }
  #GF-seccionMapa #GF-mapa {
    width: 100%;
  }
  #GF-seccionMapa #GF-mapa .w-50 {
    width: 100% !important;
    height: 600px;
  }
  #GF-seccionMapa #GF-panelContacto {
    width: 100%;
    height: 600px;
  }
}
@media screen and (max-width: 390px) {
  #cabecera #GF-seccionIntro p {
    display: none !important;
  }
  #cabecera .callout {
    background-image: url(/video/poster.jpg);
    background-position: 35% 50%;
  }
  #cabecera .video-bg {
    display: none;
  }
}
#aceptCookies {
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  padding: 2em;
  overflow: hidden;
  position: fixed;
  left: 0px;
  bottom: 30px;
  right: 0px;
  text-align: center;
  background-color: #ff6b00;
  z-index: 9955;
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
  max-width: 500px;
}
#aceptCookies svg {
  width: 80px;
  height: 80px;
  margin-bottom: 1em;
  fill: rgba(255, 255, 255, 0.6);
}
#aceptCookies .cookies-legal {
  margin: 0;
  padding: 0;
}
#aceptCookies .cookies-legal p {
  text-align: center;
  font-size: 1em;
  font-weight: 300;
  color: #fff;
}
#aceptCookies .ok-politica {
  margin: auto;
  display: flex;
  justify-content: center;
  -moz-column-gap: 1em;
       column-gap: 1em;
  height: 40px;
}
#aceptCookies .ok-politica a {
  color: #ff6b00;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3em;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50px;
  transition: 0.25s all ease-in-out;
  cursor: pointer;
  line-height: 1em;
}
#aceptCookies .ok-politica a:hover {
  color: #fff;
  transform: scale(1.1);
  text-decoration: none;
}

.footer-basic {
  padding: 40px 0;
  background-color: #ffffff;
  color: #4b4c4d;
}
.footer-basic#GF-footer {
  background: #7e7f73;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  color: #fff;
  margin-top: 1rem;
}
.footer-basic#GF-footer .social {
  display: flex;
  flex-direction: row;
}
.footer-basic#GF-footer .social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.footer-basic#GF-footer .social a:hover {
  transform: scale(1.15);
  background-color: rgba(255, 255, 255, 0.3);
}
.footer-basic#GF-footer .social a#icono-LI:hover {
  background-color: #007bb5;
}
.footer-basic#GF-footer .social a#icono-FB:hover {
  background-color: #3b5998;
}
.footer-basic#GF-footer .social a#icono-TW:hover {
  background-color: #55acee;
}
.footer-basic#GF-footer .GF-listaMenuFooter {
  margin-top: 1rem;
  color: rgba(255, 255, 255, 0.1);
}
.footer-basic#GF-footer .GF-listaMenuFooter li {
  margin: 0;
  padding: 3px 20px;
  color: #fff;
  font-size: 1rem;
  border-radius: 50px;
  transition: all 0.2s ease-in-out;
}
.footer-basic#GF-footer .GF-listaMenuFooter li:hover {
  background-color: #ff6b00;
}
.footer-basic#GF-footer #GF-logoFooter {
  width: 120px;
  height: 80px;
  margin: 1rem auto 0 auto;
}
.footer-basic ul {
  padding: 0;
  list-style: none;
  text-align: center;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 0;
}
.footer-basic ul a {
  color: inherit;
  text-decoration: none;
  opacity: 0.8;
}
.footer-basic ul a:hover {
  opacity: 1;
}
.footer-basic ul li {
  padding: 0 10px;
}
.footer-basic .social {
  text-align: center;
  padding-bottom: 25px;
}
.footer-basic .social > a {
  font-size: 24px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  margin: 0 8px;
  color: inherit;
  opacity: 1;
  background: rgba 255, 255, 255;
}
.footer-basic .social > a:hover {
  opacity: 0.9;
}
.footer-basic .copyright {
  margin-top: 0;
  text-align: center;
  font-size: 13px;
  color: #aaa;
  margin-bottom: 0;
}

#GF-seccionIntro-2 {
  background: #220b03;
}

a {
  text-decoration: none !important;
}