.transition, .SubCatMorePanel, .AlbumMorePanel{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.Polaroid-1, .Polaroid-2, .GalleryItemContainer a{
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.SubCatItem{
	border-right:1px #efefef solid;				
}
.SubCatName{
	text-align:center;	
	background:#333;
	color:#fff;			
}
.SubCatImage{
	height:200px;
	position:relative;
}
.SubCatMorePanel, .AlbumMorePanel{
	position:absolute;
	bottom:0%;
	left:0%;
	right:0%;
	overflow:hidden;
	height:0%;
	background:rgba(0, 0, 0, 0.6);				
}
.SubCatItem:hover .SubCatMorePanel, .AlbumItem:hover .AlbumMorePanel{
	height:100%;				
}
.SubMoreBtn, .AlbumMoreBtn{
	position:absolute;
	top:-300px;
	left:0%;
	right:0%;
	text-align:center;				
}
.SubCatItem:hover .SubMoreBtn, .AlbumItem:hover .AlbumMoreBtn{
	top:50px;				
}
.SubMoreBtn a, .SubMoreBtn a, .AlbumMoreBtn a, .AlbumMoreBtn a{
	color:#fff;	
	display:block;
	width:100px;
	height:100px;
	margin:0 auto 0 auto;
	border:1px #fff solid;	
	-webkit-border-radius: 50%;
	border-radius: 50%;		
}
.SubMoreBtn a i:before, .AlbumMoreBtn a i:before{
	line-height:100px;				
}



.GalleryAlbumsContainer{
	padding-top:15px;
	border-top:1px #eee solid;				
}
.GalleryAlbumsContainer h2{
	margin-bottom:45px;				
}
.AlbumContainer{
	position:relative;	
	margin-bottom:20px;			
}
.AlbumItem, .Polaroid-1, .Polaroid-2{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	border:1px #f6f6f6 solid;
	padding:15px;
	-webkit-box-shadow: 0 0 3px 0 #525252;
	box-shadow: 0 0 3px 0 #525252;	
	position:relative;			
}
.Polaroid-1, .Polaroid-2{
	position:absolute;
	height:200px;
	width:200px;
	z-index:1;
	left:0px;
	top:0px;				
}
.Polaroid-1{
	-moz-transform: scale(1) rotate(45deg);
	-webkit-transform: scale(1) rotate(45deg);
	-o-transform: scale(1) rotate(45deg);
	-ms-transform: scale(1) rotate(45deg);
	transform: scale(1) rotate(45deg);			
}
.AlbumContainer:hover .Polaroid-1{
	-moz-transform: scale(1) rotate(-45deg);
	-webkit-transform: scale(1) rotate(-45deg);
	-o-transform: scale(1) rotate(-45deg);
	-ms-transform: scale(1) rotate(-45deg);
	transform: scale(1) rotate(-45deg);	
	left:25%;
	top:25%;			
}
.Polaroid-2{
	-moz-transform: scale(1) rotate(-30deg);
	-webkit-transform: scale(1) rotate(-30deg);
	-o-transform: scale(1) rotate(-30deg);
	-ms-transform: scale(1) rotate(-30deg);
	transform: scale(1) rotate(-30deg);			
}
.AlbumContainer:hover .Polaroid-2{
	-moz-transform: scale(1) rotate(30deg);
	-webkit-transform: scale(1) rotate(30deg);
	-o-transform: scale(1) rotate(30deg);
	-ms-transform: scale(1) rotate(30deg);
	transform: scale(1) rotate(30deg);
	left:25%;
	top:25%;			
}
.AlbumItem{
	z-index:3;				
}

.AlbumFlayer{
	height:200px;
	position:relative;				
}
.AlbumTitle h3{
	text-align:center;
	font-size:18px;		
	margin:0;	
	padding-bottom:15px;	
}





.GalleryAlbumList {
}
.GalleryAlbumList ul.GalleryImageList {
   margin:0px;
   padding:0px;
}
.GalleryAlbumList ul.GalleryImageList li.GalleryImageItem {
    display: block;
    position:relative;
    float: left;
    margin: 5px;
    padding: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	border:1px #f6f6f6 solid;
	-webkit-box-shadow: 0 0 3px 0 #888;
	box-shadow: 0 0 3px 0 #888;	
}
.GalleryAlbumList ul.GalleryImageList li.GalleryImageItem a {
   display: block;
   margin: 1%px;
   padding:3px;
   text-decoration: none;
   line-height: 20px;
}
.GalleryItemContainer{
	position:relative;	
	overflow:hidden;			
}
.GalleryItemContainer a{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;				
}
.GalleryItemContainer a img{
	width:100%;
	height:auto;				
}
.GalleryItemContainer:hover a{
	left:-20px;
	right:-20px;
	top:-20px;
	bottom:-20px;	
	-moz-transform: scale(1) rotate(-30deg);
	-webkit-transform: scale(1) rotate(-30deg);
	-o-transform: scale(1) rotate(-30deg);
	-ms-transform: scale(1) rotate(-30deg);
	transform: scale(1) rotate(-30deg);		
} 
.GalleryAlbumTitle{
	text-align:center;				
}
.GalleryAlbumDescription{
	max-width:500px;
	margin:0 auto 0 auto;
	border-left:4px #333 solid;
	padding-left:20px;
	margin-bottom:50px;				
}
.Titles-Container{
	margin-top:0px;				
}
.album-content{
    width:33.3333%;
}
.mobile-album{
    position:relative;
}
.mobile-album-content{
    position:absolute;
    bottom:0px;
    left: 0px;
    right: 0px;
    padding: 20px 20px 60px 20px;
    background-color: rgba(0, 0, 0, 0.5);
}
.mobile-album-title h2{
    margin-top:20px;
    color:#fff;
    text-align: center;
}
.mobile-album-intro{
    text-align: center;
    color:#fff;
}
.mobile-album-btn{
    text-align: center;
}
.mobile-album-btn a{
    display: inline-block;
    padding: 7px;
    background-color: #fff;
    color:#000;
    text-decoration: none;
}
.mobile-album-btn a:hover{
    background-color: #000;
    color:#fff;
}
@media all and (max-width: 1024px){
    .album-content{
        width:50%;
    }
}
@media all and (max-width: 500px){
    .album-content{
        width:100%;
        left:0%;
    }
}