/*-----------------------------------------------------------------------------------*/
/*  Portfolio
/*-----------------------------------------------------------------------------------*/

#portfolio {
  position: relative;
  padding-bottom: 50px;
}

#portfolio .portfolio-list {
  margin-bottom: 50px;
}

#portfolio .portfolio-list .nav {
  display: inline-block;
  margin: 0;
}

#portfolio .portfolio-list .nav li {
  margin: 20px;
  display: inline-block;
  font-size: 14px;
  color: #DDDDDD;
  line-height: 16px;
  cursor: pointer;
  /*font-family: 'Poppins', helvetica;*/
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

#portfolio .portfolio-list .nav li:hover, #portfolio .portfolio-list .nav li.filter-active  {
  color: #E81C37;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

#portfolio .portfolio-container {
  display: inline-block;
  width: 100%;
}

.portfolio-thumbnail {
  margin-bottom: 30px;
  overflow: hidden;
  min-height: 260px;
}

.portfolio-thumbnail img {
  max-width: 100%;
}

.item-thumbnail-title {
    background: rgba(0,0,0,0.7) !important;
    color: #fff !important;
    transform: translateY(-100%);
    padding: 1rem!important;
    font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1rem;
    text-decoration: none !important; 
}

#portfolio img {
  width: 100%!important;  
  border-radius: 2px !important; 
  -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000) !important; 
      -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000) !important; 
       -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000) !important; 
        -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000) !important; 
           transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000) !important; 
}

#portfolio img:hover {
  -webkit-transform: scale(1.05) !important; 
  -moz-transform: scale(1.05) !important; 
  -o-transform: scale(1.05) !important; 
  -ms-transform: scale(1.05) !important; 
  transform: scale(1.05) !important; 
}

#portfolio .div-btn-contato{
  margin-top: -25px; 
  margin-bottom: 70px;
}

/* Background do portifolio*/
.mfp-bg {
  opacity: 1 !important;
}