/* album2 sample */

#thumbs {
	margin: 0;
	padding: 0;
}

#thumbs li {
	list-style-type: none;
  padding: 0;
  margin: 0 0 10px 10px;
}

.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}

.item-thumbs a + img {
	width: 100%;	
}

.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #bcbcbc;
	
	opacity: 0.80;
	filter: alpha(opacity=80);
}

.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #FFFFFF;
	font-size: 32px;
	line-height: 1em;
	
	opacity: 1;
	filter: alpha(opacity=100);
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


#thumbs li {
    list-style-type: none;
}
.isotope .isotope-item {
    transition-property: transform, opacity;
}
.isotope, .isotope .isotope-item {
    transition-duration: 0.8s;
}


.item-thumbs .hover-wrap {
    display: block;
    height: 100%;
    opacity: 0;
    position: absolute;
    transform: rotateY(180deg) scale(0.5, 0.5);
    transition: all 450ms ease-out 0s;
    width: 100%;
}
#thumbs a {
    color: #bcbcbc;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.1s linear 0s;
}


.item-thumbs .hover-wrap .overlay-img {
    background: #bcbcbc none repeat scroll 0 0;
    height: 100%;
    opacity: 0.8;
    position: absolute;
    width: 100%;
}


.font-icon-plus::before {
    content: "";
}
[class^="font-"]::before, [class*=" font-"]::before {
    font-family: "Icons";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
}
.item-thumbs .hover-wrap .overlay-img-thumb {
    color: #79c34f;
    font-size: 32px;
    left: 50%;
    line-height: 1em;
    margin: -16px 0 0 -16px;
    opacity: 1;
    position: absolute;
    top: 50%;
}#thumbs li {
    list-style-type: none;
}
.isotope .isotope-item {
    transition-property: transform, opacity;
}
.isotope, .isotope .isotope-item {
    transition-duration: 0.8s;
}

.item-thumbs .hover-wrap {
    display: block;
    height: 100%;
    opacity: 0;
    position: absolute;
    transform: rotateY(180deg) scale(0.5, 0.5);
    transition: all 450ms ease-out 0s;
    width: 100%;
}

#thumbs a {
    color: #bcbcbc;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.1s linear 0s;
}


.item-thumbs .hover-wrap .overlay-img {
    background: #bcbcbc none repeat scroll 0 0;
    height: 100%;
    opacity: 0.8;
    position: absolute;
    width: 100%;
}

.item-thumbs .hover-wrap .overlay-img-thumb {
    color: #ffffff;
    font-size: 32px;
    left: 50%;
    line-height: 1em;
    margin: -16px 0 0 -16px;
    opacity: 1;
    position: absolute;
    top: 50%;
}

.item-thumbs {
    width: 18%;
}

@media screen and (max-width: 768px) {
  /* 5 columns for larger screens */
.item-thumbs {
        width: 30%;
    }
}

@media screen and (max-width: 480px) {
  /* 5 columns for larger screens */
.item-thumbs {
        width: 46%;
    }
}

.basis .item-thumbs {
    width: 30%;
}

/*# sourceMappingURL=style.css.map */