* {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.banneri{
  width: 100%;
  height: 550px;
  background: url('../img/uno.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}
.fondo{
  width: 100%;
  height: 550px;
  background-color: rgba(0,0,0,.3);
  overflow: hidden;
}
.logo{
  width: 10%;
  margin-left: 5%;
  margin-top: 2%;
}

.op-menu{
  display: none;
}

nav{
  /*border: 2px red solid;*/
  width: 100%;
  margin-top: 5%;
  margin-right: 5%;

}
nav ul{
  padding: 20px;
}
nav ul a.selector{
  font-family: 'Roboto', sans-serif;
  color: #fff;
  padding: 20px;
  font-size: 17px;
  text-decoration: none;
}
nav ul a.selector:hover{
  color: #DDCE0C;
}
nav ul a#select{
  color: #DDCE0C;
}
.textb h1{
  /*padding: 20px;*/
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 55px;
  width: 65%;
  /*text-align: center;*/
  /*margin: 0 auto;*/
  margin-left: 5%;
  margin-top: 17%;
}
.boton{
  /*border: 2px red solid;*/
  overflow: hidden;
  margin-top: 3%;
  width: 46%;
}
.boton a{
  margin-left: 5%;
  float:right;
}
.tit{
  text-align: center;
  color: #DDCE0C;
}
hr{
  width: 8%;
  margin: 0 auto;
  height: 5px;
  background-color: #DDCE0C;
}
.texto{
   font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 16px;
  text-align: center;
  margin-top: 5%;
}
.cinta{
  width: 100%;
  height: 280px;
  background: url('../img/cinta.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  overflow: hidden;
}
.fondo1{
  width: 100%;
  height: 280px;
  background-color: rgba(186,18,79,.5);
  overflow: hidden;
}
.tit2{
  text-align: center;
  color: #ffF;
  margin-top: 3%;
}
hr{
  width: 8%;
  margin: 0 auto;
  height: 5px;
  background-color: #DDCE0C;
}
.texto2{
   font-family: 'Montserrat', sans-serif;
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  margin-top: 3%;
  width: 60%;
}
.boton2{
  /*border: 2px red solid;*/
  overflow: hidden;
  margin-top: 3%;
  text-align: center;
  /*width: 46%;*/
}
.boton2 a{
  /*margin-left: 5%;*/
  /*float:right;*/
}
/*--------------FOOTER----------*/
footer{
  width: 100%;
    background: #DDCE0C;
    font-family: 'Oswald', sans-serif;
    height: 100px;
    overflow: hidden;
    clear: both;

}
footer p{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    margin-top: 2.5%;
    color: #000;
}
/*--------------ir arriba-----------*/

.ir-arriba {
  display:none;
  padding:20px;
  background:#DDCE0C;
  font-size:20px;
  color:#000;
  cursor:pointer;
  position: fixed;
  bottom:20px;
  right:20px;
}
/*------------------nosotros----------*/
.bannern{
  width: 100%;
  height: 550px;
  background: url('../img/bannern.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}
.fondon{
  width: 100%;
  height: 550px;
  background-color: rgba(0,0,0,.3);
  overflow: hidden;
}
.botonn{
  /*border: 2px red solid;*/
  overflow: hidden;
  margin-top: 3%;
  width: 43%;
}
.botonn a{
  margin-left: 5%;
  float:right;
}
.texto3{
   font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 16px;
  text-align: justify;
  /*margin: 0 auto;*/
  /*margin-top: 3%;*/
  /*width: 60%;*/
}
.icono i{
  color: #000;
}
/*-------------------servicios---------------*/
.banners{
  width: 100%;
  height: 550px;
  background: url('../img/banners.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}
.textos{
   font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  margin-top: 3%;
  width: 70%;
}
.imagen{
  width: 100%;
  height: 200px;
  background: url('../img/casa.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  overflow: hidden;
}
.imagen2{
  width: 100%;
  height: 200px;
  background: url('../img/depa.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  overflow: hidden;
}
.imagen3{
  width: 100%;
  height: 200px;
  background: url('../img/terrenos.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  overflow: hidden;
}
.imagen4{
  width: 100%;
  height: 200px;
  background: url('../img/bodegas.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  overflow: hidden;
}
/*-----------------contacto-----------------*/
.bannerc{
  width: 100%;
  height: 550px;
  background: url('../img/bannerc.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}
  /* Conatct start */

        .header-title
        {
          text-align: center;
          color:#DDCE0C;
        }

        #tip 
        {
            display:none;  
        }

        .fadeIn
        {
          animation-duration: 3s;
        }

        .form-control
        {
          border-radius:0px;
          border:1px solid #EDEDED;
        }

        .form-control:focus
        {
          border:1px solid #00bfff;
        }

        .textarea-contact
        {
          resize:none; 
        }

        .btn-send
        {
          border-radius: 0px;
          border:1px solid #DDCE0C;
          background:#DDCE0C;
          color:#fff; 
        }

        .btn-send:hover
        {
          border:1px solid #000;
          background:#fff;
          color:#000;
          transition:background 0.5s;   
        }

        .second-portion
        {
          margin-top:50px; 
        }

            @import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
    @import "http://fonts.googleapis.com/css?family=Roboto:400,500";

    .box > .icon { text-align: center; position: relative; }
    .box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #DDCE0C; vertical-align: middle; }
    .box > .icon:hover > .image { background: #333; }
    .box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
    .box > .icon:hover > .image > i { color: white !important; }
    .box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; min-height:163px;}
    .box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
    .box > .icon > .info > h3.title { font-family: "Robot",sans-serif !important; font-size: 16px; color: #222; font-weight: 700; }
    .box > .icon > .info > p { font-family: "Robot",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
    .box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
    .box > .icon > .info > .more a { font-family: "Robot",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
    .box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
    .box .space { height: 30px; }

    @media only screen and (max-width: 768px)
    {
      .contact-form
      {
        margin-top:25px; 
      }

      .btn-send
      {
        width: 100%;
        padding:10px; 
      }

      .second-portion
      {
        margin-top:25px; 
      }
    }
  /* Conatct end */