/*
  Mosaic - Sliding Boxes and Captions jQuery Plugin
  Version 1.0.1
  www.buildinternet.com/project/mosaic
  
  By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
  Released under MIT License / GPL License
*/


/*General Mosaic Styles*/
.mosaic-block {
  float:left;
  position:relative;
  overflow:hidden;
  width:150px;
  height:150px;
  margin:5px;
  background:#111 url(../img/progress.gif) no-repeat center center;
  border:1px solid #bababa;
  box-shadow: 10px 10px 5px #888888;
}

  .mosaic-backdrop {
    display:none;
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    background:#111;
  }
  
  .mosaic-overlay {
    display:none;
    z-index:5;
    position:absolute;
    width:100%;
    height:100%;
  }
  
    /*** Custom Animation Styles (You can remove/add any styles below) ***/
    .circle .mosaic-overlay {
      background:url(../img/hover-magnify.png) no-repeat center center;
      opacity:0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
      filter:alpha(opacity=00);
      display:none;
    }
    
    .fade .mosaic-overlay {
      opacity:0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
      filter:alpha(opacity=00);
      background:url(../img/bg-black.png);
    }
    
    .bar .mosaic-overlay {
      bottom:-100px;
      height:100px;
      background:url(../img/bg-black.png);
    }
    
    .bar2 .mosaic-overlay {
      bottom:-50px;
      height:100px;
      opacity:0.9;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
      filter:alpha(opacity=90);
    }
    
      .bar2 .mosaic-overlay:hover {
        opacity:1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:alpha(opacity=100);
      }
    
    .bar3 .mosaic-overlay {
      top:-100px;
      height:100px;
      background:url(../img/bg-black.png);
}

.mosaic-block .details {
  background: rgb(155, 53, 53);
  color: white;
  opacity: .85;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.details h4 {
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
    font-size: 35px;
    font-family: honeyscriptsemibold !important;
    text-align: center;
    margin: 0;
}
.mosaic-block.bar2 h4 {
    font-size: 45px;
}
.details p {
    -webkit-margin-before: 0em;
    text-align: center;
    padding-bottom: 5px;
    margin: 0;
}
.mosaic-block.bar2 {
    width: 450px;
    height: 253px;
    margin: 17px;
}

    /*** End Animation Styles ***/