.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}


/**** Masonry Styles ****/
#home .masonry-item,
.articles_view .masonry-item {
  float: left;
  margin: 12px;
  background: #fff;
}
.box01{
  width: 384px;
  height: 320px;
}
.box02{
  width: 180px;
  height: 320px;
}
.mini-box01{
  width: 180px;
  height: 148px;
}
.mini-box02{
  width: 384px;
  height: 148px;
}


/**** Masonry Styles ****/
.mosaic-block {
    position: relative;
    overflow: hidden;
    background: url(images/icons/progress.gif) no-repeat center center;
}
    .mosaic-backdrop {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: #111;
    }
    .mosaic-overlay {
        display: none;
        z-index: 5;
        position: absolute;
        width: 100%;
        height: 100%;
        background: #111;
    }
.mosaic-block .details {
    margin: 70px 30px 80px;
}
.mosaic-backdrop h4,
.mosaic-backdrop p {
    margin-left: 30px;
}
.mosaic-backdrop h4 {
    margin-top: 70px;
}
.details-activities {
    padding: 30px;
    background: url(images/icons/triple_dots.png) no-repeat 32px 38px;
    position: relative;
}
.mosaic-block a {
    text-decoration:none;
} 
.details h4 {
    font-family:'Raleway', Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 2.875em;
    text-transform: uppercase;
    line-height: 100%;
    color: #fff;
}
.details h5, .details-activities h5 {
    font-family:'Raleway', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 2.25em;
    line-height: 1.2em;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}
.details p {
    font-family:'Raleway', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.25em;
    color: #fff;    
}
.details-activities h4 {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 120px;
    overflow: hidden;
    font-weight: 400;
    font-size: 2.2em;
    line-height: 1em;
    color: #fff;
}
/**************** Background Colors ****************/
.red {
    background-color: #e42d1f;
    color: #e42d1f;
}
.pink {
    background-color: #f6aa9a;
    color: #f6aa9a;
}
.rose {
    background-color: #c97365;
    color: #c97365;
}
.maroon {
    background-color: #581d13;
    color: #581d13;
}
.salmon {
    background-color: #f2836b;
    color: #f2836b;
}
.green {
    background-color: #8ebd7b;
    color: #8ebd7b;
}
.lime {
    background-color: #beca7d;
    color: #beca7d;
}
.lightyellow {
    background-color: #f2e1ac;
    color: #f2e1ac;
}
.yellow {
    background-color: #f4b800;
    color: #f4b800;
}
.teal {
    background-color: #83b9b3;
    color: #83b9b3;
}
.darkteal {
    background-color: #568983;
    color: #568983;
}
.lightblue {
    background-color: #abe0eb;
    color: #abe0eb;
}
.periwinkle {
    background-color: #a7bee3;
    color: #a7bee3;
}
.violet {
    background-color: #bba2bb;
    color: #bba2bb;
}
.white {
    background-color: #fff;
    color: #fff;
}