/*#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);
} */
#tb-gallery-cms .gallery-section{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  z-index: -1;
}

#tb-gallery-cms  #thumbnail-gallery-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 15px 50px 10px 50px;
}

#tb-gallery-cms  .thumbnail {
/*width: 32%;*/
margin-bottom: 2%; 
position: relative;
}

#tb-gallery-cms  img.thumbnail-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}

@media only screen and (max-width: 800px){
#tb-gallery-cms  .gallery-section {
    padding: 10px 10px 0px 10px;
}
#tb-gallery-cms  #thumbnail-gallery-container {
    padding: 0px;
}
}

/* Lightbox Styles */ 

#tb-gallery-cms  .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;
}
#tb-gallery-cms  .lightbox-overlay:target{
display: flex;
opacity:1;
z-index: 99999;
};

#tb-gallery-cms  .lightbox-content {
color: rgb(250,250,250);
padding: 1.5em;
width: 75vw;
text-align: center;
}

#tb-gallery-cms  .lightbox-image-title {
position: relative;
text-align: center;
}

#tb-gallery-cms  .lightbox-navigation {
display: flex;
flex-flow: row wrap;
justify-content: space-evenly;
}

#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;
}




#tb-gallery-cms .back, #tb-gallery-cms .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;
}
#tb-gallery-cms .back::before, #tb-gallery-cms .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: #b86460;
	color: #ffffff;
}
#tb-gallery-cms .back::before {
	content: "\ea9d";
	left: 45px;
}
#tb-gallery-cms .next:before{
	content: "\eaa0";
	right: 45px;
}
#tb-gallery-cms .back:hover::before,
#tb-gallery-cms .back:focus::before,
#tb-gallery-cms .back:active::before,
#tb-gallery-cms .next:hover::before,
#tb-gallery-cms .next:focus::before,
#tb-gallery-cms .next:active::before{
  background-color: #ffffff;
  color: #000000;
}
#tb-gallery-cms .back {
	left: -45px;
	text-decoration: none;
}
#tb-gallery-cms .next {
right: -45px;
text-decoration: none;

}
#tb-gallery-cms .lightbox-content {
	border: 5px solid #fff;
}
#tb-gallery-cms p{
  margin: 0;
}
#tb-gallery-cms img.lightbox-image {
width: 100%;
max-height: 100%;
object-fit: contain;
}
#tb-gallery-cms .lightbox-content {
	position: relative;
	top: 20px;
}
@media (max-width: 767px){
	#tb-gallery-cms .lightbox-content{
		margin: 30px;
	}
}