/*  General i portada  */

p {
  text-align: justify;
}

.text-central p {
  font-size: 15px !important;
}

.form-control {
  padding: .5rem .35rem;
}

@media screen and (min-width: 1280px) {
  .text-introduccio {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

.popover {
  max-width: 510px;
  -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
}

.swiper-fotos {
  position: relative;
  height: calc(100% - 115px);
}

.swiper-fotos .swiper-slide {
  background-size: cover;
  display: table;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
}

.swiper-apartaments-destacats, .swiper-apartaments-visitats, .swiper-testimonis {
  width: 1920px;
}

.swiper-apartaments-destacats {
  padding-left: 100px;
  padding-right: 100px;
}

@media screen and (max-width: 1200px) {
  .swiper-apartaments-destacats {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.home_search .container {
  background: rgba(0,0,0,0.3);
  padding: 10px;
}

.home_search_persons {
  display: none;
  height: 3px;
  color: black;
  vertical-align: top;
  font-size: 20px;
  width: 60px;
}

@media screen and (min-width: 768px) {
  .home_search {
    width: 90%;
    bottom: 15%;
  }
}

@media screen and (min-width: 992px) {
  .home_search {
    width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .home_search {
    width: 75%;
  }
}

@media screen and (max-width: 767px) {
  .home_search {
    width: 100%;
    top: 50%;
    bottom: initial;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
}

@media screen and (max-width: 767px) {
  .home_search .cerca-persones {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .swiper-fotos .swiper-button-next, .swiper-fotos .swiper-button-prev {
    display: none;
  }
}



.btn-portada, .form-portada, .form-portada-select {
  padding: .5rem 1rem;
}

.read-more {
  display: block;
  border: none;
  background: transparent;
  color: red;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
}

.solution-txt h3, .solution-txt p {
  padding: 0 25px;
}

#dots {
  color: #fff;
}

#more {
  display: none;
}

.bg1FeatureHome {
  padding-top: 30px;
}

.blogimage {
  max-width: 1110px;
  width: 100%;
}

h2 {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #494949;
  padding-bottom: 10px;
}

.text-2-columns {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-gap: 40px;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  text-align: justify;
}

.intro_title h1 {
  display: none;
}

ul.secure-payments-logos img {
  width: 80%;
}

@media screen and (min-width: 768px) {
  .intro_title h1 {
    display: block;
    font-size: 56px;
  }
}

.feature_home i {
  margin: 40px auto 20px auto;
  display: block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-radius: 50%
  font-size: 60px;
  /* border: solid 2px #f70f37; */
  color: #f70f37;
  background-color: white;
}

.newsletter {
  text-align: center;
}

.newsletter h4 {
  padding-top: 40px;
}

.newsletter p {
  color: #000;
  line-height: 24px;
}

@media screen and (min-width: 992px) {
  .newsletter p {
    padding: 20px 260px;
  }
}

.newsletter .form-control {
  max-width: 600px;
  margin: 0 auto 20px;
  padding-left: 10px;
  border: 1px solid #ccc;
  font-weight: 400;
}

.newsletter .btn {
  width: 100px !important;
  border-radius: 0;
  padding: 7px;
  background: #ff0037;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.7px;
  margin: 0 auto;
}

.destacats {
  max-width: 350px;
  box-shadow: 0px 0px 2px 3px rgba(177, 177, 177, 0.1);
}

.swiper-apartaments-destacats a:hover, .destacats a, .destacats a:hover, .destacats .preu:hover, .destacats .destacat:hover, .destacats .destacat .text:hover, .destacats .tit h2:hover, .destacats .zona:hover, .destacats .caracteristiques li:hover {
  text-decoration: none;
}

.destacats .foto {
  position: relative;
}

.destacats .preu {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 20px);
  text-align: right;
  background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
  padding: 70px 10px 5px 10px;
}

.destacats .destacat {
  position: absolute;
  top: 0;
  left: 0;
  background: url(/assets/img/ribbon_vermell.png) no-repeat;
  width: 78px;
  height: 78px;
  color: #fff;
}

.destacats .destacat .text {
  transform: rotate(-45deg);
  padding-top: 11px;
  margin-left: -3px;
  font-size: 14px;
}

.destacats .tit {
  background: #fff;
  padding: 20px;
}

.destacats .tit h2 {
  text-transform: none;
  margin-bottom: 0;
  color: red;
  letter-spacing: 0px;
  font-weight: normal;
  line-height: 1.3;
}

.destacats .zona {
  color: #494949;
  font-size: 14px;
}

.destacats .zona i {
  margin-left: -5px;
}

.destacats .caracteristiques {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  color: #494949;
  font-size: 14px;
}

.destacats .caracteristiques li {
  text-align: left;
  padding-right: 20px;
  text-align: center;
}

.swiper-pagination-reviews {
  position: inherit;
  margin: 20px auto 0;
}

.swiper-pagination-reviews .swiper-pagination-bullet {
  margin-right: 5px;
}

.main_title h1, .main_title h2 {
  letter-spacing: 0.3px;
}

/*  topbar  */

#topbar {
background: #fff;
padding: 10px 0;
font-size: 14px;
color: #212529;
}

#topbar a {
  color: #212529;
  line-height: 1px;
  border-left: 1px solid #e9e9e9;
  padding: 4px 12px;
}

#topbar a:first-child {
  border-left: 0;
}

#topbar a:hover {
  color: rgb(249,89,81);
}

#topbar_movil {
  background: #fff;
  padding: 10px 0;
  font-size: 14px;
  color: #212529;
}
#topbar_movil a {
  display: block;
  color: #212529;  
  padding: 4px 12px;
}
#topbar_movil a:hover {
  color: rgb(249,89,81);
}
#topbar .rrss img, #topbar_movil .rrss img {
  width: 14px;
}


/*  Menú superior  */

.nav-ul {
  margin: 0 auto;
  text-align: center;
}

.nav-ul a {
  color: #494949;
  text-decoration: none;
  font: 14px Raleway;
  margin: 0px 10px;
  padding: 10px 10px;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
}

.nav-ul a.idioma {
  margin: 0;
}

/*  Pull up   */

.pullUp > li > a:before, .pullUp > li > .dropdown-flecha-top > a:before {
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0px;
  bottom: 0px;
  content: '';
  background: rgba(179, 182, 185, 0.3);
  transition: all 0.3s;
}

.pullUp > li > a:hover:before, .pullUp > li > .dropdown-flecha-top > a:hover:before {
  height: 100%;
}

/*  Llistat  */

.form-check-input {
  margin-top: 0.1rem;
}

/* .content-left {
    background: #e9e9e9;
} */

.stars-llistat .icon-star, .stars-llistat .icon-star-half-empty {
  color: red;
}

.stars-llistat .icon-star-empty {
  color: grey;
}

.descripcio-curta {
  color: #000;
}

.punts_barri {
  border-bottom: none;
  margin: 0;
  padding-left: 10px;
}

.tour_list_desc .referencia {
  margin-bottom: 10px;
}

.llistat-icones-establiments {
  border-top: 1px #dee2e6 solid;
  padding-top: 1.2rem;
}

.tour_list_desc h3 {
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  padding-left: 10px;
}

.desde_barri {
  padding-left: 10px;
}

.preu_barri {
  padding-right: 10px;
}

.tour_list_desc .zona {
  padding-left: 10px;
}

.llistat-icones span {
  font-weight: 400;
  line-height: 16px;
}

.cor-blanc i {
  color: #fff;
}

.cor-blanc i, .cor-vermell i {
  text-shadow: 2px 1px 2px #6b6b6b;
}

.col-apartaments:hover {
  background: #e9e9e9;
}

.strip_all_tour_list:hover {
  box-shadow: 0 2px, 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.punts_barri .num-reviews, .tour_list_desc .referencia {
  font-weight: 400;
  font-size: 13px;
}

/*  Fitxa  */

.swiper-container.swiperFotos {
  height: 600px;
}

@media screen and (max-width: 1023px) {
  .llistat-mapa.full-height {
    height: initial;
  }
}

@media screen and (max-width: 1023px) {
  .map-right #map {
    height: 300px;
  }
}

@media screen and (max-width: 1023px) {
  .swiper-container.swiperFotos {
    height: initial;
  }
}

.text-intro-pagina {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  column-gap: 55.5px;
  color: #494949;
  font-size: 14px;
}

.text-intro-pagina h2 {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #494949;
}

@media screen and (max-width: 767px) {
  #amenities ul.list_ok {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

@media screen and (max-width: 767px) {
  #visibleText .text-intro, .text-intro-grups, .text-intro-grup, .text-intro-pagina {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

@media screen and (max-width: 767px) {
  .swiper-fotos-h-200 {
    height: 200px!important;
  }
}

@media screen and (max-width: 767px) {
  .llistat-grups > .col-md-6 > a {
    height: 200px!important;
  }
}

@media screen and (max-width: 767px) {
  .llistat-grups > .col-md-6 + .col-md-6 > a {
    height: initial!important;
  }
}

@media screen and (max-width: 767px) {
  .llistat-grups h2 > a {
    display: block;
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .llistat-grups .capacitat {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  .fitxa_h1 {
    font-size: 30px;
    padding: 11px 0 13px;
    border-bottom: 1px solid #ededed;
  }
}

.titol-contingut-central {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 24px;
  margin-top: 30px;
  color: #494949;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
}

ul.list_not_ok li, ul.list_ok li {
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
}

ul.list_not_ok li:before, ul.list_ok li:before {
  text-transform: none;
}

.icones-serveis {
  background: #f4f4f4;
  font-size: 15px;
  width: 100%;
  height: 100%;
  padding: 20px 20px 10px;
}

.llistat-icones span {
  font-size: 16px;
}

.fitxa-hr {
  border: 0;
  border-top: 1px solid rgba(0,0,0,.1);
}

#reserva .preutotaltext, #reserva .preutotalnum {
  font-weight: 400;
  font-size: 24px;
  line-height: 52px;
}

#reserva .card-body-1 .form-group-wrap > img + label {
  font-weight: 700;
  font-size: 16px;
}

#reserva .card-body-1 .form-group-wrap > img + label + input, #reserva .card-body-1 .form-group-wrap > img + label + select {
  font-weight: 400;
  padding-left: 21px;
  font-size: 15px;
}

#reserva .border-10-bglight .btn {
  width: 95%;
  border-radius: 3px;
  font-size: 24px;
  font-weight: 400;
  margin: 10px auto;
}

#reserva .border-10-bglight .card-body-2 .span-left, #reserva .border-10-bglight .card-body-2 .span-right {
  font-weight: 400;
}

#reserva .reserva-cap {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.form-mensual .form-control {
  font-size: 16px;
}

/*  Footer  */

footer {
  font-size: 14px;
}

footer a {
  font-size: 16px;
  font-weight: 400;
}

footer h3 {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  footer {
    padding: 30px 10px 10px;
  }
}

.links-legal .list-inline-item:not(:last-child) {
  margin-right: 5px;
  padding-right: 5px;
}

@media screen and (min-width: 768px) {
  .links-legal .list-inline-item:not(:last-child) {
    margin-right: 25px;
    padding-right: 25px;
  }
}

.logos-footer {
  text-align: center;
  margin-bottom: 0;
}

ul.logos-footer img {
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  ul.logos-footer img {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  ul.logos-footer .list-inline-item:not(:last-child), ul.secure-payments-logos .list-inline-item:not(:last-child) {
    margin-right: 10px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  ul.logos-footer img {
    height: 30px;
  }
}

/*  Header  */


@media screen and (max-width: 767px) {
  .navbar .collapse.show {
    height: calc(100vh - 75px);
  }
}
.navbar-brand img {
  width: 230px;
  max-width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .navbar-brand img {
    width: 180px;
  }
}

.navbar-toggler {
  border: none;
}

.navbar-contacte {
  font-size: 14px;
}

.socials {
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 1280px) {
  .socials {
    width: 28px;
    height: 28px;
  }
}

#advantages {
  width: 100%;
  background-color: #f1f1f1;
  padding: 0px;
  height: 20vh;
  display: flex;
}

#bann-principal {
  height: 35vh;
  margin-bottom: 20px;
}

#bann-principal .containe-fluid {
  background-color: #262626;
  height: 100%;
  color: #B2FF00;
}

#bann-principal h1 {
  font-size: 49px;
  letter-spacing: 5px;
  text-transform: uppercase;
}

#bann-principal h2 {
color: white;
letter-spacing: 10px;
}

#advantages-section .container {
  padding: 0;
}

#advantages-section h1 {
  font-size: 8rem;
}

.numbering-box {
  background-color: #f1f1f1;
  height: 262px;
  margin-bottom: 10px;
  /*border-radius: 50%;*/
}


.flex-container-logos {
  padding: 0;
  margin: 0;
  list-style: none;
  align-items: center;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
}
 
.flex-container-logos li {
  width: 120px;
  height: 120px;
  text-align: center;
  margin: 20px;
}

.flex-container-logos li img{
  max-width: 120px;
  max-height: 60px;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  max-width: 120px;
  max-height: 60px;
}

.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
          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-list
{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

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

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

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


.groups-families {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: initial;
}
.groups-families .groups-families-opacity {  
  text-align: center;
  color: #FFF;
  display: table;
  width: 100%;
  height: 100%;
}
.groups-families .groups-families-opacity > div {  
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.groups-families .groups-families-opacity h1 {
  margin-bottom: 30px;
}
.groups-families .groups-families-opacity p {
  color: #FFF;
  text-align: center;
}
.groups-families .groups-families-opacity .btn {
  padding: 12px 42px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* Ofertas */

.ofertas .card-text {
  margin-top: 0;
}
.ofertas .fechas, .ofertas-detalle .fechas {
  font-weight: 700;
  color: #ff0037;
}
.ofertas-detalle .min-max {
  font-size: 14px;  
}
.ofertas .resumen, .ofertas-detalle .texto {
  margin: 10px 0;
}
.ofertas .precio, .ofertas-detalle .precio {
  margin-bottom: 10px;
  color: #727272;
  font-size: 22px;
}
.ofertas-detalle .precio {
  margin-top: 10px;
}
.ofertas-detalle .resumen {
  font-size: 22px;
  margin-bottom: 20px;
}
.ofertas .dias, .ofertas-detalle .fecha-validez .dias {  
  margin-bottom: 5px;
}
.ofertas .titulo, .ofertas-detalle .fecha-validez .titulo {  
  margin-bottom: 5px;
  background-color: #ffc107;
  border-radius: 3px;
  padding: 5px;
}
#ui-datepicker-div {
  z-index: 9999!important;
}

/* Error 404 */

.pag-error-404 .h1-error {
  font-size: 100px;
  color: #000;
}
.pag-error-404 .background-barris {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;  
  text-align: center;
  padding: 100px 0;  
}
.pag-error-404 .background-barris::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.pag-error-404 .gero h2, .pag-error-404 .gero p {
  text-align: center !important;
  color: #000 !important;
}
.pag-error-404 .gero h2 {
  margin-top: 50px;
  font-size: 30px;
}
.pag-error-404 .gero p {  
  line-height: 1.1;
  max-width: 500px;
  margin: 0 auto;
}
.pag-error-404 .boton {
  margin-top: 40px;
}

.msb-haslayout img {
	height: auto;
	max-width: 100%;
}
.msb-haslayout figure {
	margin-bottom: 6px;
	position: relative;
}
/* Category style */
.msb-category-gallery > [class*="col-"]:nth-child(n+4){margin-top:30px; }
.msb-category-gallery > [class*="col-"].msb-btnarea{margin-top:40px;text-align: center; }
.msb-category-img{
	margin: 0;
	float: left;
	width: 100%;
	overflow: hidden;
	border-radius: 4px;
}
.msb-category-img:after{
	top: 0;
	left: 0;
	z-index: 1;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 4px;
	background: rgba(0,0,0,0.5);
}
.msb-category-img img{
	width: 100%;
	display: block;
	border-radius: 4px;
}
.msb-category-img figcaption{
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
}
.msb-category-img figcaption h3{
	color: #fff;
	font-size: 18px;
	margin: 0 0 3px;
	line-height: 1.2em;
    width: 85%;
    text-align: center;
}
.msb-category-img figcaption span{
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 1.5em;
}
.msb-category-img:hover:after{
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
	background: rgba(0,0,0,0.7);
}

@media (max-width:991px){
    .msb-category-gallery > [class*="col-"]:nth-child(n+3){margin-top:30px; }
}

@media (max-width:767px){
    .msb-category-gallery > [class*="col-"]:nth-child(n+2) {margin-top:30px; }
}

.msb-category-img, .msb-category-img img, :after, :before, a, p a {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


.floating-wpp{position:fixed;bottom:15px;left:15px;font-size:14px;transition:bottom .2s; z-index: 100}
.floating-wpp .floating-wpp-button{position:relative;border-radius:50%;box-shadow:1px 1px 4px rgba(60,60,60,.4);transition:box-shadow .2s;cursor:pointer;overflow:hidden}
.floating-wpp .floating-wpp-button img,.floating-wpp .floating-wpp-button svg{position:absolute;width:100%;height:auto;object-fit:cover;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
.floating-wpp:hover{bottom:17px}
.floating-wpp:hover .floating-wpp-button{box-shadow:1px 2px 8px rgba(60,60,60,.4)}
.floating-wpp .floating-wpp-popup{border-radius:6px;background-color:#E5DDD5;position:absolute;overflow:hidden;padding:0;box-shadow:1px 2px 8px rgba(60,60,60,.25);width:0;height:0;bottom:0;opacity:0;transition:bottom .1s ease-out,opacity .2s ease-out;transform-origin:bottom}
.floating-wpp .floating-wpp-popup.active{padding:0 12px 12px;width:260px;height:auto;bottom:82px;opacity:1}
.floating-wpp .floating-wpp-popup .floating-wpp-message{background-color:#fff;padding:8px;border-radius:0 5px 5px;box-shadow:1px 1px 1px rgba(0,0,0,.15);opacity:0;transition:opacity .2s}
.floating-wpp .floating-wpp-popup.active .floating-wpp-message{opacity:1;transition-delay:.2s}.floating-wpp .floating-wpp-popup .floating-wpp-head{text-align:right;color:#fff;margin:0 -15px 10px;padding:6px 12px;display:flex;justify-content:space-between;cursor:pointer}.floating-wpp .floating-wpp-input-message{background-color:#fff;margin:10px -15px -15px;padding:0 15px;display:flex;align-items:center}.floating-wpp .floating-wpp-input-message textarea{border:1px solid #ccc;border-radius:4px;box-shadow:none;padding:8px;margin:10px 0;width:100%;max-width:100%;font-family:inherit;font-size:inherit;resize:none}.floating-wpp .floating-wpp-btn-send{margin-left:12px;font-size:0;cursor:pointer}



/* Dropdowns menú */

.dropdown-menu-flecha-top {
  border: none;
}
.dropdown-menu-flecha-top a {
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  font-size: 12px;
}
@media (min-width: 1200px) {
    .dropdown-menu-flecha-top {
      padding: 10px;
      top: 66px;
      background: #FFF;
      border: 1px solid #e6e7e9;
      border-radius: 0;
      left: 50%;
      transform: translateX(-50%);
  }
  .dropdown-menu-flecha-top:before {
      content: "";
      position: absolute;
      left: 50%;    
      transform: translateX(-50%);    
      top: -21px;
      border-color: #e6e7e9;
      border: solid transparent;
      border-width: 11px;
      border-bottom-color: white;    
      z-index: 1;
  }
  .dropdown-menu-flecha-top:after {
      content: "";
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: -21px;
      width: 0;
      height: 0;
      border: solid transparent;
      border-width: 10px;
      border-bottom-color: #e6e7e9;
      z-index: 0;
  }
  .dropdown-menu-flecha-top a {
    text-align: left;
    font-size: 14px;
  }
}

.jobs-image {
  max-width: 100%;
  max-height: 282px;
  object-fit: cover;
}