/* Modal */
.galeria-modal{
  top: 0;
  left: 0;
  right: 0;
  float: left;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  position: fixed;
}
.galeria-modal span.modal-nav{
  top: 0;
  bottom: 0;
  width: 60px;
}
.galeria-modal span .fa {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.galeria-modal span.prev .fa{left: 15px;}
.galeria-modal span.next .fa{right: 15px;}
.galeria-modal button.like,
.galeria-modal span.fechar,
.galeria-modal span.next,
.galeria-modal span.prev{
  top: 0;
  color: #fff;
  z-index: 1000;
  cursor: pointer;
  font-size: 2.0em;
  position: absolute;
}
.galeria-modal span.next,
.galeria-modal span.prev{display: none;}
.galeria-modal span.next{right: 0px;}
.galeria-modal span.prev{left: 0px;}
.galeria-modal button.like{top: 10px;right: 15px;font-size: 25px;}
.galeria-modal .galeria-foto{/*top: 0;left: 0;right: 0;bottom: 0;position: fixed;*/}
.galeria-modal .galeria-foto img{
  left: 0;
  right: 0;
  top: 50%;
  opacity: 0;
  max-width: 100%;
  max-height: 100%;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  transform: translateY(-50%);
}
.galeria-modal span.fechar{
  top: 30px;
  right: 40px;
  width: 35px;
  opacity: 0.5;
  height: 35px;
  float: right;
  z-index: 1001;
  font-size: 20px;
  text-align: center;
  border-radius: 30px;
  letter-spacing: 8px;
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.65);
}
.galeria-modal span.fechar:hover{
  opacity: 1;
}
.galeria-modal span.fechar i.fa{
  top: auto;
  width: 15px;
  font-size: 20px;
  line-height: 35px;
  position: relative;
  transform: inherit;
  display: inline-block;
}

.galeria-modal span.next,
.galeria-modal span.prev{
  font-size: 40px;
}

.galeria-modal .galeria-overlay{
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.85);
}

.galeria-modal .galeria-desc{
  left: 0;
  bottom: 0;
  z-index: 0;
  float: left;
  width: 100%;
  text-align: center;
  position: absolute;
  padding: 60px 0 60px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.56), rgba(0, 0, 0, 0.84));
}
.galeria-modal .galeria-desc span{
  color: #fff;
  display: block;
  font-size: 18px;
  margin: 11px auto 0;
  font-family: 'Montserrat', sans-serif;
}
.galeria-modal .galeria-desc .tipo{
  font-size: 30px;
  font-family: 'Dancing Script', cursive;
}
.galeria-modal .galeria-desc .nome{
  font-weight: 300;
  letter-spacing: 3px;
}

.galeria-modal .show-desc,
.galeria-modal .galeria-desc .hide-desc{
  color: #fff;
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
  font-size: 20px;
  cursor: pointer;
  position: relative;
}
.galeria-modal .show-desc{
  width: 100%;
  bottom: 15px;
  display: none;
  font-size: 30px;
  text-align: center;
  position: absolute;
}

.galeria-modal .galeria-desc .social a{
  background-color: #212121;
}

@media only screen and (max-width: 720px){
  .galeria-modal span.next,
  .galeria-modal span.prev{
    font-size: 30px;
  }
}