/***************************************
FUENTES
****************************************/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

/***************************************
 ESTRUCTURA 
 **************************************/

.bg-image {
    top: 80px;
}

#fondoContainer {
  position: relative;
  width: 100%;
} 

#smallHeaderContainer {
  position: relative;
  width: 100%;
  background-color: #303AB2;
  position: fixed;
  z-index: 1;
}

.sombra {
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.6);
}

.llamar {
    background-color: #ffffff30;
}

#bigHeaderContainer {
  position: fixed;
  top: 0%;
  width:  100%;
  background-color: #303AB2;
  height: 70px;
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.6);
  z-index: 10;
  display: none;
}

.amperstand {
  font-size: 35px;
  color: #fff;
  padding: 0px 25px;
}

.vc {
  display: flex;
  align-items: center;
}

.alturafija { 
  min-height: 850px;  
}

.alturafija .textoCheckboxes { 
  text-align: center !important;
}

#hojaContainer {
  position: absolute;
  top: 70px;
  width: 100%;
}

#productos {
  padding: 5px 30px;
  background-color: #1edbcf2b;
  margin-top: 20px;
  border-radius: 10px;
  text-align: left;
}

#ventajasContainer {
  width: 100%;
  background-color: #fff;
}

.linea {
  background: url("img/pixel.png") center left repeat-x;
  margin: 50px;
}

.linea span {
  background-color: #ddd;
  padding-right: 10px;
}

#ventajasTitle {
  text-align: center;
  padding: 50px 0 30px 0;
}

.ventajas {
  padding: 10px 0;
}

#imgalquiler {
  width: 50%;
}

#imghogar {
  width: 100%;
}

.ventajas h5 {
  color: #303AB2;
  font-weight: bold;
  font-size: 1rem;
}

.ventaja img {
  margin-right: 50px;
  display: inline;
}

.ventaja {
  margin-top: 30px;
  font-size: 13px;
}

.centrado {
  text-align: center;
}

#ventajasalquiler, #ventajashogar {
  padding-top: 50px;
}

/****************************************
LAWWWING - COOKIES 
****************************************/

.title-banner {
  cursor: auto !important;
        text-decoration: none !important;
  font-size: 20px !important;
  font-weight: 600;
}

#lw-banner .lw-banner-wrapper {
  max-width: 1600px;
}

.lawwwing-document-open, .lawwwing-consent-edit{
  cursor: pointer;
}

/****************************************
GENERAL DEFAULT
****************************************/
body {
  font-family: 'Open Sans', sans-serif;
  color: #000;
  overflow-x: hidden;
}

a, a:hover, a:focus {
  color: inherit;
  text-decoration: none;
  outline: 0;
}

footer {
  background-color: #303AB2;
}
/****************************************
FORMS DEFAULT
****************************************/
.form-check-input[type="checkbox"] {
  border-radius: 0;
}

.form-check-input:checked {
  background-color: #303AB2;
  border-radius: 4px;
}

.form-check-input:focus {
  border-color: #303AB2;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(48, 58, 178, 0.25);
}

.form-control {
  color: #303AB2;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: rgba(48, 58, 178, 0.7);
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(48, 58, 178, 0.25);
}

.form-control::-moz-placeholder {
  color: #303AB2;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #303AB2;
}

:-ms-input-placeholder.form-control {
  color: #303AB2;
}

.form-control::-webkit-input-placeholder {
  color: #303AB2;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}


/****************************************
FOOTER SM (DEFAULT)
****************************************/
.foot {
  padding: 15px 5px;
  font-size: 13px;
  text-align: center;
  font-family: 'Open Sans';
  font-weight: bold;
}

.foot a:hover {
  color: #1edbcf;
}

.social-links {
  text-align: center;
}

.foot a {
  line-height: 46px;
  font-size: 15px;
  text-align: center;
  color: #fff;
}
/****************************************
FOOTER LG
****************************************/
@media (min-width:991.98px) {

  .linkMutua {
    text-align: left;
  }

  .linkPoliticas {
    text-align: right;
  }

}
/****************************************
FOOTER XL
****************************************/
@media (min-width:1199.98px) {

  .foot {
    font-size: 15px;
  }

  .social-links a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
  }

}


/****************************************
CABECERA SM (DEFAULT)
****************************************/
.img-fluid {
  min-width: 350px;
}

.telefonos img {
  max-height: 20px;
}

.logos img {
  width: 110px;
  object-fit: contain;
  align-items: center;
}

.logos {
  margin: 5px 0px 0px;
  text-align: center;
  justify-content: center;
  align-content: center;
  display: flex;
}

.telefonos {
  font-size: 20px;
  color: #fff;
  font-family: 'Rubik';
  padding: 5px 0;
  text-align: center !important;
}

.tels {
  justify-content: center;
}

.slogan {
  float: left;
  margin: 10px 0px;
  text-align: left;
    color: #78030B;
    font-family: 'Open Sans';
    padding-top: 10px;
    font-size: calc(1.2rem + 1.5vw);
}

.subSlogan {
  float: left;
  margin: 10px 0px;
  text-align: left;
    color: #cc3300;
    padding-top: 10px;
    font-size: calc(1rem + .3vw);
}

.bigHeader {
  padding: 10px 0px 20px;
}

.amperstand {
  font-size: 20px;
  font-weight: normal;
}
/****************************************
CABECERA MD
****************************************/
@media (min-width:767.98px) {

  .telefonos {
    font-size: 20px;
  }

  .telefonos img {
    max-height: 30px;
  }

.logos {
  margin: 0px 0px 0px;
  text-align: center;
  justify-content: left;
  align-content: center;
  display: flex;
}

  .logos img {
    width: 120px;
  }

  .bigHeader {
    padding: 10px 0px 20px;
  }

  #bigHeaderContainer{
    display: block;
  }
  .slogan {
    margin: 30px 0px;
  }

  .amperstand {
    font-size: 30px;
  }

  .bg-image {
      top: 70px;
  }

  .alturafija { 
    min-height: 850px;
    margin-top: 0px !important;
  }

}

/****************************************
CABECERA LG
****************************************/
@media (min-width:991.98px) {

  .bigHeader {
    display: block;
    padding: 10px 0px 30px;
  }

  .bigHeaderContainer{
    display: block;
  }
  .smallHeader {
    display: none;
  }

  .telefonos {
    text-align: right;
  }

  .slogan {
    margin: 10px 0px;
  }

  .subSlogan {
    margin: 10px 0px;
  }

  .amperstand {
  font-size: 35px;
  }

  .alturafija { 
    min-height: 850px;
    margin-top: 0px !important;
  }

  #imgalquiler,#imghogar {
    margin-top: 50px;
  }

}

/****************************************
CABECERA XL
****************************************/
@media (min-width:1199.98px) {

  .bigHeader {
    display: block;
    padding: 10px 0px 10px;
  }

  .bigHeaderContainer{
    display: block;
  }
  .slogan {
    margin: 20px 0px 30px;
    font-size: 45px;
  }

  .subSlogan {
      font-size: 25px;
  }

  .alturafija { 
    min-height: 850px;
    margin-top: 0px !important;
  }

}


/****************************************
CABECERA XXL
****************************************/
@media (min-width: 1399.98px) {
.bigHeaderContainer{
  display: block !important;
}
  .slogan {
    margin: 30px 0px 30px;
    font-size: 45px;
  }


  .alturafija { 
    min-height: 850px;
    margin-top: 40px !important;
  }

}

/****************************************
HOJA XS (DEFAULT)
****************************************/
.hoja { 
  padding: 0px;  
  text-align: center;
}

.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.titleHoja {
  color: #78030B;
  font-family: 'Open Sans';
  padding-top: 15px;
}

.textoHoja {
  padding: 10px 20px;
}

/****************************************
HOJA SM
****************************************/
@media (min-width:575.98px) {

  .pl {
    padding-left: 20px;
  }
}
/****************************************
HOJA XL
****************************************/
@media (min-width:1199.98px) {

  .hoja {
    padding: 10px 0px;  
  }

  .ventajas img {
    margin-right: 50px;
  }

  .ventaja {
    font-size: 16px;
  }

  .ventajas h5 {
    font-size: 1.25rem;
  }

  .ventajas {
    padding: 50px 0 70px 0;
  }


}