.photo-gallery { padding: 40px 0; }
.photo-gallery h1 { font-weight:bold; font-size: 40px; }


.photo-gallery .cats  { padding-bottom: 25px; }
.photo-gallery .cats p { font-size: 14px; }
.photo-gallery .cats p a { border: 1px #405caa solid; background:#405caa; color:white; display:inline-block; padding: 3px 14px; }
.photo-gallery .cats p span { border: 1px #405caa solid; background:white; color:#405caa; display:inline-block; padding: 3px 14px; }
.photo-gallery .cats p span i { float:right; margin: 3px 0 0 10px; }


.photo-gallery .thumb { background-size:cover; background-position:center center; margin-bottom: 25px; }
.photo-gallery .thumb img { width: 100%; }


@media only screen and (max-width: 767px) 
{

}


@media only screen and (max-width: 630px) 
{

}







/*  ----------- PHOTO GALLERY PAGE ----------- */

.nav-pills .nav-link.active span, 
.nav-pills .show > .nav-link span { background-color:rgba(0, 0, 0, .20); display:block; padding: .5rem 1rem; }
.nav-pills .nav-link { border-radius: 0; margin-bottom: 3px; }
.nav-pills .nav-link span { display:block; padding: .5rem 1rem; border: 1px rgba(0, 0, 0, .20) solid;  }
.nav-link { padding: 0; display: block; }

.photo-gallery .gallery-photo { margin-bottom: 25px;}

.photo-gallery .modal { background-color: rgba(0, 0, 0, 0.65); display: none; position: fixed; z-index: 999; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; }
.photo-gallery .modal-content { box-shadow: 0 0 40px black; border-radius: 0; max-width: 768px; position: relative; background-color: white; margin: auto; padding: 0; width: 90%; }

.photo-gallery .close { color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold; }
.photo-gallery .close:hover,
.photo-gallery .close:focus { color: #fff; text-decoration: none; cursor: pointer; }

.photo-gallery .mySlides { display: none; }
.photo-gallery .mySlides .thumbnail { position: relative;  }

.photo-gallery .numbertext { position: absolute; top: 0; left: 0; z-index: 4; color: #f2f2f2; font-size: 12px; padding: 8px 12px; }

.photo-gallery .caption-container { position: absolute; bottom: 0px; left: 0; width: 100%; background-color:rgba(0, 0, 0, 0.80); padding: 7px 20px; color: black; }
.photo-gallery .caption-container p.title { color:white; margin: 0 0 3px 0; font-weight:bold; font-size: 15px; }
.photo-gallery .caption-container p.desc { color:white; margin: 0; font-size: 12px; }


@media only screen and (max-width: 768px) 
{	
.photo-gallery .caption-container { position: relative; }
}


.photo-gallery .prev,
.photo-gallery .next {
  z-index: 99; position: absolute; top: 50%;
  cursor: pointer; width: auto; padding: 16px; margin-top: -50px;
  background-color: rgba(0, 0, 0, 0.25); color: white; font-weight: bold; font-size: 20px;
  transition: 0.6s ease; border-radius: 0 5px 5px 0; user-select: none; -webkit-user-select: none; }

.photo-gallery .next { right: 0; border-radius: 5px 0 0 5px; }

.photo-gallery .prev:hover,
.photo-gallery .next:hover { background-color: rgba(0, 0, 0, 0.8); text-decoration: none; color: white; }