@media (min-width:1026px) {
  #foorter-btn{
      margin-top: 60px ;
      position: absolute;
      margin-right:50px  ;
      
  
  }
}
.footer {
  position: relative;
    background-color: rgba(34, 34, 34, .9);
  /* padding: 4.23529rem 0; */
  z-index: 6;
  /* background-image: url("https://alonsoviales.s3.us-east-1.amazonaws.com/van-der-laat/logo+nuevo+footer+van+der+laatSin+t%C3%ADtulo+(500+x+300+px).svg"); */
  background-position: center;
  background-size: cover;
  height:180px ;
}
.footer nav a {
  display: block;
}
.footer .label,
.footer .label-small {
  color: #00599c;
}
.footer .hyperlink {
  color: #fff;
}
.footer .footer-wrap {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4.23529rem;
  padding-right: 4.23529rem;
  width: 100%;
}
/* @media (max-width:1024px) {
  .footer .footer-wrap {
      padding-left: 2.11765rem;
      padding-right: 2.11765rem;
  }

  .footer {
      position: relative;
        background-color: rgba(34, 34, 34, .9);
      padding: 4.23529rem 0;
      z-index: 6;
      background-image: url("https://alonsoviales.s3.amazonaws.com/van-der-laat/VERSION-2024/FOOTER+VAN+DER+LAAT+1024x591px.png");
      background-position: center;

      height:650px ;
      width: 100%;
  }
} */


@media (max-width:1024px) {
  .footer {
    position: relative;
    /* background: #7C7C7C; */
    /* padding: 4.23529rem 0; */
    z-index: 5;
    /* background-image: url("https://alonsoviales.s3.amazonaws.com/van-der-laat/VERSION-2024/FOOTER+VAN+DER+LAAT+(1).png")!important; */
    background-position: center;
    background-size: cover;
    height:180px !important;
    width: 100%;
}

  .borde-naranja {
      border: 15px #e78d1b;
      box-sizing: 600px;
      position: absolute;
      height: 400px;
      width: 500px !important;
      margin-top: 0px !important;
      margin-left: 200px !important;
      /* background-color: #000; */
  }
  .footer .footer-menu {
      padding: 0 1.05882rem;
      border: 15px #e78d1b;
      box-sizing: 200px;
      background-color: #e78d1b;
      /* position: absolute; */
      height: 265px !important;
      width: 230px !important;
      margin-top: 115px !important;
      margin-left: 700px !important;
      font-size: 15px ;
  }
  #font-size{
      font-size: 20px !important;
  }
  #foorter-btn{
      margin-bottom: 120px !important;
      position: absolute !important;
      margin-left:0px !important ;
      

  }
  .footer .footer-social-links {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      position: absolute;
      margin-top: 380px !important;
      font-weight: bold;
      font-size: 15px !important;
      margin-left: 0px !important;
  }

  .footer .footer-legal-links {
      text-align: right;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      position: absolute;
      margin-top: 382px !important;
      margin-left: 300px !important;
      font-weight: bold;
  }
}





@media only screen and (max-width: 1028px) and (min-width: 1023px) {

  .footer .footer-social-links {
    margin-left: -60px !important;
}
}










  @media (max-width:900px) {

      .footer {
          position: relative;
            background-color: rgba(34, 34, 34, .9);
          /* padding: 4.23529rem 0; */
          z-index: 6;
          /* background-image: url("https://alonsoviales.s3.amazonaws.com/van-der-laat/VERSION-2024/FOOTER+VAN+DER+LAAT++(768+x+591+px).png")!important; */
          background-position: center;
          /* background-size: cover; */
          height:180px !important;
          width: 100%;
      }

      @media (min-width: 768px) {
        .col-md-5 {
            flex: 0 0 auto;
            width: 50%;
           
        }
        .col-md-3 {
          flex: 0 0 auto;
          width: 60%;
          
      }
      .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
        height: 180px;
        
    }

    }

      /* letras de contacto */
      .borde-naranja {
          border: 15px #e78d1b;
          box-sizing: 600px;
          position: absolute;
          height: 400px;
          width: 500px !important;
          margin-top: 75px !important;
          margin-left: 50px !important;
          /* background-color: #000; */
      }
      .footer .footer-menu {
          padding: 0 1.05882rem;
          border: 15px #e78d1b;
          box-sizing: 200px;
          background-color: #e78d1b;
          /* position: absolute; */
          height: 160px !important;
          width: 170px !important;
          margin-top: 153px !important;
          margin-left: 490px !important;
          font-size: 15px ;
      }
      #font-size{
          font-size: 13px !important;
      }
      #foorter-btn{
          margin-bottom: 20px !important;
          position: absolute !important;
          margin-left:0px !important ;
          
  
      }
      .footer .footer-social-links {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          position: absolute;
          margin-top: 380px !important;
          font-weight: bold;
          font-size: 13px !important;
      }
  
      .footer .footer-legal-links {
          text-align: right;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: end;
          justify-content: flex-end;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          position: absolute;
          margin-top: 380px !important;
          margin-left: 270px !important;
          font-weight: bold;
      }

      /* .btn.btn-primary:after,
.btn.btn-primary:before,
.btn.btn-submit:after,
.btn.btn-submit:before {
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  content: "";
  position: absolute;
  width: 60px !important;
  height: auto!important;
  left: 1px;
  top: 1px;
  z-index: -1;
} */
.btn.btn-primary:not(.disabled):hover,
.btn.btn-submit:not(.disabled):hover {
  border: 0;
  color: #fff;
}
.btn > :first-child {
  margin-bottom: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: px !important;
}
.btn.btn-primary,
.btn.btn-submit {
  color: #fff;
  padding: 1rem 1rem !important;
  position: relative;
  z-index: 5;
  /* overflow: hidden; */
}
.btn.btn-gray,
.btn.btn-icon,
.btn.btn-label,
.btn.btn-primary,
.btn.btn-reset,
.btn.btn-secondary,
.btn.btn-submit {
  font-family: Gotham;
  font-size: 10px  !important;
  line-height: 1.27059rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08471rem;
  margin-top: 20px;
}

.parrafos{
  color:#7C7C7C ;
  font-size: 13px !important;
 }
    
    
  }
  



  @media (max-width:440px) {

      .footer {
          position: relative;
            background-color: rgba(34, 34, 34, .9);
          /* padding: 4.23529rem 0; */
          z-index: 6;
          /* background-image: url("https://alonsoviales.s3.amazonaws.com/van-der-laat/VERSION-2024/FOOTER+VAN+DER+LAAT+(425+x+1200+px).png")!important; */
          background-position: center;
          /* background-size: cover; */
          height:300px !important;
          width: 100%;
      }

      /* letras de contacto */
      .borde-naranja {
          border: 15px #e78d1b;
          box-sizing: 400px;
          position: absolute;
          height: 400px;
          width: 500px !important;
          margin-top: 775px !important;
          margin-left: -120px !important;
          /* background-color: #000; */
      }
      .footer .footer-menu {
          padding: 0 1.05882rem;
          border: 15px #e78d1b;
          box-sizing: 200px;
          background-color: #e78d1b;
          /* position: absolute; */
          height: 300px !important;
          width: 170px !important;
          margin-top: 400px !important;
          margin-left: 0px !important;
          font-size: 24px ;
      }
      #font-size{
          font-size: 23px !important;
      }
      #foorter-btn {
          margin-bottom: 10px;  /* Maintain margin for spacing */
          position: absolute;  /* Not strictly necessary in this case, but harmless */
          margin-left: 100px;
         
  /* Vertically center the button content (if needed) */
        }
        div .col-md-5 img {

          
            max-width: 110%;
        
        
        }
      .footer .footer-social-links {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          position: absolute;
          margin-top: 365px !important;
          font-weight: bold;
          font-size: 13px !important;
      }
  
      .footer .footer-legal-links {
          text-align: right;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: end;
          justify-content: flex-end;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          position: absolute;
          margin-top: 368px !important;
          margin-left: 100px !important;
          font-weight: bold;
      }

      /* .btn.btn-primary:after,
.btn.btn-primary:before,
.btn.btn-submit:after,
.btn.btn-submit:before {
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  content: "";
  position: absolute;
  width: 60px !important;
  height: auto!important;
  left: 1px;
  top: 1px;
  z-index: -1;
} */
.btn.btn-primary:not(.disabled):hover,
.btn.btn-submit:not(.disabled):hover {
  border: 0;
  color: #fff;
}
.btn > :first-child {
  margin-bottom: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: px !important;
}
.btn.btn-primary,
.btn.btn-submit {
  color: #fff;
  padding: 1rem 1rem !important;
  position: relative;
  z-index: 5;
  /* overflow: hidden; */
}
.btn.btn-gray,
.btn.btn-icon,
.btn.btn-label,
.btn.btn-primary,
.btn.btn-reset,
.btn.btn-secondary,
.btn.btn-submit {
  font-family: Gotham;
  font-size: 10px  !important;
  line-height: 1.27059rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08471rem;
}

.parrafos{
  color:#7C7C7C ;
  font-size: 13px !important;
 }

 .modal2{
  width:400px;
  height:590px;
  display:block;
  margin:50% 0 0 0px;
  position:relative;
  top:50%; left:50%;
  background:#fff;
  opacity:0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
 

}

.head{
  width:100%;
  height:32px;
  padding:1.5em 5%;
  overflow:hidden;
  background:#fd8a00;
 
}
input{
background-color: #fbfbfb; 
width: 100%; 
height: 40px; 
border-radius: 5px;  
border-style: solid; 
border-width: 1px; 
border-color: #0059a0; 
margin-top: 5px;  
padding-left: 10px;
margin-bottom: 5px; 
}
textarea {
  background-color: #fbfbfb;
  width: 100%;
  height: 100px;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #0059a0;
  margin-top: 5px;
  padding-left: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
}

.espacio-linea{
  margin: 0 0 0.1882rem !important;
}
.modal-wrapper.open .modal2 {
  margin-top: -260px;
  opacity: 1;
  margin-left:-200px;
  background-color: rgba(34, 34, 34, .9);
  /* background:url('https://alonsoviales.s3.amazonaws.com/van-der-laat/VERSION-2024/background-form.png'); */
  
}
.contenido {
  padding: 5%;
  font-size: 12px;  /* Add styles as needed */
  align-items: center;
}
#tamano-movil {

  font-size: 15px !important;  /* Add styles as needed */
  align-items: center;
}
}
@media (max-width:450px) {

  .footer {
      position: relative;
        background-color: rgba(34, 34, 34, .9);
      /* padding: 4.23529rem 0; */
      z-index: 6;
      /* background-image: url("https://alonsoviales.s3.amazonaws.com/van-der-laat/VERSION-2024/FOOTER+VAN+DER+LAAT+(425+x+1200+px).png")!important; */
      background-position: center;
      /* background-size: cover; */
      height:570px !important;
      width: 100%;
  }

  /* letras de contacto */
  .borde-naranja {
      border: 15px #e78d1b;
      box-sizing: 400px;
      position: absolute;
      height: 400px;
      width: 500px !important;
      margin-top: 775px !important;
      margin-left: -150px !important;
      /* background-color: #000; */
  }
  .footer .footer-menu {
      padding: 0 1.05882rem;
      border: 15px #e78d1b;
      box-sizing: 200px;
      background-color: #e78d1b;
      /* position: absolute; */
      height: 300px !important;
      width: 170px !important;
      margin-top: 400px !important;
      margin-left: 0px !important;
      font-size: 24px ;
  }
  #font-size{
      font-size: 23px !important;
  }
  #foorter-btn {
      margin-bottom: 10px;  /* Maintain margin for spacing */
      position: absolute;  /* Not strictly necessary in this case, but harmless */
      margin-left: 0px !important;
     
/* Vertically center the button content (if needed) */
    }
  .footer .footer-social-links {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      position: absolute;
      margin-top: 365px !important;
      font-weight: bold;
      font-size: 13px !important;
  }

  .footer .footer-legal-links {
      text-align: right;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      position: absolute;
      margin-top: 368px !important;
      margin-left: 70px !important;
      font-weight: bold;
  }

  /* .btn.btn-primary:after,
.btn.btn-primary:before,
.btn.btn-submit:after,
.btn.btn-submit:before {
-webkit-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
content: "";
position: absolute;
width: 60px !important;
height: auto!important;
left: 1px;
top: 1px;
z-index: -1;
} */
.btn.btn-primary:not(.disabled):hover,
.btn.btn-submit:not(.disabled):hover {
border: 0;
color: #fff;
}
.btn > :first-child {
margin-bottom: 0;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: px !important;
}
.btn.btn-primary,
.btn.btn-submit {
color: #fff;
padding: 1rem 1rem !important;
position: relative;
z-index: 5;
/* overflow: hidden; */
}
.btn.btn-gray,
.btn.btn-icon,
.btn.btn-label,
.btn.btn-primary,
.btn.btn-reset,
.btn.btn-secondary,
.btn.btn-submit {
font-family: Gotham;
font-size: 10px  !important;
line-height: 1.27059rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08471rem;
}

.parrafos{
color:#7C7C7C ;
font-size: 13px !important;
}

.modal2{
width:100%;
height:550px;
display:block;
margin:50% 0 0 0px;
position:relative;
top:50%; left:50%;
background:#fff;
opacity:0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;


}

.head{
width:100%;
height:32px;
padding:1.5em 5%;
overflow:hidden;
background:#fd8a00;

}
input{
background-color: #fbfbfb; 
width: 380px; 
height: 40px; 
border-radius: 5px;  
border-style: solid; 
border-width: 1px; 
border-color: #0059a0; 
margin-top: 5px;  
padding-left: 10px;
margin-bottom: 5px; 
}

select{
  background-color: #fbfbfb; 
  width: 380px; 
  height: 40px; 
  border-radius: 5px;  
  border-style: solid; 
  border-width: 1px; 
  border-color: #0059a0; 
  margin-top: 5px;  
  padding-left: 10px;
  margin-bottom: 5px; 
  }
textarea {
background-color: #fbfbfb;
width: 380px;
height: 100px;
border-radius: 5px;
border-style: solid;
border-width: 1px;
border-color: #0059a0;
margin-top: 5px;
padding-left: 10px;
margin-bottom: 10px;
padding-top: 5px;
}

.espacio-linea{
margin: 0 0 0.1882rem !important;
}
.modal-wrapper.open .modal2 {
margin-top: -580px;
opacity: 1;
margin-left:-430px;

}
.contenido {
padding: 5%;
font-size: 12px;  /* Add styles as needed */
align-items: center;
}
#tamano-movil {

font-size: 15px !important;  /* Add styles as needed */
align-items: center;
}




    
  }




  @media (max-width:430px) {

    .footer {
        position: relative;
          background-color: rgba(34, 34, 34, .9);
        /* padding: 4.23529rem 0; */
        z-index: 6;
        /* background-image: url("https://alonsoviales.s3.amazonaws.com/van-der-laat/VERSION-2024/FOOTER+VAN+DER+LAAT+(425+x+1200+px).png")!important; */
        background-position: center;
        /* background-size: cover; */
        height:560px !important ;
        width: 100%;
    }
  
    /* letras de contacto */
    .borde-naranja {
        border: 15px #e78d1b;
        box-sizing: 400px;
        position: absolute;
        height: 400px;
        width: 500px !important;
        margin-top: 775px !important;
        margin-left: -150px !important;
        /* background-color: #000; */
    }
    .footer .footer-menu {
        padding: 0 1.05882rem;
        border: 15px #e78d1b;
        box-sizing: 200px;
        background-color: #e78d1b;
        /* position: absolute; */
        height: 300px !important;
        width: 170px !important;
        margin-top: 400px !important;
        margin-left: 0px !important;
        font-size: 24px ;
    }
    #font-size{
        font-size: 23px !important;
    }
    #foorter-btn {
        margin-bottom: 10px;  /* Maintain margin for spacing */
        position: absolute;  /* Not strictly necessary in this case, but harmless */
        margin-left: 0px !important;
       
  /* Vertically center the button content (if needed) */
      }
    .footer .footer-social-links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: absolute;
        margin-top: 365px !important;
        font-weight: bold;
        font-size: 13px !important;
    }
  
    .footer .footer-legal-links {
        text-align: right;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: absolute;
        margin-top: 368px !important;
        margin-left: 70px !important;
        font-weight: bold;
    }
  
    /* .btn.btn-primary:after,
  .btn.btn-primary:before,
  .btn.btn-submit:after,
  .btn.btn-submit:before {
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  content: "";
  position: absolute;
  width: 60px !important;
  height: auto!important;
  left: 1px;
  top: 1px;
  z-index: -1;
  } */
  .btn.btn-primary:not(.disabled):hover,
  .btn.btn-submit:not(.disabled):hover {
  border: 0;
  color: #fff;
  }
  .btn > :first-child {
  margin-bottom: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: px !important;
  }
  .btn.btn-primary,
  .btn.btn-submit {
  color: #fff;
  padding: 1rem 1rem !important;
  position: relative;
  z-index: 5;
  /* overflow: hidden; */
  }
  .btn.btn-gray,
  .btn.btn-icon,
  .btn.btn-label,
  .btn.btn-primary,
  .btn.btn-reset,
  .btn.btn-secondary,
  .btn.btn-submit {
  font-family: Gotham;
  font-size: 10px  !important;
  line-height: 1.27059rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08471rem;
  }
  
  .parrafos{
  color:#7C7C7C ;
  font-size: 13px !important;
  }
  
  .modal2{
  width:100%;
  height:500px;
  display:block;
  margin:80% 0 0 0px;
  position:relative;
  top:50%; left:50%;
  background:#fff;
  opacity:0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  
  
  }
  
  .head{
  width:100%;
  height:32px;
  padding:1.5em 5%;
  overflow:hidden;
  background:#fd8a00;
  
  }
  input{
  background-color: #fbfbfb; 
  width: 380px !important; 
  height: 40px; 
  border-radius: 5px;  
  border-style: solid; 
  border-width: 1px; 
  border-color: #0059a0; 
  margin-top: 5px;  
  padding-left: 10px;
  margin-bottom: 5px; 
  }
  textarea {
  background-color: #fbfbfb;
  width: 380px !important;
  height: 100px;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #0059a0;
  margin-top: 5px;
  padding-left: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  }
  select{
    width: 380px !important;
  }
  .espacio-linea{
  margin: 0 0 0.1882rem !important;
  }
  .modal-wrapper.open .modal2 {
  margin-top: -520px;
  opacity: 1;
  margin-left:-415px;
  
  }
  .btn-close {
    width: 32px;
    height: 32px; /* Ajusta la altura del botón según sea necesario */
    display: block; /* Mantener el botón como bloque */
    margin-left: 23px; /* Espacio a la izquierda del botón */
  }
  .contenido {
  padding: 5%;
  font-size: 12px;  /* Add styles as needed */
  align-items: center;
  }
  #tamano-movil {
  
  font-size: 15px !important;  /* Add styles as needed */
  align-items: center;
  }
  
  
  select{

    width: 100% !important; 
 
  }
  
      
    }



@media (max-width:393px) {

  .footer {
      position: relative;
        background-color: rgba(34, 34, 34, .9);
      /* padding: 4.23529rem 0; */
      z-index: 6;
      /* background-image: url("https://alonsoviales.s3.amazonaws.com/van-der-laat/VERSION-2024/FOOTER+VAN+DER+LAAT+(425+x+1200+px).png")!important; */
      background-position: center;
      /* background-size: cover; */
      height:540px !important;
      width: 100%;
  }

  /* letras de contacto */
  .borde-naranja {
      border: 15px #e78d1b;
      box-sizing: 400px;
      position: absolute;
      height: 400px;
      width: 500px !important;
      margin-top: 775px !important;
      margin-left: -150px !important;
      /* background-color: #000; */
  }
  .footer .footer-menu {
      padding: 0 1.05882rem;
      border: 15px #e78d1b;
      box-sizing: 200px;
      background-color: #e78d1b;
      /* position: absolute; */
      height: 300px !important;
      width: 170px !important;
      margin-top: 400px !important;
      margin-left: 0px !important;
      font-size: 24px ;
  }
  #font-size{
      font-size: 23px !important;
  }
  #foorter-btn {
      margin-bottom: 10px;  /* Maintain margin for spacing */
      position: absolute;  /* Not strictly necessary in this case, but harmless */
      margin-left: 140px !important;
     
/* Vertically center the button content (if needed) */
    }
  .footer .footer-social-links {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      position: absolute;
      margin-top: 365px !important;
      font-weight: bold;
      font-size: 13px !important;
  }

  .footer .footer-legal-links {
      text-align: right;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      position: absolute;
      margin-top: 368px !important;
      margin-left: 70px !important;
      font-weight: bold;
  }

  /* .btn.btn-primary:after,
.btn.btn-primary:before,
.btn.btn-submit:after,
.btn.btn-submit:before {
-webkit-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
content: "";
position: absolute;
width: 60px !important;
height: auto!important;
left: 1px;
top: 1px;
z-index: -1;
} */
.btn.btn-primary:not(.disabled):hover,
.btn.btn-submit:not(.disabled):hover {
border: 0;
color: #fff;
}
.btn > :first-child {
margin-bottom: 0;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: px !important;
}
.btn.btn-primary,
.btn.btn-submit {
color: #fff;
padding: 1rem 1rem !important;
position: relative;
z-index: 5;
/* overflow: hidden; */
}
.btn.btn-gray,
.btn.btn-icon,
.btn.btn-label,
.btn.btn-primary,
.btn.btn-reset,
.btn.btn-secondary,
.btn.btn-submit {
font-family: Gotham;
font-size: 10px  !important;
line-height: 1.27059rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08471rem;
}

.parrafos{
color:#7C7C7C ;
font-size: 13px !important;
}

.modal2{
width:100%;
height:570px;
display:block;
margin:50% 0 0 0px;
position:relative;
top:50%; left:50%;
background:#fff;
opacity:0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;


}

.head{
width:100%;
height:32px;
padding:1.5em 5%;
overflow:hidden;
background:#fd8a00;

}
input{
background-color: #fbfbfb; 
width: 330px !important; 
height: 40px; 
border-radius: 5px;  
border-style: solid; 
border-width: 1px; 
border-color: #0059a0; 
margin-top: 5px;  
padding-left: 10px;
margin-bottom: 5px; 
}
textarea {
background-color: #fbfbfb;
width: 330px !important;
height: 100px;
border-radius: 5px;
border-style: solid;
border-width: 1px;
border-color: #0059a0;
margin-top: 5px;
padding-left: 10px;
margin-bottom: 10px;
padding-top: 5px;
}

select{
  width: 330px !important;
}
.espacio-linea{
margin: 0 0 0.1882rem !important;
}
.modal-wrapper.open .modal2 {
margin-top: -480px;
opacity: 1;
margin-left:-370px;

}
.contenido {
padding: 5%;
font-size: 12px;  /* Add styles as needed */
align-items: center;
}
#tamano-movil {

font-size: 15px !important;  /* Add styles as needed */
align-items: center;

}


@media (max-width:375px) {

  .footer {
      position: relative;
        background-color: rgba(34, 34, 34, .9);
      /* padding: 4.23529rem 0; */
      z-index: 6;
      /* background-image: url("https://alonsoviales.s3.amazonaws.com/van-der-laat/VERSION-2024/FOOTER+VAN+DER+LAAT+(425+x+1200+px).png")!important; */
      background-position: center;
      /* background-size: cover; */
      height:525px !important;
      width: 100%;
  }


    
  }


@media (max-width:360px) {

  .footer {
      position: relative;
        background-color: rgba(34, 34, 34, .9);
      /* padding: 4.23529rem 0; */
      z-index: 6;
      /* background-image: url("https://alonsoviales.s3.amazonaws.com/van-der-laat/VERSION-2024/FOOTER+VAN+DER+LAAT+(425+x+1200+px).png")!important; */
      background-position: center;
      /* background-size: cover; */
      height:510px !important ;
      width: 100%;
  }


    
  }



  @media (max-width:320px) {

      .footer {
          position: relative;
            background-color: rgba(34, 34, 34, .9);
          /* padding: 4.23529rem 0; */
          z-index: 6;
          /* background-image: url("https://alonsoviales.s3.amazonaws.com/van-der-laat/VERSION-2024/FOOTER+VAN+DER+LAAT+(330+x+1200+px).png")!important; */
          background-position: center;
          /* background-size: cover; */
          height:528px !important ;
          width: 100%;
      }

      /* letras de contacto */
      .borde-naranja {
          border: 15px #e78d1b;
          box-sizing: 400px;
          position: absolute;
          height: 400px;
          width: 500px !important;
          margin-top: 675px !important;
          margin-left: -180px !important;
          /* background-color: #000; */
      }
      .footer .footer-menu {
          padding: 0 1.05882rem;
          border: 15px #e78d1b;
          box-sizing: 200px;
          background-color: #e78d1b;
          /* position: absolute; */
          height: 300px !important;
          width: 170px !important;
          margin-top: 400px !important;
          margin-left: 0px !important;
          font-size: 24px ;
      }
      #font-size{
          font-size: 23px !important;
      }
      #foorter-btn {
          margin-bottom: 10px;  /* Maintain margin for spacing */
          position: absolute;  /* Not strictly necessary in this case, but harmless */
          margin-left: 200px;
         
  /* Vertically center the button content (if needed) */
        }
      .footer .footer-social-links {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          position: absolute;
          margin-top: 385px !important;
          font-weight: bold;
          font-size: 13px !important;
          margin-left: 80px;
      }
  
      .footer .footer-legal-links {
          text-align: right;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: end;
          justify-content: flex-end;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          position: absolute;
          margin-top: 300px !important;
          margin-left: -10px !important;
          font-weight: bold;
      }

      /* .btn.btn-primary:after,
.btn.btn-primary:before,
.btn.btn-submit:after,
.btn.btn-submit:before {
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  content: "";
  position: absolute;
  width: 60px !important;
  height: auto!important;
  left: 1px;
  top: 1px;
  z-index: -1;
} */
.btn.btn-primary:not(.disabled):hover,
.btn.btn-submit:not(.disabled):hover {
  border: 0;
  color: #fff;
}
.btn > :first-child {
  margin-bottom: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: px !important;
}
.btn.btn-primary,
.btn.btn-submit {
  color: #fff;
  padding: 1rem 1rem !important;
  position: relative;
  z-index: 5;
  /* overflow: hidden; */
}
.btn.btn-gray,
.btn.btn-icon,
.btn.btn-label,
.btn.btn-primary,
.btn.btn-reset,
.btn.btn-secondary,
.btn.btn-submit {
  font-family: Gotham;
  font-size: 10px  !important;
  line-height: 1.27059rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08471rem;
}





.parrafos{
  color:#7C7C7C ;
  font-size: 13px !important;
 }

 .modal2{
  width:320px;
  height:490px;
  display:block;
  margin:50% 0 0 0px;
  position:relative;
  top:50%; left:50%;
  background:#fff;
  opacity:0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
 

}

.head{
  width:100%;
  height:32px;
  padding:1.5em 5%;
  overflow:hidden;
  background:#fd8a00;
 
}
input{
background-color: #fbfbfb; 
width: 280px !important; 
height: 40px; 
border-radius: 5px;  
border-style: solid; 
border-width: 1px; 
border-color: #0059a0; 
margin-top: 5px;  
padding-left: 10px;
margin-bottom: 5px; 
}
textarea {
  background-color: #fbfbfb;
  width: 280px  !important;
  height: 100px;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #0059a0;
  margin-top: 5px;
  padding-left: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
}

select{
  width:280px  !important ;
}
.espacio-linea{
  margin: 0 0 0.1882rem !important;
}
.modal-wrapper.open .modal2 {
  margin-top: -670px;
  opacity: 1;
  margin-left:-310px;
  background-color: rgba(34, 34, 34, .9);
  /* background:url('https://alonsoviales.s3.amazonaws.com/van-der-laat/VERSION-2024/background-form.png'); */
  
}
.contenido {
  padding: 5%;
  font-size: 12px;  /* Add styles as needed */
  align-items: center;
}
#tamano-movil {

  font-size: 12px !important;  /* Add styles as needed */
  align-items: center;
}



    
  }







  @media (max-width: 769px) {
      .btn.btn-primary:not(.disabled), .btn.btn-submit:not(.disabled) {
          border: 0;
          color: #fff;
          background-color:#0059a0 ;
      }
  }
  
  
      @media (max-width: 769px) {
          .btn.btn-primary:not(.disabled):hover, .btn.btn-submit:not(.disabled):hover {
              border: 0;
              color: #fff;
          }
       
        }
       
      @media (max-width: 426px) {
          #foorter-btn {
              margin-top: 0px !important;
              position: absolute !important;
              margin-left: 0px !important;
          }
          .col-md-5{

            width: 100% !important;
          }

              .footer .footer-menu:after {
      content: "";
      background: #b3b7b9;
      width: 2.11765rem;
      height: 0px !important;
      display: block;
      margin-top: 2.11765rem;
  }
      }


      @media (max-width: 376px) {
          #foorter-btn {
              margin-top: 0px !important;
              position: absolute !important;
              margin-left: 0px !important;
          }

              .footer .footer-menu:after {
      content: "";
      background: #b3b7b9;
      width: 2.11765rem;
      height: 0px !important;
      display: block;
      margin-top: 2.11765rem;
  }
      }


      @media (max-width: 335px) {
          #foorter-btn {
              margin-top: 0px !important;
              position: absolute !important;
              margin-left: 0px !important;
          }

              .footer .footer-menu:after {
      content: "";
      background: #b3b7b9;
      width: 2.11765rem;
      height: 0px !important;
      display: block;
      margin-top: 2.11765rem;
  }
      }


  /* h4 {
      margin: 0 0 0.84706rem;
      font-size: 1.58824rem;
      line-height: 2.11765rem;
  } */









  
  
}
@media (max-width:750px) {
  .footer .footer-wrap {
      padding-left: 0;
      padding-right: 0;
  }
}
.footer .office-fax,
.footer .office-phone {
  color: #fff;
}
.footer .office-fax:hover,
.footer .office-phone:hover {
  color: #505050;
}
.footer .office-locations {
  margin-bottom: 4.23529rem;
  padding: 0;
}
.footer .office-location {
  margin-left: 1.05882rem;
  margin-right: 1.05882rem;
  width: calc(25% - 2.13882rem);
}


.footer .footer-menu-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 4.23529rem;
}
.footer .footer-menu {
  padding: 0 1.05882rem;
  border: 15px #e78d1b;
  box-sizing: 400px;
  background-color: #e78d1b;
  position: absolute;
  height: 325px;
  width: 400px;
  margin-top:137px;
  margin-left: 870px;
}

.borde-naranja{
  border: 15px #e78d1b;
  box-sizing: 600px;
  position: absolute;
  height: 400px;
  width: 800px;
  margin-top: 90px;
  margin-left: 330px;
  /* background-color: #000; */
}

  .borde-naranja ul li {
    
     position: relative;
  
   margin-left: 250px;
   list-style-type: none;
      margin-top: 10px;
      /* background-color: #000; */
      font-weight: bold; 
  
  }

.footer .footer-legal-links {
  text-align: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position:absolute;
  margin-top: 970px;
  margin-left: 500px;
  font-weight: bold; 
}
.footer .footer-legal-links > * {
  line-height: 1;
  border: 0;
  margin-left: 1.05882rem;
  margin-bottom: 1.05882rem;
  white-space: nowrap;
}
.footer .footer-copyright {
  color: #fff;
}
.footer .footer-form {
  margin-top: 2.11765rem;
}
.footer .footer-form .input {
  width: 100%;
  margin-bottom: 2.11765rem;
}
.footer .footer-form .btn {
  text-align: center;
}
.footer .footer-meta-section {
  margin-left: 1.05882rem;
  margin-right: 1.05882rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: -1.05882rem;
}
.footer .footer-social-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  margin-top: 970px;
  font-weight: bold; 
}
.footer .footer-social-links .hyperlink {
  display: inline-block;
  height: 2.11765rem;
  width: 2.11765rem;
  margin-bottom: 1.05882rem;
  margin-right: 1.05882rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(65,65,64,.5);
  -webkit-transition: all 0.25s cubic-bezier(1,.255,.24,.87);
  -o-transition: all 0.25s cubic-bezier(1,.255,.24,.87);
  transition: all 0.25s cubic-bezier(1,.255,.24,.87);
}
.footer .footer-social-links .hyperlink:hover {
  background: #414140;
}
.footer .footer-social-links .graphic {
  height: 1.05882rem;
  width: 1.05882rem;
}
.footer .footer-social-links .graphic .graphic-icon > * {
  fill: #fff;
}


@media (max-width: 2040px) and (min-width:1930px)  {

  .footer .footer-menu {
    padding: 0 1.05882rem;
    border: 15px #e78d1b;
    box-sizing: 400px;
    background-color: #e78d1b;
    position: absolute;
    height: 378px;
    width: 350px;
    margin-top:116px;
    margin-left: 870px;
  }
  
  .btn.btn-icon, .btn.btn-reset, .btn.btn-secondary {
margin-top: 20px;
}

.footer .footer-social-links {
margin-right: 115px;
}
/* .template-video-intro .intro:before {
content: " ";
height: 1100px !important;

} */

}

@media (max-width: 1929px) and (min-width:1910px)  {

.footer .footer-menu {
  padding: 0 1.05882rem;
  border: 15px #e78d1b;
  box-sizing: 400px;
  background-color: #e78d1b;
  position: absolute;
  height: 378px;
  width: 350px;
  margin-top:116px;
  margin-left: 870px;
}

.btn.btn-icon, .btn.btn-reset, .btn.btn-secondary {
margin-top: 20px;
}

.footer .footer-social-links {
margin-right: 115px;
}
/* .template-video-intro .intro:before {
content: " ";
height: 1980px !important;

} */

}


@media (max-width: 1900px) and (min-width:1601px)  {

.footer .footer-menu {
  padding: 0 1.05882rem;
  border: 15px #e78d1b;
  box-sizing: 400px;
  background-color: #e78d1b;
  position: absolute;
  height: 378px;
  width: 350px;
  margin-top:116px;
  margin-left: 870px;
}

.btn.btn-icon, .btn.btn-reset, .btn.btn-secondary {
margin-top: 20px;
}

.footer .footer-social-links {
margin-right: 115px;
}
/* .template-video-intro .intro:before {
content: " ";
height: 1080px !important;

} */

}




@media (max-width: 1600px) and (min-width:1520px)  {

  .footer .footer-menu {
    padding: 0 1.05882rem;
    border: 15px #e78d1b;
    box-sizing: 400px;
    background-color: #e78d1b;
    position: absolute;
    height: 325px;
    width: 350px;
    margin-top:137px;
    margin-left: 880px;
  }
  
  .btn.btn-icon, .btn.btn-reset, .btn.btn-secondary {
margin-top: 20px;
}

.footer .footer-social-links {
margin-right: 115px;
}
/* .template-video-intro .intro:before {
content: " ";
height: 1080px !important;

} */

}

@media (max-width: 1300px) and (min-width:1240px)  {
.footer {
  position: relative;
    background-color: rgba(34, 34, 34, .9);
  /* padding: 4.23529rem 0; */
  z-index: 6;
  /* background-image: url(https://alonsoviales.s3.us-east-1.amazonaws.com/van-der-laat/logo+nuevo+footer+van+der+laatSin+t%C3%ADtulo+(500+x+300+px).svg); */
  background-position: center;
  background-size: cover;
  height: 180px;
}
}
@media (max-width:1024px) {
  /* .footer {
      padding: 3.17647rem 0;
  } */
  .footer .office-location {
      margin-left: 1.05882rem;
      margin-right: 1.05882rem;
      width: calc(33.33333% - 2.13882rem);
  }
  .footer .footer-meta-section {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: start;
      align-items: flex-start;
  }
  .footer .footer-social-links {
      margin-bottom: 1.05882rem;
  }
  .footer .footer-social-links .hyperlink:last-child {
      margin-right: 0;
  }
  .footer .footer-legal-links {
      text-align: left;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 100%;
  }
  .footer .footer-legal-links > * {
      margin-left: 0;
  }
  .footer .footer-legal-links > :not(:last-child) {
      margin-right: 1.05882rem;
  }
}
@media (max-width:750px) {
  .footer {
      padding: 2.11765rem 0;
  }
  .footer .office-locations {
      margin-bottom: 2.11765rem;
  }
  .footer .footer-menu-section,
  .footer .footer-meta-section {
      margin-bottom: 0;
  }
  .footer .footer-menu {
      position: relative;
      width: 100%!important;
      margin-bottom: 2.11765rem;
  }
  .footer .footer-menu:after {
      content: "";
      background: #b3b7b9;
      width: 2.11765rem;
      height: 1px;
      display: block;
      margin-top: 2.11765rem;
  }
  .footer .footer-social-links {
      margin-bottom: 2.11765rem;
     
  }
  .footer .footer-legal-links {
      -ms-flex-direction: column;
      flex-direction: column;
  }
  .footer .footer-legal-links > :not(:last-child) {
      margin-bottom: 1.05882rem;
  }
  .footer .footer-legal-links .footer-copyright {
      margin-bottom: 0;
  }
}

/* nuevos */
.footer {
  padding: 0px;
}

.footer .col-md-12 {
  display: flex;
  flex-wrap: wrap; /* Permite que los elementos se envuelvan a la siguiente línea */
}

.footer img {
  max-width: 38%; /* Asegura que la imagen no exceda el ancho de su contenedor */
}

.footer ul {
  padding: 0; /* Elimina el padding por defecto de la lista */
}

.footer li {
  margin-bottom: 10px; /* Espacio entre los elementos de la lista */
}

/* Estilos para pantallas pequeñas (móviles) */
@media (max-width: 490px) {
  .footer .col-md-12 {
      flex-direction: column; /* Cambia a una sola columna */
  }

  .footer .col-md-5, .footer .col-md-3, .footer .col-md-4 {
      width: 100%; /* Cada sección ocupa el 100% del ancho */
      margin-bottom: 15px; /* Espacio entre secciones */
  }
}

/* Estilos para tabletas y pantallas más grandes */
@media (min-width: 491px) and (max-width: 768px) {
  .footer .col-md-12 {
      flex-direction: row; /* Dos columnas */
  }

  .footer .col-md-5 {
      flex: 1; /* Espacio igual para el logo */
  }

  .footer .col-md-3 {
      flex: 1; /* Espacio igual para contacto */
  }

  .footer .col-md-4 {
      flex: 1; /* Espacio igual para el botón */
  }
}

/* Estilos para pantallas de 769px o más */
@media (min-width: 769px) {
  .footer .col-md-12 {
      flex-direction: row; /* Asegura que siempre estén en una fila */
  }

  .footer .col-md-5,
  .footer .col-md-3,
  .footer .col-md-4 {
      flex: 1; /* Cada columna ocupa el mismo espacio */
  }
}

@media (max-width: 321px) and (min-width:300px) {

  .footer {
      position: relative;
        background-color: rgba(34, 34, 34, .9);
      /* padding: 4.23529rem 0; */
      z-index: 6;
      /* background-image: url("https://alonsoviales.s3.amazonaws.com/van-der-laat/VERSION-2024/FOOTER+VAN+DER+LAAT+(425+x+1200+px).png")!important; */
      background-position: center;
      /* background-size: cover; */
      height:490px !important ;
      width: 100%;
  } }