@charset "utf-8";
/* CSS Document */

.pixpdfgallery ul{
	padding: 0;
	margin: 0 auto;
	width: 90%;
}
.pixpdfgallery ul li{
	background: none;
	padding: 0 0 0 0;
	margin: 0 1% 2% 1%;
	box-shadow: 0px 0px 4px 0px #e2e2e2;
	text-align: center;
	position: relative;
	-webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.pdf-download{
	display: block;
    width: 40px;
	height: 40px;
    position: absolute;
    top: 15px;
    right: 10px;
	text-indent: -200000px;
	background:#df0707;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M24 26H7c-3.9 0-7-3.1-7-7 0-2.7 1.6-5.2 4-6.3V12c0-4.4 3.6-8 8-8 3.3 0 6.2 2 7.4 5 .7-.7 1.6-1 2.6-1 2.2 0 4 1.8 4 4 0 .8-.2 1.5-.6 2.2 2.7.6 4.6 3.1 4.6 5.8a6.02 6.02 0 0 1-6 6zm-4.5-10H16v-5.5a.47.47 0 0 0-.5-.5h-3a.47.47 0 0 0-.5.5V16H8.5a.47.47 0 0 0-.5.5c0 .1 0 .3.1.4l5.5 5.5c.1.1.2.1.4.1.1 0 .3 0 .4-.1l5.5-5.5c.1-.1.2-.2.2-.4-.1-.3-.3-.5-.6-.5z' fill='%23010101'/%3E%3C/svg%3E") no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M24 26H7c-3.9 0-7-3.1-7-7 0-2.7 1.6-5.2 4-6.3V12c0-4.4 3.6-8 8-8 3.3 0 6.2 2 7.4 5 .7-.7 1.6-1 2.6-1 2.2 0 4 1.8 4 4 0 .8-.2 1.5-.6 2.2 2.7.6 4.6 3.1 4.6 5.8a6.02 6.02 0 0 1-6 6zm-4.5-10H16v-5.5a.47.47 0 0 0-.5-.5h-3a.47.47 0 0 0-.5.5V16H8.5a.47.47 0 0 0-.5.5c0 .1 0 .3.1.4l5.5 5.5c.1.1.2.1.4.1.1 0 .3 0 .4-.1l5.5-5.5c.1-.1.2-.2.2-.4-.1-.3-.3-.5-.6-.5z' fill='%23010101'/%3E%3C/svg%3E") no-repeat;
}


/*.imgbox ul{
	padding: 0;
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
}
.imgbox ul li{
	padding: 0;
	background: none;
	box-shadow: 1px 1px 5px 3px #e2e2e2;
	width: 48%;
	margin: 1%;
}
.col2 ul li{
	width: 100%;
	margin-left: 0;
	margin-right: 0;

}*/
.pixpdfgallery ul li a.pdf-link{
	border: 4px solid #fff;
	display: block;
	padding: 20px 14px;
	color: #363636;
	overflow: hidden;
}
.pixpdfgallery ul li a.pdf-thumb-link{
	padding:0;
}
.pixpdfgallery ul li a.pdf-link img{
	scale:1.0;
	 -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.pixpdfgallery ul li a.pdf-thumb-link img{
	width: 100%;
	height: auto;
	display: block;
}
.pixpdfgallery ul li a.pdf-link strong{
	display: block;
	padding-top: 12px;
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.pixpdfgallery ul li a.pdf-thumb-link strong{
	width: 100%;
    padding: 4px 10px;
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-bottom: 0;
    color: #2c6700;
	background: #ffecc9;
	z-index: 2;
    position: relative;
}
@media only screen and (min-width:580px){
	.pixpdfgallery ul{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
		width: 98%;
	}
	.pixpdfgallery ul li{
		/*width:46%;*/
	}

}
@media only screen and (min-width:768px){
	.pixpdfgallery ul{
		width: 100%;
	}
	.pixpdfgallery ul li{
		/*width:48%;*/
	}
	/*.pixpdfgallery ul.col3 li{
		width:31.3%;
	}*/
	
}
@media only screen and (min-width:921px){
	
	/*.pixpdfgallery ul li{
		width:48%;
	}*/
}
@media only screen and (min-width:1024px){
	/*.pixpdfgallery ul li {
		width: 31.3%;
		max-width: 302px;
	}
	.pixpdfgallery ul.col3 li {
		width: 31.3%;
		max-width: 302px;
	}*/
}
@media only screen and (min-width:1025px){
	.pixpdfgallery ul li:hover a.pdf-download{
		top: 50%;
		margin-top: -20px;
	}
	.pixpdfgallery ul li:hover a.pdf-link img{
		scale:1.2;
	}
	/*.pixpdfgallery ul:hover li {
	  filter: blur(5px);
	  opacity: 0.5;
	  transition: 0.3s;
	}*/
	.pixpdfgallery ul li:hover{
		box-shadow: 0px 0px 13px 0px #e2e2e2;
		/*filter: blur(0);
  		opacity: 1;*/
	}
}
@media only screen and (min-width:1330px){
	/*.pixpdfgallery ul li {
		width: 23%;
		max-width: 302px;
	}*/
	
}

