@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
/* styles.css */
@font-face {
     font-family: 'songer semiexpanded extrabold'; /* Nombre que le das a la fuente */
     src: url('../fonts/songer-se/extrabold.otf') format('opentype'); /* Ruta relativa al archivo .otf */
     font-weight: normal; /* Peso de la fuente (opcional) */
     font-style: normal; /* Estilo de la fuente (opcional) */
 }

 @font-face {
     font-family: 'songer semiexpanded medium'; /* Nombre que le das a la fuente */
     src: url('../fonts/songer-se/medium.otf') format('opentype'); /* Ruta relativa al archivo .otf */
     font-weight: normal; /* Peso de la fuente (opcional) */
     font-style: normal; /* Estilo de la fuente (opcional) */
 }

 a{
     text-decoration: none;
     color:inherit;
 }

 a:focus,button:focus{
     text-decoration: none !important;
     color:inherit;
     box-shadow:none !important;
 }

 @font-face {
     font-family: 'syne medium';
     src: url('../fonts/syne/medium.ttf') format('truetype');
 }

 body{
     background-color: #FAFDFA;
 }

.remedia{
     font-family: "Outfit", sans-serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
}

.texto-h1-desk{
     font-family: 'songer semiexpanded extrabold';
     font-size: 50px;
     line-height: 58px;
     letter-spacing: 0%;
     
}

.texto-h2-desk{
     font-family: 'songer semiexpanded extrabold';
     font-size: 24px;
     line-height: 32px;
     letter-spacing: 0%;
     text-align: center;

}

.texto-xxl-desk{
     font-family: 'songer semiexpanded extrabold';
     font-size: 40px;
     line-height: 48px;
     letter-spacing: 0%;
     

}

.texto-xl-desk{
     font-family: 'songer semiexpanded medium';
     font-size: 20px;
     line-height: 28px;
     letter-spacing: 0%;
   
}

.texto-xl-b-desk{
     font-family: 'songer semiexpanded extrabold';
     font-size: 20px;
     line-height: 28px;
     letter-spacing: 0%;

}

.texto-l-desk{
     font-family: 'songer semiexpanded extrabold';
     font-size: 30px;
     line-height: 38px;
     letter-spacing: 0%;
}

.texto-m1-desk{
     font-family: 'songer semiexpanded extrabold';
     font-size: 14px;
     line-height: 22px;
     letter-spacing: 0%;
}

.texto-m2-desk{
     font-family:'syne medium';
     font-size: 18px;
     line-height: 20px;
     letter-spacing: 0%;
}

.texto-m2-desk-gracias{
     font-family:'syne medium';
     font-size: 20px;
     line-height: 28px;
     letter-spacing: 0%;
}


.texto-m3-desk{
     font-family: 'songer semiexpanded extrabold';
     font-size: 18px;
     line-height: 26px;
     letter-spacing: 0%;
}

.texto-s-desk{
     font-family: 'songer semiexpanded extrabold';
     font-weight: 800;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0%;
}

.texto-s-f-desk{
     font-family:'syne medium';
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0%;
}

.texto-f-desk{
     font-family: 'songer semiexpanded extrabold';
     font-size: 12px;
     line-height: 20px;
     letter-spacing: 0%;
}

.texto-xs-desk{
     font-family:'syne medium';
     font-size: 12px;
     line-height: 20px;
     letter-spacing: 0%;
}
.texto-xxs-desk{
     font-family:'syne medium';
     font-size: 10px;
     line-height: 18px;
     letter-spacing: 0%;
}


@media only screen and (max-width: 767px) {
     .texto-h1-mobile{
          font-family: 'songer semiexpanded extrabold';
          font-size: 20px;
          line-height: 28px;
          letter-spacing: 0%;
     }

     .texto-h2-mobile{
          font-family: 'songer semiexpanded medium';
          font-size: 12px;
          line-height: 20px;
          letter-spacing: 0%;
     }
     .texto-h2-eb{
          font-family: 'songer semiexpanded extrabold';
          font-size: 12px;
          line-height: 20px;
          letter-spacing: 0%;
     }

     .texto-menu-mobile{
          font-family:'syne medium';
          font-size: 20px !important;
          line-height: 28px;
          letter-spacing: 0%;
     }

     .texto-banner-mobile{
          font-family: 'songer semiexpanded extrabold';
          font-size: 22px;
          line-height: 30px;
          letter-spacing: 0%;
     }

     .texto-xxl-mobile{
          font-family: 'songer semiexpanded extrabold';
          font-size: 18px;
          line-height: 26px;
          letter-spacing: 0%;
     }

     .texto-sec-f-mobile{
          font-family: 'songer semiexpanded extrabold';
          font-size: 12px;
          line-height: 20px;
          letter-spacing: 0%;
     }

     .texto-text-mobile{
          font-family:'syne medium';
          font-size: 12px;
          line-height: 14px;
          letter-spacing: 0%;
     }

     .texto-text-mobile-extra{
          font-family:'syne medium';
          font-size: 15px;
          line-height: 20px;
          letter-spacing: 0%;
     }

     .texto-c-footer-mobile{
          font-family: 'songer semiexpanded extrabold';
          font-size: 10px;
          line-height: 18px;
          letter-spacing: 0%;
     }

     .texto-cta-mobile{
          font-family:'syne medium';
          font-size: 10px;
          line-height: 18px;
          letter-spacing: 0%;
     }

     .texto-datos-footer-mobile{
          font-family:'syne medium';
          font-size: 8px;
          line-height: 16px;
          letter-spacing: 0%;
     }

     .texto-subfooter-mobile{
          font-family: 'songer semiexpanded extrabold';
          font-size: 8px;
          line-height: 16px;
          letter-spacing: 0%;
     }

     .navbar .language{
          margin-right: 25px !important;
     }
 }
.navbar{
     background: #FAFDFA;
     padding:10px 100px;
     position: sticky;
     top: 0;
     left: 0;
     z-index: 1;
}
.navbar-collapse {
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     height: calc(100vh - 56px);
     z-index: 1000;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.1s ease, visibility 0.1s ease;
 }
 
 .navbar-collapse.show {
     opacity: 1;
     visibility: visible;
 }
 
 .navbar-nav {
     text-align: center;
 }
 
 .nav-item {
     margin: 20px 0;
 }
 
 .nav-link {
     font-size: 1.5rem;
     color: #000;
 }

 .desktop-menu a{
     margin-right: 40px;
     padding: 0 9px;
 }


 .desktop-menu a:hover{
     color:#C7D4D3;
 }

.desktop-menu li:last-child{
     margin-right: 40px !important;
}

.black_button{
     width: 190px;
     height: 40px;
     text-align: center;
     background-color: #0A120F;
     color:#FAFDFA !important;
}
.black_button:hover{
     background-color: #FAFDFA !important;
     color:#0A120F !important;
     border: 1px solid #0A120F;
}

.navbar .language{
     margin-right: 45px;
}

.texto-video-flotante{
     text-transform: uppercase;
     padding: 0px;
     bottom: 60px;
     left:100px;
     color:#FAFDFA;
}

#main-video{
    height: calc(100vh - 60px);
     position: relative;
     width: 100%;
}

.boton_blanco{
     border:1px solid #FAFDFA;
     padding-top:8px;
     padding-bottom:8px;
}
.boton_negro{
     border:1px solid #0A120F;
     padding-top:8px;
     padding-bottom:8px;
     color:#0A120F;
}

.boton_blanco:hover{
     border:1px solid #0a120f;
}

.boton_negro:hover{
     border:1px solid #0A120F;
     background-color: #0A120F;
     color:#FAFDFA;
}

.boton_blanco_banner{
     padding-left:31px;
     padding-right: 31px;
}
.titulo_banner{
     margin-bottom: 8px;
}
.subtitulo_banner{
     margin-bottom: 20px;
}
.opcion_empresa_imagen,.ubicacion_perfecta_imagen{
     width: 100%;
}
#opcion_empresa,#ubicacion_perfecta,#espacio_perfecto,#slide_left,#slide_right,#arquitectura_sostenible,#galeria,#formulario,footer{
     margin: 0 88px;
}
.titulo_opcion_empresa{
     margin-top: 73px;
     margin-bottom: 0;
}
#opcion_empresa .separador{
     margin-top: 40px;
}

#opcion_empresa .separador .texto-l-desk{
     margin-bottom: 24px;
}
.titulo_ubicacion_perfecta,.titulo_espacio_perfecto,.titulo_arquitectura_sostenible{
     margin-top: 80px;
     margin-bottom: 8px;
}
#ubicacion_perfecta .renglon{
     margin-left: 50px;
     margin-right: 55px;
}

#ubicacion_perfecta .renglon:first-child{
     margin-top: 40px;
}

#ubicacion_perfecta .renglon{
     margin-bottom: 40px;
     position: relative;
}

#ubicacion_perfecta .boton_negro{
     padding-right: 8px;
     padding-left: 8px;
}

.renglon::before{
    
     width: 40px;
     height: 40px;
     position: absolute;
     top:0;
     left: -50px;
}
.renglon.converge::before{
     content: url('../img/converge.svg');
}
.renglon.conectividad::before{
     content: url('../img/conectividad.svg');
}
.renglon.entorno::before{
     content: url('../img/entorno.svg');
}
.renglon.concepto::before{
     content: url('../img/concepto.svg');
}

.subtitulo_espacio_perfecto{
     margin-bottom: 40px;
}

 #espacio_perfecto .separador{
     margin-bottom: 40px;
 }

 #espacio_perfecto .separador h5{
     margin-bottom: 24px;
 }

 #espacio_perfecto iframe{
     padding-left:15px;
     border:0;
     width: 100%; 
     min-height: 580px;
 }

#espacio_refleja,#inovacion_prestigio,#crece_crea{
     background-color: #0a120f;
}

 #espacio_refleja h1,#inovacion_prestigio h1,#crece_crea h1{
     color:#FAFDFA;
     margin: 92px 0;
 }

 #espacio_refleja img,#inovacion_prestigio img,#crece_crea img{
     max-width: 210px;
 }

 #titulo_contenedores_left{
     margin-top: 80px;
     margin-bottom: 8px;
 }
#certificacion_leed{
     background-color: #0A120F;
     color:#FAFDFA;
     padding: 80px 0px 75px;
}
 #certificacion_leed img{
     width: 84px;
     margin-right: 20px;
 }
 #certificacion_leed p{
     margin-top: 20px;
     margin-bottom: 21px;
 }

 #slide_right h3{
     margin-top: 80px;
     margin-bottom: 8px;
 }
 #slide_right a{
     margin-top: 20px;
     border: 1px solid #0A120F;
     max-width: 416px;
     width: 100%;
     display: block;
     text-align: center;
     padding: 8px 0;
 }
 #slide_right a:hover{
     color:#FAFDFA;
     background-color: #0A120F;
 }
 #slide_right h3{
     margin-top: 80px;
     margin-bottom: 8px;
 }

 #slide_left .contenedor,#slide_right .contenedor{
     border: 1px solid #0A120F;
}
#slide_left #contenedores_left{
     margin-top: 80px;
}
#slide_left .contenedor h5{
      margin-left:20px;
      margin-top: 30px;
      margin-bottom: 46px;
}

#slide_left .contenedor.contenedor_uno p{
     margin-left: 20px;
}

#slide_left .contenedor.contenedor_dos p{
     margin-left: 20px;
}
#slide_left .contenedor.contenedor_tres p{
     margin-left: 20px;
}
#slide_right #contenedores_right{
     margin-top: 80px;
     margin-left: 0;
}

#slide_right .contenedor h5{
     margin-left:20px;
     margin-top: 30px;
     margin-bottom: 46px;
}

#slide_right .contenedor.contenedor_uno p{
     margin-left: 20px;
}

#slide_right .contenedor.contenedor_dos p{
     margin-left: 20px;
}
#slide_right .contenedor.contenedor_tres p{
     margin-left: 20px;
}



#slide{
     background-color: #0A120F;
     padding: 56px 0;
}

#slide img{
     padding: 0 20px;
}

#arquitectura_sostenible .renglon:first-child {
     margin-top: 40px;
 }
 #arquitectura_sostenible .renglon {
     margin-bottom: 40px;
     position: relative;
 }
 
 #arquitectura_sostenible .renglon {
     margin-left: 50px;
     margin-right: 0;
 }

 .renglon.materiales::before{
     content: url('../img/materiales.svg');
}
.renglon.fachadas::before{
     content: url('../img/fachadas.svg');
}
.renglon.reciclaje::before{
     content: url('../img/reciclaje.svg');
}
#inmobiliaria_brom{
     margin: 83px 86px;
}
#inmobiliaria_brom h3{
     margin-bottom: 8px;
}

.imagenes_brom{
     margin-top: 20px;
}

.imagenes_brom img{
     display: inline-block;
     max-width: 168px;
}
.imagenes_brom img:first-child{
     margin-right: 124px;
}
#inmobiliaria_brom a{
     display: inline-block;
     margin-top: 24px;
     padding:9px 104px;
}
#galeria .mt-43{
     margin-top: 43px;
}
#galeria{
     margin-bottom: 43px;
}
#formulario{
     margin-bottom: 60px;
}
#formulario .titulo_formulario{
     margin-top: 60px;
     margin-bottom: 8px;
}
#formulario .subtitulo_formulario{
     margin:0;
}
#hr_formulario{
     height: 1px;
     width: 100%;
     background-color: #C7D4D3;
     margin:0;
}

#formulario form{
     margin-top: 60px;
}
#formulario form label{
     margin: 0px;
}
#formulario input{
     background-color: transparent;
     color:#0A120F;
     border: none;
     border-bottom: 1px solid #0A120F;
     border-radius: 0;
     height: 40px;
     padding: 15px 10px;
}
#formulario .elemento_formulario{
     margin-bottom: 8px;
}
#formulario input::placeholder{
     color:#CBCDCD;
}
#formulario input:focus{
     outline: none;
     border: none;
     box-shadow: none;
     border-bottom: 1px solid #0A120F;

}

#formulario button{
     background-color: #0A120F;
     color: #FAFDFA;
     padding: 9px 52px;
     margin-top: 20px;
}
footer{
     margin-top: 20px;
}
footer img{
     width: 112px;
}
footer .secciones{
     margin: 53px 0 44px;
}
footer .subfooter{
     margin: 36px 0 64px;
}
footer .redes_sociales a{
     display: block;
}
footer .subfooter h6{
     margin-bottom: 25px;
}
.text-underline{
     text-decoration: underline;
}
footer .redes_sociales a{
     width: 91px;
     margin-bottom: 15px;
     position: relative;
}

footer .redes_sociales a:after {
     content: url(../img/flecha_footer.svg);
     width: 12px;
     height: 12px;
     position: absolute;
     top: 0;
     right: 0px;
 }

 footer .brochure > div >p{
     display: inline-block;
     padding-bottom: 37px !important;
     padding-left: 30px;
     padding-right: 30px;
     border-bottom: 1px solid #C7D4D3;
 }
 footer .brochure a{
     margin-left:5px;
     text-decoration-thickness: 2px; /* Grosor del subrayado */

 }
 footer .underfooter{
     margin-bottom: 22px;
 }

 footer .underfooter span{
     font-weight: bold;
 }

 footer .underfooter img{
     width: 200px;
 }
 @media only screen and (max-width: 767px) {
     .navbar{
          padding:0;
     }
     .movil-menu{
          padding: 13px 16px !important;
     }

     .navbar-toggler{
          border: none;
          padding: 0;
     }
     .navbar-collapse{
          background-color: #FAFDFA;
     }
     .bar_menu_movil{
          padding: 13px 16px;
     }
     .navbar-toggler.collapsed .icon-menu{
          visibility: visible;
          width: auto;
     }
     .navbar-toggler.collapsed .icon-close{
          visibility:hidden;
          width: 0;
     }

     .navbar-toggler .icon-menu{
          visibility: hidden;
          width: 0;
     }
     .navbar-toggler .icon-close{
          visibility: visible;
          width: auto;
     }
     .img-menu-movil{
          width:210px;
     }
     .navbar-nav{
          padding-top: 70px;
          padding-left: 16px;
          width: 100%;
     }
     .nav-item{
          margin: 0 0 40px 0;
          text-align: left;
     }
     .nav-link{
          padding: 0px;
     }
     #main-video{
          height: calc(100vh - 56px) !important;
          background-color: #000;
     }
     .texto-video-flotante{
          left:16px;
          bottom:40px;
     }
     .boton_blanco_banner{
          padding:9px 33px;
          font-size: 10px !important;

     }
     .titulo_banner{
          margin-bottom: 8.5px;
     }
     .boton_blanco:hover{
          border:1px solid #FAFDFA;
     }
     #opcion_empresa,#ubicacion_perfecta,#espacio_perfecto,#slide_left,#slide_right,#arquitectura_sostenible, #galeria,#formulario, footer{
          margin: 0 4px;
     }
     .titulo_opcion_empresa{
          margin-top: 45px;
          margin-bottom: 23px;
     }
     #opcion_empresa .separador{
          margin-top: 0px;
          margin-bottom: 40px;
     }
     #opcion_empresa .separador .texto-l-desk {
          margin-bottom: 8px;
     }
     .titulo_ubicacion_perfecta, .titulo_espacio_perfecto, .titulo_arquitectura_sostenible {
          margin-top: 40px;
          margin-bottom: 0px;
      }
      .renglon::before{
    
          width: 35px;
          height: 35px;
          position: absolute;
          top:0;
          left: -45px;
     }
     #ubicacion_perfecta .renglon {
          margin-left: 43px;
          margin-right: 10px;
      }
      #ubicacion_perfecta .renglon:first-child {
          margin-top: 20px;
      }
      #ubicacion_perfecta .renglon {
          margin-bottom: 24px;
      }
      #ubicacion_perfecta .boton_negro {
          padding:9px 21px;
          font-size: 10px !important;

      }

      .ubicacion_perfecta_imagen{
          margin-top: 40px;
      }
      #espacio_perfecto iframe{
          border:0;
          width: calc(100% + 32px); 
          height: 261px;
          padding-left: 0;
          margin-left: -16px;
          margin-top: 43px;
      }
      .subtitulo_espacio_perfecto {
          margin-bottom: 40px;
      }
      #espacio_perfecto .separador h5{
          margin-bottom: 16px;
      }
      #espacio_perfecto .separador {
          margin-bottom: 11px;
      }

      #espacio_refleja h1,#inovacion_prestigio h1,#crece_crea h1{
          margin: 55px 0;
      }

      #espacio_refleja img,#inovacion_prestigio img,#crece_crea img{
          max-width: 71px;
      }
      

      #slide_left h3,#slide_right h3{
          margin-top: 0px;
          margin-bottom: 0px;
      }
      #slide_left #contenedores_left,#slide_right #contenedores_right{
          margin-top: 40px;
          margin-bottom: 40px;
     }

     #slide_left .contenedor h5,#slide_right .contenedor h5{
          margin:20px 20px 0;
    }
    #slide_left .contenedor.contenedor_uno p,#slide_right .contenedor.contenedor_uno p{
          margin:8px 20px 20px;
     }

     #slide_left .contenedor.contenedor_dos p,#slide_right .contenedor.contenedor_dos p{
          margin:8px 20px 20px;
     }
     #slide_left .contenedor.contenedor_tres p,#slide_right .contenedor.contenedor_tres p{
          margin:8px 20px 20px;
     }
     #certificacion_leed img{
          width: 40px;
          margin-bottom: 8px;
      }
      #certificacion_leed{
          padding: 36px 0px;
     }
     #certificacion_leed p{
          margin-top: 8px;
          margin-bottom: 0px;
      }


     #slide_right a{
          margin-top: 8px;
          border: 1px solid #0A120F;
          max-width: fit-content;
          padding: 8px 47px;
          font-size: 10px !important;

      }
      #slide img{
          padding: 0 10px;
     }
     #slide{
          padding: 30px 0;
     }
     #inmobiliaria_brom{
          margin: 40px 4px 50px;
     }
     #inmobiliaria_brom h3{
          margin-bottom: 0px;
     }


     .imagenes_brom{
          margin-top: 20px;
     }
     
     .imagenes_brom img{
          display: inline-block;
          max-width: 100px;
     }
     .imagenes_brom img:first-child{
          margin-right: 50px;
     }
     #inmobiliaria_brom a{
          display: inline-block;
          margin-top: 20px;
          padding:8px 47px;
     }
     #inmobiliaria_brom p{
          margin-top: 12px !important;
     }
     #galeria{
          margin-bottom: 0px;
     }
     #galeria .mt-43{
          margin-top: 0px;
     }
     #boton_galeria{
          padding:8px 65px;
          margin: 24px 0 27px;
     }
     #galeria img{
          margin-bottom: 16px;
     }
     .boton_negro:hover{
          background-color: #FAFDFA;
          color:#0A120F;
     }
     #formulario .titulo_formulario{
          margin-top: 40px;
          margin-bottom: 0px;
     }
     #formulario form{
          margin-top: 20px;
     }
     #formulario button{
          padding: 9px 48px;
          margin-bottom: 36px;
     }
     footer img{
          width: 70px;
          margin: 20px 0;
     }
     footer .secciones{
          margin: 0px 0 31px;
     }
     footer .secciones a{
          display: block;
          margin-bottom: 20px;
     }
     footer .redes_sociales a {
          width: auto;
          margin-bottom: 25px;

     }
     footer .subfooter h6{
          margin-bottom:0px;

     }

     footer .subfooter img{
          width: 38px;
     }
     footer .subfooter {
          margin:31px 0 20px;
      }
      footer .brochure a {
           margin-left: 0px;
           margin-right: 30px;
          text-decoration-thickness: 2px;
      }
      footer .brochure > div{
          padding-bottom: 0px !important;
      }
      footer .underfooter {
          margin-bottom: 20px;
          margin-top: 8px;
      }

      .remedia{
          font-size: 8px;
          line-height: 18px;
      }


      .contenedor {
         
          margin-bottom: 53px !important;
        }


        #contenedores_right {
          margin-bottom: 0px !important;
      }

      #titulo_contenedores_right > div {
          margin-bottom: 30px !important;
      }

      #titulo_contenedores_left {
          margin-top: 40px !important;
          margin-bottom: 0px !important;
      }

      #titulo_contenedores_left > div, #titulo_contenedores_right > div {
          margin-bottom: 0px !important;
      }

      #titulo_contenedores_right{
          margin-top: 40px;
      }

      video{
          height: 100vh !important;
          overflow: hidden !important;
          width: auto !important;
      }

      #opcion_empresa .row.separador:last-child{
          margin-bottom: 40px !important;
      }

      #ubicacion_perfecta a{
          margin-bottom: 0px !important;
      }
      .ubicacion_perfecta_imagen {
           height: auto !important;
      }
      .opcion_empresa_imagen{
          height: auto !important;
      }

      #arquitectura_sostenible img{
          height: auto !important;
      }
      #arquitectura_sostenible .renglon.reciclaje{
          margin-bottom: 33px !important;
      }

      footer .brochure > div >p{
          padding-bottom: 34px !important;
          padding-left: 11px;
          padding-right: 0px;
          display: block;
      }
      .boton_blanco_banner:hover {
          border-color: 1px solid #FAFDFA !important;
          background-color: transparent !important;
      }
      #slide_right a:hover {
          color: #0A120F;
          background-color: #FAFDFA;
      }
      #formulario button:hover {
          background-color: #0A120F !important;
          color: #FAFDFA !important;
      }

      #gracias h4{
          margin-bottom: 30px;
          font-size: 20px;
          line-height: 26px;
      }
     
      #gracias p{
          margin-bottom: 30px !important;
          font-size: 16px;
          line-height: 20px;
      }
     
      #gracias a{
          padding: 9px 98px;
          font-size: 16px;
          line-height: 24px;
      }
      #gracias img{
          width: 210px !important;
      }

      #gracias #contenido{
          margin: 0 25px;
      }
      #map{
          margin-top: 50px;
          height: 270px !important;
     }
 }

 .contenedor.no_viendo img{
     opacity: 0.4;
 } 

 .nav-link {
     font-size: inherit; 
     color: inherit;
     display: inline-block;
 }

   #contenedores_left {
     counter-reset: card;
     position: relative;
     display: block;
    
   }

   
     #titulo_contenedores_left > div,#titulo_contenedores_right > div{
          position: sticky;
          top: 80px;
          margin-bottom: 125px;
     }
   .contenedor {
     background-color: #FAFDFA;
     position: sticky;
     top: 80px;
     margin-bottom: 125px;
   }

   .contenedor_dos {
     top:160px;
   }
   .contenedor_tres {
     top:240px;
   }

   .no_viendo{
     color:rgb(202, 206, 203);
     border:1px solid rgb(202, 206, 203) !important;
   }


   #contenedores_right .contenedor_dos {
     top:180px;
   }
   .boton_blanco_banner:hover {
     border-color: 1px solid #0A120F;
     background-color: #0A120F;
 }

 #opcion_empresa .row.separador:last-child{
     margin-bottom: 94px;
 }
 .opcion_empresa_imagen{
     height: 100%;
 }
 .ubicacion_perfecta_imagen{
     height: 100%;
 }

 .distancia{
     min-width: 55px;
 }

 #ubicacion_perfecta a{
     margin-bottom: 80px;
 }

 #arquitectura_sostenible .renglon.reciclaje{
     margin-bottom: 170px;
 }
 #arquitectura_sostenible img{
     height: 100%;
 }
 #main-video{
     overflow: hidden;
 }

 video{
     overflow: hidden;
     height: 100%;
     width: 100%;
 }

 .text-nowrap {
     white-space: nowrap;
 }

 #formulario button:hover {
     background-color: #FAFDFA;
     color: #0A120F;
 }

 #gracias{
     padding-top: 140px;
     padding-bottom: 140px;
 }

 #gracias h4{
     margin-bottom: 30px;
 }
 #gracias img{
     width: 262px;
 }

 #gracias p{
     margin-bottom: 30px;
 }

 #gracias a{
     padding: 9px 98px;
 }
#map{
     width: 100%;
     height: 100%;
}

#main-video > div {
     height: 100%;
}