/***** Image Galllery Element CSS  ******/
/*@font-face {
	font-family: 'Crete Round';
	font-style: normal;
	font-weight: 400;
	src: local('Crete Round'), local('CreteRound-Regular'), url(https://fonts.gstatic.com/s/creteround/v8/55xoey1sJNPjPiv1ZZZrxK110b3wKg.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	font-display: swap;
}*/
.imgGalleryElement .elementWrapper{
	/* column-gap: 20px; */
	text-align: left;
}
.imgGalleryElement .elementWrapper.four-col{
	/* column-count: 4; */
}
.imgGalleryElement .elementWrapper.cols2 .outerImageContainer{
	width: calc(50% - 20px);
	margin-left: 8px;
	margin-right: 9px;
}
.imgGalleryElement .elementWrapper.cols3 .outerImageContainer{
	width: calc(33.33% - 20px);
	margin-left: 8px;
	margin-right: 9px;
}
.imgGalleryElement .elementWrapper.cols4 .outerImageContainer{
	width: calc(25% - 20px);
	margin-left: 8px;
	margin-right: 9px;
}
.imgGalleryElement .outerImageContainer{
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #e1e1e1;
	overflow: hidden;
	border-radius: 2px;
}
.imgGalleryElement .outerImageContainer > a{
	display: block;
	width: 100%;
}
.imgGalleryElement .elementImageHolder {
	position: relative;
	width: 100%;
}
.imgGalleryElement .embed-responsive-1by1 {
  float: none;
  display: block;
  height: auto;
  padding-bottom: 100%;
}
.imgGalleryElement .elementImageHolder img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.imgGalleryElement .random{
	column-count: 4;
	column-gap: 20px;
}
.imgGalleryElement .random .outerImageContainer{
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.imgGalleryElement .random .elementImageHolder  img{
	position: relative;
	object-fit: initial;
	height: initial;
}
.imgGalleryElement .elementImageHolder .gallery-hover-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	background-color: rgba(0,0,0,0.83);
	width: 100%;
	height: 100%;
	display: flex;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	transition: visibility 0.3s ease-in , opacity 0.3s ease-in;
	padding: 15px;
	border-radius: 2px;
}
.imgGalleryElement .elementImageHolder .gallery-hover-overlay .img-title{
	font-family:'Crete Round', sans-serif !important;
	font-style: italic;
	font-size: 20px;
	text-transform: capitalize;
	line-height: 1.2em;
	display: block;
	width: 100%;
	margin: 0;
	color: inherit;
}
.imgGalleryElement .elementImageHolder .gallery-hover-overlay hr{
	width: 20%;
	margin-top: 10px;
	margin-bottom: 7px;
	border-color: rgba(255,255,255,0.22);
}
.imgGalleryElement .elementImageHolder .gallery-hover-overlay .img-text{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2em;
	display: block;
	width: 100%;
	margin: 0;
	color: inherit;
}
.imgGalleryElement .elementImageHolder:hover .gallery-hover-overlay {
	visibility: visible;
	opacity: 1;
}
.imgGalleryElement .no-hover .elementImageHolder .gallery-hover-overlay {
	visibility: none !important;
	opacity: 0 !important;
}
.imgGalleryElement .gallery-more-btn{
	width: 100%;
	max-width: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 45px;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none !important;
	background: #fff;
	border: 2px solid #f2f2f2;
	color: rgb( 65, 158, 221 );
	min-height: 45px;
	line-height: 45px;
	margin-top: 10px;
}


/******* css for public page viewer ******/
.imag-gallery-viewer-container{
	display: block;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background: rgba(0,0,0,0.95);
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.3s ease-in , opacity 0.3s ease-in;
}
.imag-gallery-viewer-container .gallery-viewer-close-btn{
	font-size: 30px;
	color: #fff;
	font-weight: 400;
	position: absolute;
	top: 35px;
	right: 35px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 475.2 475.2' style='enable-background:new 0 0 475.2 475.2;' xml:space='preserve' width='512px' height='512px' class=''%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M405.6,69.6C360.7,24.7,301.1,0,237.6,0s-123.1,24.7-168,69.6S0,174.1,0,237.6s24.7,123.1,69.6,168s104.5,69.6,168,69.6 s123.1-24.7,168-69.6s69.6-104.5,69.6-168S450.5,114.5,405.6,69.6z M386.5,386.5c-39.8,39.8-92.7,61.7-148.9,61.7 s-109.1-21.9-148.9-61.7c-82.1-82.1-82.1-215.7,0-297.8C128.5,48.9,181.4,27,237.6,27s109.1,21.9,148.9,61.7 C468.6,170.8,468.6,304.4,386.5,386.5z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23FFFFFF'/%3E%3Cpath d='M342.3,132.9c-5.3-5.3-13.8-5.3-19.1,0l-85.6,85.6L152,132.9c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1 l85.6,85.6l-85.6,85.6c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4l85.6-85.6l85.6,85.6c2.6,2.6,6.1,4,9.5,4 c3.5,0,6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1l-85.4-85.6l85.6-85.6C347.6,146.7,347.6,138.2,342.3,132.9z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: cover;
}
.imag-gallery-viewer-container .gallery-viewe-control{
	position: absolute;
  top: 50%;
  width: 38px;
  height: 30px;
  padding-left: 10px;
  margin-top: -15px;
  padding-right: 10px;
  font-size: 40px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.imag-gallery-viewer-container .gallery-viewe-control.mobile{
	display: none;
}
.imag-gallery-viewer-container .left{
	left: 40px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 477.175 477.175' style='enable-background:new 0 0 477.175 477.175;' xml:space='preserve' width='512px' height='512px' class=''%3E%3Cg%3E%3Cg%3E%3Cpath d='M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225 c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");

}
.imag-gallery-viewer-container .right{
	right: 40px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 477.175 477.175' style='enable-background:new 0 0 477.175 477.175;' xml:space='preserve' width='512px' height='512px' class=''%3E%3Cg%3E%3Cg%3E%3Cpath d='M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5 c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z ' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.imag-gallery-viewer-container .gallery-viewer-img-container{
	display: block;
	margin-top: 7vh;
	width: 80vw;
	height: 65vh;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
}
.imag-gallery-viewer-container .gallery-viewer-img-container img{
	object-fit: contain;
	height: 100%;
	max-width: 100%;
	transition: none !important
}
.imag-gallery-viewer-container .gallery-viewer-text-container{
	display: block;
	width: 100%;
	height: 28vh;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

.imag-gallery-viewer-container .gallery-viewer-text-container .gallery-viewer-img-title{
	font-size: 34px;
	color: #fff;
	font-family: 'Crete Round', sans-serif !important;
  font-style: italic;
	text-transform: capitalize;
	line-height: 37px;
	width: 100%;
	margin-top: 25px;
}

.imag-gallery-viewer-container .gallery-viewer-text-container .gallery-viewer-img-text{
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	width: 100%;
	margin: 0;
}

.imag-gallery-viewer-container .gallery-viewer-text-container .gallery-viewer-img-link{
	font-size: 14px;
	color: #fff !important;
	line-height: 20px;
	width: 100%;
	margin-top: 10px;
	display: block;
}

.ui-body-a.ui-loader-default{
	display: none;	
}

@media (max-width: 767px) {
	.imag-gallery-viewer-container .gallery-viewer-text-container .gallery-viewer-img-title{
		font-size: 30px;
		margin-top: 10px;
	}
	.imag-gallery-viewer-container .gallery-viewer-close-btn{
		top: 20px;
		right: 20px;
	}
	.imag-gallery-viewer-container .gallery-viewe-control{
		display: none;
	}
	.imag-gallery-viewer-container .gallery-viewe-control.mobile{
		display: block;
	}
	.imag-gallery-viewer-container .gallery-viewe-control.mobile.left{
		left: -32px;
	}
	.imag-gallery-viewer-container .gallery-viewe-control.mobile.right{
		right: -32px;
	}
	.imag-gallery-viewer-container .gallery-viewer-img-container{
		margin-top: 15vh;
		width: 80vw;
		height: 57vh;
	}
}
@media (max-width: 520px) {
	.imgGalleryElement .random{
		column-count: 1 !important;
	}
	.imgGalleryElement .outerImageContainer{
		width: 100% !important;
		margin: 0 !important;
		margin-bottom: 10px !important;
	}
}