/*
* This file is the style for whole PERSEO's site
* all rights granted to PERSEO's team.
* Author: PERSEO's development squad.
* Placed on Tepic, Nayarit, México.
*/
.menu-fijo {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 999 !important;
  background-color: white !important
}
.perseo-font{
  color: #305F7F;
}
.team-title{
  font-family: Raleway;
  font-weight: bold;
  color: #305F7F;
  font-size: 14px;
}
.gray-project{
  background-color: #f1f2f6;
}
.margin-project{
  margin:2%;
}
.hr_slim{
  margin-top: 0px;
  margin-bottom: 5px;
  border-color: #b2bec3;
}
.middle{
  vertical-align: middle !important;
}
.bottom-gray{
  border-bottom: 1px solid #f1f2f6;
}
.border-gray{
  border: 1px solid #f1f2f6;
}
.text-team{
  margin: 0 !important
}
.border-team{
  border: 1px solid #ecf0f1;
}
.pie-uan{
  padding-top: 20px;
  width: 40%;
  height: auto;
}
.pie-cenitt{
  padding-top: 20px;
  width: 90%;
  height: auto;
}
.pie-conacyt{
  padding-top: 15px;
  width: 60%;
  height: auto;
}
.pie-inegi{
  padding-top: 30px;
  width: 80%;
  height: auto;
}
.normal-font{
  font-weight: normal;
}
.swal-wide{
  width:60%;
}
.btn-gfi{
  border: .5px solid #373C42!important;
}
.btn-gfi:hover{
  border-color: #373C42;
  background-color: #bdc3c7;
}
.max-extent{
  z-index: -1;
  top: -10em;
  left: 50%;
  right: 50%;
  position: absolute;
  width: 25%;
  font-size: 14px;
  height: 24px;
  transform: translate(-50%, -50%);
  background-color: #2d3436;
}
.hide{
  display: none !important;
}

/* Inicio reglas galería de fotos */
.photos .photo-item {
  position: relative;
}
.photos .photo-item:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  opacity: 0;
  visibility: hidden;
}
.photos .photo-item .photo-text-more {
  color: white;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 30px;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  opacity: 0;
  visibility: hidden;
  text-align: center;
}
.photos .photo-item .photo-text-more .icon {
  color: #fff;
  font-size: 20px;
}
.photos .photo-item .photo-text-more .heading {
  font-size: 16px;
  color: #fff !important;
  margin-bottom: 0;
}
.photos .photo-item .photo-text-more .meta {
  color: white !important;
  text-transform: uppercase;
  font-size: 12px;
}
.photos .photo-item img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 300px;
  margin-bottom: 0px;
}
@media (max-width: 575.98px) {
  .main-content .photos .photo-item img {
    height: 200px; 
  } 
}
.photos .photo-item:hover:after {
  opacity: 1;
  visibility: visible;
}
.photos .photo-item:hover .photo-text-more {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}
/* Fin reglas galería de fotos */