@charset "utf-8";
/* CSS Document */

.gallery_image {
  display: block;
  width: auto;
}

.gallery_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  width: auto;
  opacity: 0;
  transition: .7s ease;
  background: rgba(0, 0, 0, .7);
}

.illus_f:hover .gallery_overlay {
  opacity: 1;
}
.illus_l:hover .gallery_overlay {
  opacity: 1;
}
.illus_c:hover .gallery_overlay {
  opacity: 1;
}
.illus_r:hover .gallery_overlay {
  opacity: 1;
}

.gallery_text {
  font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.813em; line-height: 1.613em; letter-spacing: 0.150em; text-align: center;  color: #ffffff;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transition: top .7s ease;
}

.illus_f:hover .gallery_text {
  top: 50%;
}
.illus_l:hover .gallery_text {
  top: 50%;
}
.illus_c:hover .gallery_text {
  top: 50%;
}
.illus_r:hover .gallery_text {
  top: 50%;
}

a.ex2:link {font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif;  font-weight: 500; list-style-type: none; text-decoration: none; color: #ffffff; text-align: center;
}

a.ex2:visited {list-style-type: none; text-decoration: none; color: #ffffff; font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif;  font-weight: 500; text-align: center;
}

a.ex2:hover {list-style-type: none; text-decoration: none; color: #808080 font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif;  font-weight: 500; text-align: center;
}

a.ex2:active {list-style-type: none; text-decoration: none; color: #ffffff; font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif;  font-weight: 500; text-align: center;
}

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

@media handheld, only screen and (max-width: 767px) {
}

@media handheld, only screen and (max-width: 480px) {
	
.gallery_text {
  font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.813em; line-height: 1.613em; letter-spacing: 0.150em; text-align: center;  color: #000000;
  position: absolute;
  top: 80%;
  left: 50%;
    
  /*transform: none;
   -ms-transform: none;
  transition: top 0.1s ease;*/
    transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transition: top .7s ease;
  
  z-index:50; 
}

.illus_f:hover .gallery_text {
  top: 50%;
}
.illus_l:hover .gallery_text {
  top: 50%;
}
.illus_c:hover .gallery_text {
  top: 50%;
}
.illus_r:hover .gallery_text {
  top: 50%;
}
	
}