@font-face {
  font-family: 'Gotham-Bold';
  src: url('../fonts/Gotham-Bold.eot');
  src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg'),
       url('../fonts/Gotham-Bold.ttf') format('truetype'),
       url('../fonts/Gotham-Bold.woff') format('woff'),
       url('../fonts/Gotham-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Book';
  src: url('../fonts/Gotham-Book.eot');
  src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg'),
       url('../fonts/Gotham-Book.ttf') format('truetype'),
       url('../fonts/Gotham-Book.woff') format('woff'),
       url('../fonts/Gotham-Book.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/MyriadPro-Regular.eot');
  src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'),
       url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
       url('../fonts/MyriadPro-Regular.woff') format('woff'),
       url('../fonts/MyriadPro-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Bold Regular';
  src: url('../fonts/Gotham Bold Regular.eot');
  src: url('../fonts/Gotham Bold Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Gotham Bold Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBold';
  src: url('../fonts/GothamBold.svg#GothamBold') format('svg'),
       url('../fonts/GothamBold.ttf') format('truetype'),
       url('../fonts/GothamBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.dd{
    width: 100%;
    height: 100vh;
    display: flex;
}
.dd img{
margin: auto;
display: block;
}



header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    background-image: url(../img/placa-menu.png);
    height:100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: flex-start;
    flex-flow: row nowrap;
    padding: 0px;
}

section.principal .img-slider{
    height:94vh;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
  }

a.navbar-brand {
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    font-size: 40px;
}
a.conoseelproyecto{
    text-transform: uppercase;
    color: #000;
    font-family: 'Gotham-Bold';
    font-size: 20px;
    text-decoration: none;
}
div#navbarNav{
  width: 100%;
}
div#navbarNav a.nav-link {
  position: absolute;
  right: 0px;
  text-transform: uppercase;
  color: #000;
  font-family: 'Gotham-Bold';

}
.sin-padding{
  padding-right: 0px;
    padding-left: 0px;
}
.sin-margin{
  margin-right:0px;
  margin-left:0px; 
}
.owl-theme .owl-nav {
    margin-top: 0px;
    display: none;
}
.owl-dots {
    position: relative;
    bottom: 40px;
    width: 100%;
    height: 30px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

section.galeria{
  background-image: url(/img/conoce-el-proyecto-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
}

.spacio-altura{
  height: 60px;
}

.spacio-altura-2{
  height: 50px;
}
section.galeria .contenedor-galeria{
  height: 500px;
  width: 800px;
  background-color: transparent;
  margin: auto;
}

section.formulario{
display: block;
background-color: rgb(88,89,91);
}


section.formulario .marco-form{
padding: 70px;
}

section.formulario .marco-form .form-delig form label{
  color: #fff;
  margin-bottom:0rem;
  font-family: 'Gotham-Book';

}
section.formulario .marco-form .form-delig h4{
  font-size: 2.5rem;
  text-align: center;
    text-transform: uppercase;
    color: #fff;
}


section.formulario .marco-form .form-delig form .marco-msj p{
    text-decoration: none;
    color: #fff;
    margin-bottom: 0rem;
    font-family: 'Gotham-Book';
    font-size: 24px;
    text-align: center;
}

section.formulario .marco-form .form-delig form input{
      border-radius: 0rem;
}

section.formulario .marco-form .form-delig form button.boton-enviar {
    width: 100%;
    padding: 10px;
    text-transform: uppercase;
    color: black;
    font-weight: bold;
}


section.formulario .marco-form .form-delig .mrgen {
    height: 100%;
    width: 100%;
    display: flex;
}

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt{
  margin: auto;
  display: block;
  text-align: center;
}

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt .smsc{
height:10px;
display: block;
}

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt span{
    font-family: 'Gotham-Bold';
    color: #fff;
    font-size: 30px;
}

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt a{
  text-decoration: none;
  color: #fff;
  margin-bottom: 0rem;
  font-family: 'Gotham-Book';
  font-size: 24px;
}
section.formulario .marco-form .form-delig .mrgen .mrgen-intrt p {
  margin-top: 0;
  color: #fff;
  margin-bottom: 0rem;
  font-family: 'Gotham-Book';
  font-size: 24px;
}

section.aviso .banner{
height: 348px;
width: 100%;
}

section.aviso h1{
  color: #333;
  text-transform: uppercase;
  text-align: center;
}
section.aviso p{
  font-family: 'MyriadPro-Regular';
}
section.aviso span{
  font-family: 'Gotham Bold Regular';
    color: #333;
    font-weight: bold;
}
section.aviso label{
color: rgb(11,119,183);
margin-bottom: 0rem;

}

.fond{
  background-color:rgb(65,64,66); 
}
.marco-text-boton{
  text-align: center;
    margin: auto;
    display: block;
    height: 200px;
    width: 350px;
}
.marco-text-boton span{
 text-transform: uppercase;
 font-family: 'Gotham-Bold';
 color:#fff;
 font-size: 40px;
}
.marco-text-boton .altur{
  height: 20px;
  display: block;
}
.marco-text-boton a{
    background-color: rgba(255,255,255,0.9);
    text-decoration: none;
    color: #333;
    border-radius: 5px;
    height: 40px;
    padding: 10px 110px 10px 110px;
}


footer{
  height:30px;
  background-color:rgb(65,64,66); 
}
footer .text-footer{
  text-align: center;
  position: absolute;
  display: flex;
  width: 100%;
  top: -15px;
}
footer .text-footer a{
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  margin: auto;
}
footer .text-footerr{
  text-align: center;
  display: flex;
  width: 100%;
}
footer .text-footerr a{
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  margin: auto;
}


@media (max-width: 575.98px) { 
      section.galeria .contenedor-galeria{
        width: auto;
      }
      a.navbar-brand {
        font-size: 30px
      }
      section.formulario .marco-form {
    padding: 20px 0 20px 0;
      }

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt span {
    font-size: 20px;
}

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt a {
    font-size: 14px;
}

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt p {
    font-size: 14px;
}

section.formulario .marco-form .form-delig h4 {
    margin: 20px 0 20px 0;
}





}

@media (max-width: 767.98px) { 

}

@media (max-width: 991.98px) {  

}

@media (max-width: 1199.98px) { 
 }