/*
body.preload *{
animation-duration: 0s !important;
-webkit-animation-duration: 0s !important;
transition:background-color 0s, opacity 0s, color 0s, width 0s, height 0s, padding 0s, margin 0s !important;
}
*/

body.preload *{
	transition: padding 0s, margin 0s !important;
}

.ph-item-box.grid {	
	/*display: inline-block;*/
	position: relative;
	margin-bottom: 30px;
	clear: both;
	
}
.ph-item-box.gridlist,
.ph-item-box.list {
	margin-bottom: 10px;
}


.ph-item-box:hover{
	z-index: 999;
}

/* substitution for thumbnail */


/* Chrome problem with box sizing */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	.row-flex.grid .row-item {
		flex-direction: inherit;
		/*margin-bottom: 30px;*/
	}
}


.ph-item-box .ph-item{
	transition: all 0.3s;
/*	background-color: #fff;
    border: 1px solid #ddd;
	border-radius: 4px;*/
    display: inline-block;
 /*   line-height: 1.42857;*/
	
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	
	padding: 0px;
	
	
}

.ph-item-box.grid:hover .ph-item {
/*	box-shadow: 0px 0px 5px rgba(1, 1, 1, 0.3);
	
	padding: 0px;
	padding-bottom: 25px;
	margin-bottom: -25px;*/
	
	display: inline-block;
	z-index: 0;
	clear:both;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	

}

.ph-item-box .ph-item-content {
	/*padding: 10px;*/

}


.ph-item-box .ph-item-action-box .ph-item-action-fade{
	clear: both;
	/*padding-top: 10px;
	padding-bottom: 15px;*/
	left: 0;
	right: 0;
	visibility: hidden; 
	opacity: 0;
	position: absolute;
	bottom: 0;
	transition: all 0.9s;
	
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;

	background: rgba(0,0,0,1);
	padding: 1.6em 1em;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: space-around;
}

.ph-item-box:hover .ph-item-action-box .ph-item-action-fade {
	visibility: visible;
	opacity: 1;
	/*bottom: -47px;*/
}

.ph-item-box .ph-item-action-box{
	/*padding-bottom: 7px;*/
	position: relative;
	
}

.ph-item-box .ph-item-action-fade a{
	/*display: block;*/
	/*max-width: 50%;*/
	/*overflow: hidden;*/
	white-space: nowrap;
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
	
	/*background: #f7f7f7;*/
	text-align: center;
	border-radius: 50%;
	margin:auto;
	display: inline-block;
    width: 36px;
	height: 36px;
    line-height: 36px;
    position: relative;
    vertical-align: middle;
	font-size: 18px;
	padding: 0;
	margin: 0.5em;
	border: 1px solid #fff;
	color: #fff;

}
.ph-item-box:hover .ph-item-action-fade a{
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}

.ph-item-box .ph-item-action-fade a span.glyphicon,
.ph-item-box .ph-item-action-fade a span.fa {
	margin-left: -1px;
	margin-top: 7px;
}