.image-modal,
.slider,
.slider-slides,
.slider-slide,
.photos-widget .imageContiner .scroll {
	height: 100%;
	width: 100%;
}

.slider {
	text-align: center;
	/*top: -29px;*/
}

.photo {
	width: 100%;
}

.image-modal.transparent {
	background: rgba(0, 0, 0, 0.7);
	padding: 0px;
}

.photos-widget .imageContiner {
	width: 100%;
	height: 100%;
	text-align: center;
	white-space: nowrap;
	min-width: fit-content;
}

.photos-widget .imageContiner span {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.photos-widget .imageContiner img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	margin-top: -25px;
	margin-left: -4px;
}

.slider,
.slider div {
	direction: ltr !important;
}

.photos-widget .row {
	padding: 0 5px;
}

.photos-widget .row .col a {
	line-height: 0;
}

.photos-widget .row+.row {
	margin-top: -10px;
}

.photos-widget.image-modal .caption {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px 12px 5px 40px;
	line-height: 1.5;
	text-align: center;
	font-size: 15px;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	min-height: 45px;
	z-index: 999;
	direction: rtl !important;
}

.photos-widget.image-modal .caption .photoshare {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 40px;
	width: 40px;
	font-size: 20px;
	text-align: center;
	z-index: 9999;
}

.photos-widget.image-modal .back {
	position: absolute;
	left: 0;
	top: 0;
	height: 45px;
	width: 45px;
	font-size: 23px;
	text-align: center;
	z-index: 999;
	color: #fff;
}

.transparent-bar {
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 45px;
	width: 100%;
	z-index: 999;

}

@media (min-width: 680px) {
	.photos-widget.modal.image-modal {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		min-height: 240px;
		width: 100%;
	}
}

.photo-25 {
	width: 24%;
	margin: 0 .5%;
	padding: 0px 2px;
	float: right;
}

.photo-33 {
	width: 33%;
	padding: 0 5px;
	float: right;
}

.photo-50 {
	width: 48%;
	margin: 0 1%;
	float: right;
}

.photo-100 {
	width: 100%;
}

.photo,
.photos-widget .row img {
	border-radius: 6px;
	box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.39);
}

.photos-widget img.photo {
	aspect-ratio: 1;
	background: linear-gradient(-45deg, #eee, #ffffff, #EEEEEE, #fff);
	background-size: 400% 400%;
	animation: gradient 4s ease infinite;
}

.photos-widget .col-100 img.photo {
    aspect-ratio: auto;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.image-modal div {
	direction: ltr;
}

.photos-widget .row:first-child {
	margin-top: 6px;
}

.photos-widget .title-list a {
    text-decoration: none;
	color: #000;
}

.photos-widget .title-list {
    width: 100%;
}

.photos-widget .title-list img {
    display: none;
}

.photos-widget .title-list .caption {
    display: block !important;
    background-color: #f5f5f5;
    margin: 15px;
    padding: 10px 17px;
    border-radius: 10px;
}

.photos-widget .title-list .counter {
    background-color: #d7d7d7;
    width: 25px;
    height: 24px;
    border-radius: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
}

.photos-widget .scroll-view.scroll-xy {
	overflow: unset;
}