#blocGallerie{
}

/* line 16, ../sass/demo.scss */
.clear {
  clear: both;
  float: none;
}

/* line 22, ../sass/demo.scss */
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
/* line 32, ../sass/demo.scss */
.container .gallery a img {
  float: left;
  width: 20%;
  height: auto;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container .gallery a.big img {
  width: 40%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}






#mainwrapper {
  font: 10pt normal Arial, sans-serif;
  height: auto;
  text-align: center;
  width: 100%;
}
#mainwrapper h3{
  padding-bottom: 15px;
}

/* Image Box Style */
#mainwrapper .box {
  border: 5px solid #fff;
  cursor: pointer;
  height: 182px;
  margin: 5px;
  position: relative;
  overflow: hidden;
  width: 20%;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
}
#mainwrapper .box img {
  position: absolute;
  left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out; 
  transition: all 300ms ease-out;
}

/* Caption Common Style */
#mainwrapper .box .caption {
  background-color: rgba(0,0,0,0.8);
  position: absolute;
  color: #fff;
  z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out; 
    transition: all 300ms ease-out;
  left: 0;
}

/** Caption 2: Full Width & Height **/
#mainwrapper .box .full-caption {
  top:80%;
  text-align: left;
  height: 100%;
}

#mainwrapper .box:hover .full-caption {
  -moz-transform: translateY(-80%);
  -o-transform: translateY(-80%);
  -webkit-transform: translateY(-80%);
  opacity: 1;
  transform: translateY(-80%);}