/* css picgal */
.picgal-content {
	display: grid;
	grid-template-columns:   1fr 1fr 1fr 1fr 1fr 1fr;
	
}
@media (max-width: 1920px) {
	.picgal-content.picgal-xlarge-8 {grid-template-columns:   1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
	.picgal-content.picgal-xlarge-6 {grid-template-columns:   1fr 1fr 1fr 1fr 1fr 1fr;}
}
@media (max-width: 1920px) {
	.picgal-content.picgal-large-8 {grid-template-columns:   1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
	.picgal-content.picgal-large-6 {grid-template-columns:   1fr 1fr 1fr 1fr 1fr 1fr;}
}
@media (max-width: 1440px) {
     .picgal-content.picgal-large-6 {grid-template-columns:   1fr 1fr 1fr 1fr 1fr 1fr;}
     .picgal-content.picgal-large-5 {grid-template-columns:   1fr 1fr 1fr 1fr 1fr;}
     .picgal-content.picgal-large-4 {grid-template-columns:  1fr 1fr 1fr 1fr;}
}
@media (max-width: 1024px) {
     .picgal-content.picgal-medium-5 {grid-template-columns:   1fr 1fr 1fr 1fr 1fr;}
     .picgal-content.picgal-medium-4 {grid-template-columns:   1fr 1fr 1fr 1fr;}
     .picgal-content.picgal-medium-3 {grid-template-columns:   1fr 1fr 1fr;}
     .picgal-content.picgal-medium-2 {grid-template-columns:   1fr 1fr;}
}
@media (max-width: 640px) {
     .picgal-content.picgal-small-3 {grid-template-columns:   1fr 1fr 1fr;}
     .picgal-content.picgal-small-2 {grid-template-columns:   1fr 1fr;}
     .picgal-content.picgal-small-1 {grid-template-columns:   1fr;}
}

.picgal-content figure {
    margin: 0px;

    visibility: visible;
    animation-name: zoomIn;
    
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
}


.picgal-content figure a {
	display: block;
	position: relative;
}
.picgal-content figure a i {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(../Images/plus.png) center center no-repeat;
	font-weight: normal;
	-webkit-transform: translateY(0) translateX(0) scale(0.25);
	transform: translateY(0) translateX(0) scale(0.25);
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
	opacity: 0;
	filter: alpha(opacity=0);
}
.picgal-content figure a:hover i {
	-webkit-transform: translateY(0) translateX(0) scale(1);
	transform: translateY(0) translateX(0) scale(1);
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
	opacity: 1;
	filter: alpha(opacity=100);
}
.picgal-content figure a:hover span {
	bottom: -150px;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}
.picgal-content figure img {
	width: 100%;
	outline:  none;
}
.picgal-title {
	font-size: 0.8rem;
}	


@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}