/*#gallery.owl-carousel,#gallery .owl-carousel .owl-item {
		-webkit-tap-highlight-color: transparent;
		position: static;
	}*/
	.backgound {
		background-color: rgb(80, 80, 80, 0.5);
	}
	
	/* #lightbox-image-1::before,#lightbox-image-2::before,#lightbox-image-3::before,#lightbox-image-4::before,#lightbox-image-5::before,#lightbox-image-6::before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgb(0,0,0,0.2);
	} */
	.gallery-section {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px;
		z-index: -1;
	}
	
	#thumbnail-gallery-container {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding: 15px 50px 10px 50px;
	}
	
	.thumbnail {
		/*width: 32%;*/
		margin-bottom: 2%;
		position: relative;
	}
	
	img.thumbnail-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}
	
	@media only screen and (max-width: 800px) {
		.gallery-section {
			padding: 10px 10px 0px 10px;
		}
	
		#thumbnail-gallery-container {
			padding: 0px;
		}
	}
	
	/* Lightbox Styles */
	
	.lightbox-overlay {
		display: flex;
		transition: all 400ms ease-in-out;
		-webkit-transition: all 400ms ease-in-out;
		-moz-transition: all 400ms ease-in-out;
		-o-transition: all 400ms ease-in-out;
		-ms-transition: all 400ms ease-in-out;
		transform-origin: center;
		justify-content: center;
		align-items: center;
		background: rgba(0, 0, 0, 0.8);
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: -9999;
	}
	
	.lightbox-overlay:target {
		display: flex;
		opacity: 1;
		z-index: 99999;
	}
	
	;
	
	.lightbox-content {
		color: rgb(250, 250, 250);
		padding: 1.5em;
		width: 75vw;
		text-align: center;
	}
	
	.lightbox-image-title {
		position: relative;
		text-align: center;
	}
	
	.lightbox-navigation {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-evenly;
		margin: 0;
	}
	
	#tb-gallery-cms .close {
		position: absolute;
		background-color: none;
		width: 40px;
		height: 37px;
		/* background-color: #fff; */
		display: flex;
		justify-content: center;
		align-items: center;
		right: -45px;
		top: -45px;
	}
	
	#tb-gallery-cms a.close {
		text-decoration: none;
		font-weight: bold;
		font-size: 2em;
		font-family: sans-serif;
		transition: all 400ms ease-in-out;
		-webkit-transition: all 400ms ease-in-out;
		-moz-transition: all 400ms ease-in-out;
		-o-transition: all 400ms ease-in-out;
		-ms-transition: all 400ms ease-in-out;
	}
	
	#tb-gallery-cms .close::after {
		content: '\eee4';
		font-size: 20px;
		font-family: 'icofont';
		color: #fff;
		position: absolute;
		top: 6px;
		right: 14px;
		transition: all 400ms ease-in-out;
		-webkit-transition: all 400ms ease-in-out;
		-moz-transition: all 400ms ease-in-out;
		-o-transition: all 400ms ease-in-out;
		-ms-transition: all 400ms ease-in-out;
		font-weight: lighter;
	}
	
	#tb-gallery-cms .close:hover::after {
		transform: rotate(90deg);
		color: #fff;
	}
	
	
	
	
	.back,
	.next {
		display: flex;
		justify-content: center;
		align-items: center;
		color: rgb(255, 255, 255);
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		font-size: 0;
	}
	
	.back::before,
	.next::before {
		font-size: 20px;
		color: #111;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		transition: all 400ms ease-in-out;
		-webkit-transition: all 400ms ease-in-out;
		-moz-transition: all 400ms ease-in-out;
		-o-transition: all 400ms ease-in-out;
		-ms-transition: all 400ms ease-in-out;
		font-family: 'icofont';
		position: absolute;
		width: 40px;
		height: 40px;
		background-color: #fff;
	}
	
	.back::before {
		content: "\ea9d";
		left: 45px;
	}
	
	.next:before {
		content: "\eaa0";
		right: 45px;
	}
	
	.datepicker .next::before,
	.datepicker .back::before,
	.datepicker .next::before {
		display: none;
	}
	
	.datepicker .back,
	.datepicker .next {
		display: block;
		justify-content: center;
		align-items: center;
		color: #111;
		position: static;
		top: 0;
		bottom: 0;
		margin: auto;
		font-size: 0;
	}
	
	.back:hover::before,
	.back:active::before,
	.back:focus::before,
	.next:hover::before,
	.next:active::before,
	.next:focus::before {
		background-color: #ffbe00;
		color: #000;
	}
	
	.back {
		left: -45px;
		text-decoration: none;
	}
	
	.next {
		right: -45px;
		text-decoration: none;
	
	}
	
	.lightbox-content {
		border: 5px solid #fff;
	}
	
	/* p{
	  margin: 0;
	} */
	img.lightbox-image {
		width: 100%;
		max-height: 100%;
		object-fit: contain;
	}
	
	.lightbox-content {
		position: relative;
		top: 20px;
	}
	
	@media (max-width: 767px) {
		.lightbox-content {
			margin: 30px;
		}
	}