/*@import url(bootstrap.min.css);*/

/*===================================
=            font custom            =
===================================*/
body{
  font-size: 15px !important;
}

  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/*=====  End of font custom  ======*/
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif; }
h1,h2,h3,h4,h5,h6 {letter-spacing: 3px; }


/*====================================
=            navbar style            =
====================================*/

 .navbar {
  margin-bottom: 0;
  background-color: white;
  z-index: 9999;
  border: 0;
  font-size: 12px !important;
  line-height: 1.42857143 !important;
  letter-spacing: 3px;
  border-radius: 0;
}

.navbar li a, .navbar .navbar-brand {
  /*color: #fff !important;*/
  color: black !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
  /*color: #f4511e !important;*/
  background-color: #e1e0e0 !important;
  background: #e1e0e0 !important;
}

.navbar-default .navbar-toggle {
  border-color: transparent;
  color: #fff !important;
}


body, html {
  height: 100%;
  /*color: #777;*/
  line-height: 1.8;

}


/* Create a Parallax Effect */
.parallax {
  position: relative;
  opacity: 0. 95;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .parallax{
    background-attachment: scroll;
    min-height: 400px;
  }

}

 #contenedor_intro{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
  white-space:nowrap;
  font-size: 60px; 
  font-weight: bold;
  border-radius: 11px;
 }

  #icono_presentacion {
    height: 132px;
    position: absolute;
    position: relative;
    bottom: -75px;
    left: 23px;
    border-radius: 15px;
  }

  #rfc_presentacion {
    font-size: 21px;
    position: relative;
    left: 183px;
    bottom: -45px;
    letter-spacing: 3px;

}

#Leyenda_firma {
  /*border-bottom: 5px solid red;*/
  color: #ed1850;
  letter-spacing: 10px;
  padding-left: 1px !important; 
  display: inline;
-webkit-text-fill-color: #ed1850;
-webkit-text-stroke: 4px #ed1850;

}

.contenedor{
  padding-top: 30px;
  margin.top: 30px;
  margin-bottom: 30px; 
  padding-bottom: 30px; 
}

.encabezados{
  margin-bottom: 33px;
}

#encabezado-proyectos{
  margin-top: 51px;
}

/*===============================
=            gallery    1     =
===============================*/


.masonry {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
  margin-bottom: 30px;
}
.masonry .brick {
  margin-bottom: 30px;
  overflow: hidden;
}
.masonry .brick img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.masonry .brick:hover img {
  opacity: .75;
}
.masonry.bordered {
  -moz-column-rule: 1px solid #eee;
  -webkit-column-rule: 1px solid #eee;
  column-rule: 1px solid #eee;
  -moz-column-gap: 50px;
  -webkit-column-gap: 50px;
  column-gap: 50px;
}
.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
}
.masonry.gutterless {
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
}
.masonry.gutterless .brick {
  margin-bottom: 0;
}

.span {
  -moz-column-span: all;
  -webkit-column-span: all;
  column-span: all;
  *margin: 30px 0;
}

/*=====  End of gallery 1 ======*/

  
 .thumbnail {
  border-radius: 0;
}

.thumbnail>a>img {
  width: 100%;
  height: 200px;
  margin-bottom: 10px;
}

.thumbnail>h4 {
  font-weight: bold;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 5px 5px 5px 5px;
    margin-bottom: -1px;
    border: none;
    text-align: left;

}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
    border-top: 1px solid #c6baba;
  }
.btn-tags{
  margin-right: 5px;
}




/**
 *
 * medias 
 *
 */
@media only screen and (min-width: 1024px) {

  /*----------  gallery 1  ----------*/
  .desc {
    font-size: 1.25em;
  }
  .masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}


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

    /*----------  gallery 1  ----------*/
    .masonry {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
    }
  }

  @media screen and (max-width:900px){

    #contenedor_intro {
        font-size: 30px;
        text-align: center;
    }

    #icono_presentacion {
        height: 132px;
        top: 20px;
        left: 0;
    }

    #rfc_presentacion {
        font-size: 21px;
        position: relative;
        left: 0;
        bottom: -30px;
    }

    #Leyenda_firma {
        font-size: 35px;
    }

    .item-footer {
        margin-top: 15px !important;
    }


}

@media screen and (max-width:500px){
  font-size: 15px;
  

  #logo_intro{
    height:271px;
  }

  .item-footer {
      margin-top: 20px;
  }


}



/*===============================
=            botones            =
===============================*/
.but{
  border-radius: 0;
  padding: 10px;
}

.but-black{
  background: black;
  color: white;
}

.but-gray{
  color: #000 !important;
  background-color: #f1f1f1 !important;
}

.but:hover {
    color: #000 !important;
    background-color: #ccc !important;
}
/*=====  End of botones  ======*/




.js-img-viewer {
  transition: 0.2s;
}

.js-img-viewer:hover {opacity: 0.7;}

.nav > li > a {
    padding-left: 5px;
  }

/*----------  footer  ----------*/
.item-list-footer {
    color: white;
    text-decoration: none;
    padding-left: 1px;
}

.item-footer {
    list-style: none;
    margin: 3px;
    font-size: 15px;
    color: #b7b5b5;

}

li.item-footer > a {
    color: #b7b5b5;
    font-size: 15px;
}

.footer-title{
  font-size: 25px;
}

li.item-footer>a>i.fa-facebook{
    border: 1px solid white;
    border-radius: 4px;
    padding: 6px;
}

address> .fa-facebook{
    border: 1px solid #060606;
    border-radius: 4px;
    padding: 2px;
    margin-right: 22px;
}
address>a{
  color: #333;
  text-decoration: none;
}

  /*----------  seccion de listado de noticias  ----------*/
  
  .news-list {
    list-style: none;
    margin: 10;
    padding: 0;
}


.news-list > .item::after {
    clear: both;
}

.news-list > .item {
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    padding: 10px 0;
    background: #fff;

  }
.news-list .new-title {
    font-weight: 600;
}

news-list > .item::before, .news-list > .item::after {
    content: " ";
    display: table;
}

.news-list .new-img img {
    width: 120px;
    height: 120px;
}

.news-list .new-info {
    margin-left: 140px;
}

.news-list .new-description {
    display: block;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-list .new-img {
    float: left;
}

.item{
  margin: 2px solid black;
  text-decoration: none;
}

.item:hover {
    background: #eee;
}



  .thumbnail.proyectos-card>img {
    height: 222px;
    width: 100%;
}

#cards {
    background: #2b2222;
    padding-top: 33px;
    padding-bottom: 33px;
    color: white;
}

.thumbnail.proyectos-card {
    padding: 0;
}


/* Add an orange color to all icons and set the font-size */
.logo-small {
  color: #a20c0c;
  font-size: 50px;
}
.icon-serv{
  margin-bottom: 25px;
}
.logo {
  color: #a20c0c;
  font-size: 200px;
}