html {
  font-size: 62.5%;
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}



@font-face {
  font-family: 'Alexandria-Black';
  src: url('../fonts/Alexandria-Black.ttf') format('ttf'),
  url('../fonts/Alexandria-Black.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'Alexandria-Regular';
  src: url('../fonts/Alexandria-Regular.ttf') format('ttf'),
  url('../fonts/Alexandria-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}




@font-face {
  font-family: 'Alexandria-ExtraLight';
  src: url('../fonts/Alexandria-ExtraLight.ttf') format('ttf'),
  url('../fonts/Alexandria-ExtraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'Alexandria-Thin';
  src: url('../fonts/Alexandria-Thin.ttf') format('ttf'),
  url('../fonts/Alexandria-Thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}



body {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  color: #404040;
  font-family: 'Alexandria-Regular';
  margin: 0;
}
h1 { font-size: 4.2rem; font-family: 'Alexandria-Black';text-align: center;}
h2 { font-size: 3rem; font-family: 'Alexandria-Black';line-height: 1.2;}
h3 { font-size: 2.8rem; font-family: 'Alexandria-Black';;line-height: 1.2;}
h4 { font-size: 2.4rem; font-family: 'Alexandria-Black';;line-height: 1.2;}
a {
  text-decoration: none;
  color: #000;
}




body.page-node-type-landing h1 {
  text-align: center;
}
body.path-frontpage h1 {
  font-family: 'Alexandria-Black';
  line-height: 1.2;
}

strong {
  font-family: 'Alexandria-Black';
}
main a:hover, footer a:hover {
  text-decoration: underline;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.legal {
  margin-top: 2rem;
}

table tr {
  background: #eee;
}

@media (min-width: 768px) {
  ul.legal {
    display: flex;
    gap: 6rem;
    justify-content: center;
  }
}

main {
  min-height: 50rem;
}

main ol, main ul {
  padding-left: 1.5em;
}
main ul {
  list-style-type: disc;
}
img {
  max-width: 100%;
  height: auto;
}

.flexslider {
  border: 0;
}

div.views-view-responsive-grid {
  margin-bottom: 3rem;
}

/*ADMIN*/
body.user-logged-in div#block-brothers-primary-local-tasks ul {
  display: flex;
  gap: 1rem;
    margin: 1rem 0;


}

div.miadminblock {
  background: orange;
  padding: 1rem 0;
}

div#block-brothers-tutorialesweb {
    margin-top: 2rem;
  margin-bottom: 3rem;
}

div#block-brothers-tutorialescomoadministrador {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

div#block-brothers-tutorialesweb > div {
  position: relative;
}

div.up {
  position: absolute;
  top: 3rem;
  right: 3rem;
}

button.agree-button.eu-cookie-compliance-secondary-button.button.button--small {
  background: #fff;
  color: #000;
  padding: 6px 10px;
  border-radius: 3px;
  font-weight: bold;
  text-shadow: none;
}

button.decline-button.eu-cookie-compliance-default-button.button.button--small.button--primary {
  background: #ccc;
  color: #000;
  padding: 6px 10px;
  font-weight: normal;
  border-radius: 3px;
  text-shadow: none;
}

div.js-form-item-terms-of-service, div.js-form-item-acepto-el-a-href-aviso-legal-target__blank-aviso-legal-a-y-la-a {
  display: flex;
}



div.js-form-item-terms-of-service input.form-checkbox, div.js-form-item-acepto-el-a-href-aviso-legal-target__blank-aviso-legal-a-y-la-a input.form-checkbox {
  width: 2.2rem;
  margin: 0;
}

div.miadminblock a:hover {
  text-decoration: underline;
}

div.miadminblock h2 {
  margin-top: 0;
}

body.path-todo main {
  font-size: 1.1rem;
}


@media (min-width: 768px){
  div.miadminblock ol {
gap: 2rem;
    display: flex;
    padding: 0;
    margin: 0;
    padding: 0 1rem;
}

}

div.miadminblock ol li {
  list-style: none;
  font-size: 1.5rem;
}

div.miadminblock ol li a:hover {
  text-decoration: underline;
}

body.user-logged-in div#block-brothers-primary-local-tasks ul li {
    background: #eee;
  border-radius: 10px;
    font-size: 1.6rem;
  padding: 0.3rem 1.5rem;
}

body.page-node-type-inmueble div#block-brothers-content {
  padding-bottom: 4rem;

}

body.page-node-type-inmueble h1.prop, body.page-node-type-inmueble h1.prop span {
  text-align: left;
  font-size: 3.2rem;
  line-height: 1.2;
  margin-top: 0;
      font-weight: bold;
    font-family: 'Alexandria-Black';
}

hr {
  border-color: #fff;
}

.flex-direction-nav a {
  height: 45px;
}

body.page-node-type-inmueble label {
  /*font-weight: bold;
  font-family: 'Alexandria-Black';*/
}

div.cam {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}

div.des, div.car {
  border-bottom: 1px solid #eee;
}

div.car {
        padding-bottom: 1rem;
}


div.car div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem 1rem;
}

div.orientacion div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem 1rem;
}

div.car div div {
  padding: .3rem 0.8rem;
    font-size: 1.1rem;
    background: #EEE;
    border-radius: 5rem;
}

div.cam div {
 /* display: flex;
  justify-content: space-between;
  gap: 0.5rem;*/
  

}  

div.cam div div {
/*  padding: 0.2rem 1rem;
  border-radius: 25px;
  background: #eee;
  font-size: 0.9rem;
  */

}

section.destacado {
  background: #FCFAF5;
  font-family: 'Alexandria-Extralight';
  padding: 2rem;
  margin: 0;
  text-align: center;
}

span.dest {
  font-family: 'Alexandria-Black';
  font-size: 2.5rem;
  color: #999;
}

@media (min-width: 768px) {
  section.destacado {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
}

.centrado {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem;
}

div.views-element-container img {
  /* border: 1px solid #000;*/
}

div.js-form-item label {
  text-align: left;
  display: block;
}

div#leaflet-map-view-mapa-page-1 {
  margin-bottom: 3rem;
}

div.views-view-responsive-grid.views-view-responsive-grid--horizontal div.views-view-responsive-grid__item-inner {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.32);
  min-height: 30rem;
}

div.views-field.views-field-title, div.views-field.views-field-field-zona {
  font-size: 1.2rem;
  text-align: left;
  padding: 0rem 1rem 1rem;
  line-height: 1.2;
  font-weight: bold;
}

div.views-field.views-field-field-zona {
  font-size: 1rem;
  padding: 1rem 1rem 0rem;
  font-weight: normal;
}

.containernopad {
  padding-left: 0;
  padding-right: 0;
}

div.views-exposed-form {
    max-width: 136rem;
  width: 95%;
  margin: 0 auto 1rem;
}

.containerfull {
  padding-left: 2rem;
  padding-right: 2rem;
}
.container {
  max-width: 136rem;
  width: 95%;
  margin: 0 auto;
}

.container50 {
  max-width: 50rem;
  width: 98%;
  margin: 0 auto;
}

.container90 {
  max-width: 90rem;
  width: 98%;
  margin: 0 auto;
}

.container45 {
  max-width: 45rem;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.container60 {
  max-width: 60rem;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}


/* UTILS */
img {
  width: 100%;
  max-width: 100%;
  display: block;
}

span.title, span.zone, span.pventa, span.palquiler, span.masinfo {
display: block;
font-size: 1.4rem;
line-height: 1;
padding: 0 1rem ;
}

span.tipop {
color: #777;
    background: #eee;
    display: block;
    font-size: 1.4rem;
    line-height: 1;
    padding: 1rem 6rem;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 5rem 0 0 0;
}

span.zone {
 padding-top: 1rem;
 font-size: 1.2rem;
 padding-bottom: 0.5rem;
}

span.title {
 min-height: 3rem;
 padding-bottom: 1rem;
}

span.down {
  color: #fff;
  font-size: 1.2rem;
}

div.Combinada span.down {
  color: #aaa;
  font-size: 1.2rem;
}

span.pventa, span.palquiler {
  font-size: 1.7rem;
  margin-bottom: 1rem;
}

span.masinfo {
  font-size: 1.2rem;
  padding-bottom: 1rem;
}


.center {
  text-align: center;
}
.dos,.dos,.tres,.cuatro,.cinco,.tresdos,.dostres {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 1fr;
}

input#edit-aggregated-field {
  width: 60rem;
  max-width: 100%;
}

div.preinfo {
  display: grid;
  gap: 2rem;
}

div.preinfo div {
  display: flex;
  flex-direction: column;
}

div.preinfo div label {
  font-size: 1.6rem;
}

@media (min-width: 768px) {
  div.preinfo div label {
  font-size: 2rem;
}
}

  header {

    min-height: 21rem;
  }

  div.views-exposed-form label {
    text-align: center;
  }

    div.js-form-item input, div.js-form-item select {
    border: 1px solid #eee;
    background: #f9f9f9;
    width: 60rem;
    max-width: 100%;
    height: 3rem;
  }



  @media (min-width: 768px){
    header {
    min-height: unset;
   }
     body.path-mapa div.js-form-item input, body.path-mapa div.js-form-item select {
    width: 25rem;

  }
  }

  div.brand {
    display: flex;
    height: 7rem;
    align-items: center;
  }

  div.brand img {
    width: 130px;
    height: auto;
    margin-bottom: 0;
  }

@media (min-width: 768px) {
  div.brand {
    justify-content: left;
  }
  .dos {
    grid-template-columns: 1fr 1fr;
  }
  .tresdos {
    grid-template-columns: 3fr 2fr;
  }
  .dostres {
    grid-template-columns: 2fr 3fr;
  }
  .tres {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .cuatro {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .cinco {
    grid-template-columns: 1fr 1fr 1fr;
  }



  form.views-exposed-form, form#views-exposed-form-propiedades-page-1{
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
    height: 3.2rem;

  }

    div.views-exposed-form div.js-form-item, div.views-element-container div.js-form-item {
    display: flex;
    justify-content: center;

  }





  form.views-exposed-form {
    gap: 0 4rem;
  }
  div.js-form-item, form#views-exposed-form-propiedades-page-1 {
    gap: 0 1rem;
  }
  form.views-exposed-form, form#views-exposed-form-propiedades-page-1 {
    margin-bottom: 4rem;
  }

  }

  div.preinfo {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-bottom: 3rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 3rem;
}
div.prop {
  min-height: 47rem;
  position: relative;
}

  

  @media (min-width: 1000px) {
    .dos {
      grid-template-columns: 1fr 1fr;
    }
    .tres {
      grid-template-columns: 1fr 1fr 1fr;
    }
    .cuatro {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .cinco {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }


  }

  ul.nolist {
    list-style: none;
  }
  ul.nolist a:hover {
    text-decoration: none;
  }

  div#block-brothers-breadcrumbs li {
    list-style: none;
    display: block;
    float: left;
    padding-right: 1rem;
  }

  div#block-brothers-breadcrumbs nav {
    display: flex;
    justify-content: right;
  }





  div#block-brothers-breadcrumbs ol li::before {
    content: "/\00a0";
    color: #ccc;
  }

  div#block-brothers-breadcrumbs ol li:first-child::before {
    content: none;
  }

  div#block-brothers-breadcrumbs ol li a {
    color: #46001d;
  }

  div#block-brothers-breadcrumbs ol li a:hover {
    text-decoration: underline;
  }


nav#block-brothers-main-menu ul.menu li a {
  padding-top: 0;
  padding-bottom: 0;
}

/*Strip the ul of padding and list styling*/
nav#block-brothers-main-menu ul {
 /* list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  z-index: 9999;*/

}
/*Create a horizontal list with spacing*/
nav#block-brothers-main-menu li {
  display:inline-block;
  float: left;
}
/*Style for menu links*/
nav#block-brothers-main-menu li a {
  display:block;
}
/*Hover state for top level links*/
nav#block-brothers-main-menu li:hover a {
 /* background: #7ae6d9;*/
}
/*Style for dropdown links*/
nav#block-brothers-main-menu li:hover ul a {
 /* background: #f3f3f3;
  color: #2f3036;
  height: 40px;
  line-height: 40px;*/
}
/*Hover state for dropdown links*/
nav#block-brothers-main-menu li:hover ul a:hover {
  background: #27314c;
  color: #fff;
}
/*Hide dropdown links until they are needed*/
nav#block-brothers-main-menu li ul {
  display: none;
}
/*Make dropdown links vertical*/
nav#block-brothers-main-menu li ul li {
  display: block;
  float: none;
}
/*Prevent text wrapping*/
nav#block-brothers-main-menu li ul li a {
  width: auto;
  min-width: 100px;
  padding: 0 20px;
}
/*Display the dropdown on hover*/
nav#block-brothers-main-menu  li a:hover + .hidden, nav#block-brothers-main-menu .hidden:hover {
  display: block;
}
/*Style 'show menu' label button and hide it by default*/
nav#block-brothers-main-menu .show-menu {
  text-decoration: none;
  color: #fff;
  background: #27314c;
  text-align: center;
  padding: 0;
  height: 3.5rem;
  line-height: 3.5rem;
  font-weight: 700;
  display: none;
  border: 1px solid #161012;
  margin: 0;
}
/*Hide checkbox*/
nav#block-brothers-main-menu input[type=checkbox]{
  display: none;
}
/*Show menu when invisible checkbox is checked*/
nav#block-brothers-main-menu input[type=checkbox]:checked ~ ul{
  display: block;
}
/*Responsive Styles*/
@media screen and (max-width: 768px){

  div.mibarra {
    margin: 2rem 0 1rem;
    background: #8b0000;
  }

  nav#block-brothers-main-menu ul.menu, nav#block-brothers-main-menu ul.menu li {
    padding: 0;
    margin: 0;
  }

  nav#block-brothers-main-menu ul.menu li a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-transform: uppercase;
  }

  nav#block-brothers-main-menu, nav#block-brothers-main-menu ul.menu li:last-child {
    margin-bottom: 1rem;
  }

  /*Make dropdown links appear inline*/
  nav#block-brothers-main-menu ul {
    position: static;
    display: none;
  }
  /*Create vertical spacing*/
  nav#block-brothers-main-menu li {
  }
  /*Make all menu links full width*/
  nav#block-brothers-main-menu ul li, nav#block-brothers-main-menu li a {
    width: 100%;

  }

  nav#block-brothers-main-menu li a {
    border-left: 1px solid #161012;
    border-right: 1px solid #161012;
    border-bottom: 1px solid #161012;
    padding-left: 1rem;
    color: #fff;
    padding: 1rem;
    background: #27314c;
  }

  nav#block-brothers-main-menu {
   position: absolute;
    width: 90%;
    background: #fdfdfd ;
    z-index: 9999;
  }
  
  /*Display 'show menu' link*/
  nav#block-brothers-main-menu .show-menu {
    display:block;
  }

}

  @media (min-width: 768px) {
    .principal {
      display: grid;
      grid-template-columns: 2fr 1fr;
      gap: 8rem;
    }
  }


  .cuadrado {
    flex-direction: column;
    padding: 1.5rem;
    border: 1px solid;
    background: #46001d;
    color: #fff;
    transition: 0.7s;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-family: 'Alexandria-Black';
    font-size: 1.8rem;
    min-height: 45rem;
  }

  .cuadrado li {
    list-style: none;
  }



  .cuadrado:hover {
    background: #000;
    color: #ff6369;
    border: 1px solid #000;
  }
  .cuadrado h2,.cuadrado h3 {
    font-size: 3rem;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 2rem;
    font-family: 'Alexandria-Black';

  }

  .cuadrado a {
    color: #fff;
    display: block;
  }

div#block-brothers-googlemaps p {
  margin: 0;
  line-height: 0;
}


  div.layout-content p a, div.layout-content li a {
    color:  #0465c8;
  }

  div.layout-content .cuadrado li a {
    color: #fff;
  }

  .cuadrado a:hover, div.layout-content .cuadrado li a:hover {
    text-decoration: none;
    color: #ff6369;
  }




  footer div.views-field.views-field-title {
    text-align: left;
    padding: 0;
    line-height: 1.2;
  }

  div#block-brothers-views-block-blog-block-1 {
    margin-top: 7rem;
  }

  div#block-brothers-views-block-blog-block-1 h2 {
    text-align: center;
  }

  div#block-brothers-views-block-blog-block-2 .views-row {
    margin-bottom: 2rem;
  }

  div#block-brothers-views-block-servicios-de-traduccion-block-1 div.views-row {
    border: 1px solid #000;
    padding: 1rem;
    margin-bottom: 1rem;
  }

  div#block-brothers-views-block-blog-block-2 .views-row a:hover, div#block-brothers-views-block-servicios-de-traduccion-block-1 div.views-row a:hover {
    text-decoration: underline;
  }

  section.contacto div.texto {
            z-index: 999;
        position: absolute;
        top: 4%;
        left: 5%;
        max-width: 40%;
  }

  @media (min-width: 768px) {
    top: 30%;
  }


  div.whatsapp {
    position: fixed;
    bottom: 75px;
    right: 15px;
    cursor: pointer;
    z-index: 99999999;
  }

  /* FIN UTILS */


  #block-brothers-site-branding {
    font-family: 'Alexandria-Black';
    font-size: 3rem;
    text-align: center;
    margin-bottom: 0;
  }

  div.barra a {
    color: #fff;
        background: #8b0000;
  }

    input#edit-submit-mapa, input#edit-submit-propiedades, input#edit-submit-propiedades--2 {
    background: #FFCF4C;
    color: #000;
    width: 100%;
    padding: 0.5rem 2rem;
    max-width: 30rem;
    display: block;
    border: 3px solid #FFCF4C;
    border-radius: 3px;
    transition: 0.5s;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 1rem;
  }

  input#edit-aggregated-field--2 {

  }

      footer {
    /* margin-top: 4rem; */
    border-top: 1px solid #ddd;
    padding: 2rem 0;
    min-height: 50rem;
    font-size: 2.5rem;
  }

  @media (min-width: 768px) {
    #block-brothers-site-branding {
      font-family: 'Alexandria-Black';
      font-size: unset;
      text-align: left;
    }
    div.barra {
      font-size: 2rem;
      margin-top: 0;
   /*   display: flex;
      justify-content: space-between;
      flex-direction: row;*/
      background: #8b0000;
    }



    div.menu {
      display: flex;
      justify-content: space-between;
      padding-bottom: 0;
      align-items: center;
    }

    div.menu ul {
      display: flex;
      gap: 2rem;
      margin-right: 2rem;
    }
  }



  div.barra a.btn {
    position: relative;
    top: 5rem;
    background: #FFCF4C;
    color: #000;
    width: 100%;
    padding: 0.5rem 2rem;
    display: block;
    border: 3px solid #FFCF4C;
    border-radius: 3px;
    transition: 0.5s;
    text-align: center;
    margin: 0 auto;
  }

    section#slider {
    margin-top: 0;
    width: 100%;
    min-height: 31.5rem;
    position: relative;
    overflow: hidden;
  }

  div#block-brothers-comprar > div:first-child, div#block-brothers-nuestraempresa > div:first-child {
    padding: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  @media (min-width: 768px){
    div.barra a.btn {
    position: unset;
    top: unset;
    max-width: 30rem;

  }

  input#edit-submit-mapa, input#edit-submit-propiedades, input#edit-submit-propiedades--2 {
    background: #FFCF4C;
    color: #000;
    width: 100%;
    padding: 0.5rem 2rem;
    max-width: 30rem;
    display: block;
    border: 3px solid #FFCF4C;
    border-radius: 3px;
    transition: 0.5s;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    transition: 0.3s;
  }

  input#edit-aggregated-field--2 {

  }

  a.btn:hover, input#edit-submit-mapa:hover, input#edit-submit-propiedades:hover {
    text-decoration: none;
    background: #ff6369;
    border: 3px solid #ff6369;
    color: #fff;
  }

  li.mitelf, a.mitelf {
    display: flex;
  }

  li.mitelf span.mid {
    display: flex;
    justify-content: center;
    align-content: center;
    padding-top: 2px;
    padding-right: 4px;
  }

  li.mimail {
    display: flex;
  }

  li.mitelf svg,li.mimail svg {
    fill: #46001d;
  }

  li.mimail span.mid {
    display: flex;
    justify-content: center;
    align-content: center;
    padding-top: 2px;

  }

  span.flecha {
    display: block;
    float: right;
    right: 7rem;
    position: relative;
  }

  span.flecha svg {
    fill: #fff;
  }
  section {
    margin: 6rem 0;
  }

  section#slider {
    margin-top: 0;
    width: 100%;
    min-height: 31.5rem;
    position: relative;
    overflow: hidden;
  }

    div#block-brothers-comprar, div#block-brothers-nuestraempresa {
    display: grid;
    gap: 2rem;
    margin-top: 2rem;
  }



  section#slider h1 {
    line-height: 1.2;
  }





  @media (min-width: 500px) {
    section#slider {
      min-height: 28.5rem;
    }
  }

  @media (min-width: 768px) {
    section#slider {
      min-height: 38.5rem;
    }

  div#block-brothers-comprar, div#block-brothers-nuestraempresa{
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
    
  }

  div#block-brothers-comprar {
    margin-top: 4rem;
  }

  }

  @media (min-width: 1000px) {
    section#slider {
      min-height: 60rem;
    }
            nav#block-brothers-main-menu ul a {
    font-size: 1.6rem;
    }
        div.menu ul {
        gap: 2rem;
        margin-right: 2rem;
    }
  }

  @media (min-width: 1100px) {
    section#slider {
      min-height: 60rem;
    }
     div#block-brothers-comprar > div:first-child {
    padding: 10%;
  }
  div#block-brothers-nuestraempresa > div:first-child {
    padding: 5%;
  }


  }

  @media (min-width: 1200px) {
    section#slider {
      min-height: 68rem;
    }

            nav#block-brothers-main-menu ul a {
    font-size: 1.8rem;
    }
        div.menu ul {
        gap: 4rem;
        margin-right: 4rem;
    }
  }

  @media (min-width: 1360px) {
    section#slider {
      min-height: 78.5rem;
    }
  }

  section#slider img {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 1;
  }

  section#slider h1 {
    font-size: 4.2rem;
    position: absolute;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 1.2;
    color: #eee;
    text-shadow: 1px 1px 1px #000;
    padding: 0;
    margin: 0;
  }


  section#slider h1 {
    font-size: 4.2rem;
    position: absolute;
    z-index: 999;
    line-height: 1.2;
    bottom: 0;
    left: 0;
    right: 0;
    color: #eee;
    text-shadow: 1px 1px 1px #000;
    padding: 0;
    margin: 0;
  }

  section#slider.venta h1 {
    font-size: 4.2rem;
    position: absolute;
    z-index: 999;
    top: 7rem;
    left: 18%;
    right: 0;
    max-width: 70rem;
    color: #000;
    text-shadow: none;
    padding: 0;
    margin: 0;
    text-align: left;
  }

  section#mapa {
    margin-bottom: 5rem;

  }





  div#block-brothers-breadcrumbs ol {
    list-style: none;
  }

  nav#block-brothers-main-menu ul a {
   /* padding-top: 1.2rem !important;
    padding-bottom: 0.7rem !important;*/
    background: linear-gradient(to right, rgba(139, 0, 0, 1), rgba(139, 0, 0, 1)), linear-gradient(to right, rgba(255, 207, 76, 1), rgba(139, 0, 0, 1));
    background-size: 100% 2px, 0 2px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
    display: block;
    font-size: 1.8rem;
  }

  nav#block-brothers-main-menu ul a:hover {
    /*padding-bottom: 0.7rem;*/
    background-size: 0 2px, 100% 2px;
  }
  /*

  nav#block-brothers-main-menu ul {
    display: flex;
    justify-content: center;
  }
  nav#block-brothers-main-menu ul li a {
    padding: 0.5rem 1rem;
    border-right: 1px solid #46001d;
  }



  @media (min-width: 768px) {
    nav#block-brothers-main-menu ul li a {
      padding: 0.5rem 2rem;
      border-right: 1px solid #46001d;
      transition: 0.7s;
    }
  }

   */
  section#direccion {
    padding-top: 2rem;
  }

  div.contacto {
    padding: 2rem;
  }

  /*
  nav#block-brothers-main-menu ul li:last-child a {
    border-right: none;
  }
  nav#block-brothers-main-menu ul li a:hover {
    background: #46001d;
    color: #fff;
  }

  nav#block-brothers-main-menu ul li:first-child a {
    background: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
  }

  nav#block-brothers-main-menu ul li:first-child a:hover {
    background: #46001d;
    color: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
  }
  nav#block-brothers-main-menu ul li:last-child a {
    background: #fff;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
  }
  nav#block-brothers-main-menu ul li:last-child a:hover {
    background: #46001d;
    color: #fff;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
  }
   */

   form.webform-submission-form input, form.webform-submission-form textarea {
    border: 0;
    border: 1px solid #eee;
    background: #f9f9f9;
    width: 100%;
    max-width: 100%;
    padding: 0.5rem;
  }

  @media (min-width: 768px) {
    form.webform-submission-form {
      margin: 0 auto;
      max-width: 45rem;
    }
  }



  form label {
    display: block;
  }

  form.webform-submission-form div {
    margin-bottom: 3rem;
  }

  form.webform-submission-form div.fieldset-wrapper {
    margin-bottom: 0;
  }
  div#edit-c-v--description {
    color: #ccc;
    font-size: 1.3rem;
  }

div.form-item-tipo-de-operacion-venta, div.form-item-tipo-de-operacion-alquiler, 
   div#edit-tipo-de-operacion {
    margin-bottom: 0;
    display: flex;
  }




  form.webform-submission-form input, form.webform-submission-form textarea {
    border: 0;
    border: 1px solid #eee;
    background: #f9f9f9;
    width: 100%;
    max-width: 45rem;
    padding: 0.5rem;
  }

  form.webform-submission-form input[type="submit"] {
    background: #46001d;
    color: #fff;
    width: 100%;
    padding: 1rem;
    max-width: 20rem;
    display: block;
    border: 3px solid #46001d;
    border-radius: 3px;
    transition: 0.5s;
    font-family: 'Alexandria-Black';
    line-height: 1;
    max-width: 30rem;
    display: block;
    margin: 0 auto 6rem;
    font-size: 2rem;
  }

  form.webform-submission-form input[type="submit"]:hover {
    border: 3px solid #ff6369;
    color: #ffffff;
    background: #ff6369;
  }

  input:focus, textarea:focus {
    outline: 0;
  }

  textarea {
    resize: none;
  }

  div.contacto {
    margin: 1rem;
  }
  ul.contacto {
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  @media (min-width: 768px) {
    ul.contacto {
      display: flex;
      justify-content: right;
      flex-direction: row;
      gap: 2rem;
    }
  }
  main ul, section ul {
    list-style-type: disc;
    list-style-position: inside;
  }



  div#block-brothers-copy {
    text-align: center;
  }

  body.path-frontpage footer {
    margin-top: 0;
  }

  @media (min-width: 768px) {
    footer {
      font-size: 1.6rem;
    }
  }


}

