@import "animate.css";
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
@import url(http://fonts.googleapis.com/css?family=Exo);
@import url(http://fonts.googleapis.com/css?family=Exo:700);
@import url(http://fonts.googleapis.com/css?family=Exo:600);
@import url(http://fonts.googleapis.com/css?family=Exo:900);
@import url(http://fonts.googleapis.com/css?family=Exo:400italic);
@import url(http://fonts.googleapis.com/css?family=Exo:500);
/*========================================================
                    Main layout styles
=========================================================*/

/* ======= Gallery  ======= */

.gallery_image a {
  display: block;
  position: relative;
  background: #000000;
}
.gallery_image a img {
  margin-bottom: 0;
}
@media (max-width: 979px) {
  .gallery_image a img {
    width: 100%;
  }
}
.gallery_image a:hover img {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.gallery_image a:hover .gallery_icon {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gallery_image a img {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gallery_image a .gallery_icon {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 164px;
  height: 82px;
  background: url(../images/hover-icon.png) no-repeat center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -82px;
  margin-top: -45px;
}



.gallery_image a:hover .gallery_sertoes {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


.gallery_image a .gallery_sertoes {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width: 235px;
	height: 119px;
	background: url(../images/galeria_gallery/sertao_cosmopolita/thumb_on.png) no-repeat center;
	position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -118px;
    margin-top: -58px;
}