.widget_photo {

	ul {
		padding: 0;
		margin: 0 -5px;
		@extend .clearfix;
	}

	li {
		list-style: none;
		width: 33.3333%;
		float: left;
		padding: 0 5px;
		margin-bottom: 10px;
		position: relative;

		&:before, &:after {
			opacity: 0;
			visibility: hidden;
			@extend %transition-all-03s-ease;
		}

		&:before {
			content: '';
			left: 5px;
			right: 5px;
			background-color: rgba(#2f3238, 0.8);
			z-index: 2;
			pointer-events: none;
			@extend %absolute-box;
		}

		a {
			display: block;
			@extend .bg-scroll;

			&:before {
				display: block;
				padding-bottom: 100%;
				content: '';
			}

		}

		img {
			display: none !important;
		}

		&:hover {

			&:before, &:after {
				opacity: 1;
				visibility: visible;
			}
		}
	}

	.widget_photo-col-1 li {
		width: 100%;
	}

	.widget_photo-col-2 li {
		width: 50%;
	}

	.widget_photo-col-3 li {
		width: 33.3333%;
	}

	.widget_photo-col-4 li {
		width: 25%;
	}

	.widget_photo-col-5 li {
		width: 20%;
	}

	.widget_photo-col-6 li {
		width: 16.66666%;
	}
}

@keyframes animate-circle {

	100% {
		transform: rotate(359deg);
	}
}