.gal-container{padding: 12px;}
.gal-item{overflow: hidden;	/*padding: 3px;*/	padding-top:15px; padding-bottom:15px;}
.gal-item .box{	/*height: 350px;*/overflow: hidden;}
.box img{height: 100%; width: 100%;	object-fit:cover; -o-object-fit:cover;}
.gal-item a:focus{outline: none;}
.gal-item a:after{content:"\f002";	font-family: FontAwesome;	opacity: 0;	background-color: rgba(0, 0, 0, 0.75);	position: absolute;	right: 3px;	left: 3px; top: 3px;	bottom: 3px;	text-align: center; line-height: 350px; font-size: 30px; color: #fff; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;}
.gal-item a:hover:after{opacity: 1;}
.modal-open .gal-container .modal{background-color: rgba(0,0,0,0.4);}
.modal-open .gal-item .modal-body{padding: 0px;}
.modal-open .gal-item button.close{position: absolute; width: 25px; height: 25px; background-color: #000; opacity: 1; color: #fff; z-index: 999; right: -12px; top: -12px; border-radius: 50%; font-size: 15px; border: 2px solid #fff; line-height: 25px; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35); box-shadow: 0 0 1px 1px rgba(0,0,0,0.35); }
.modal-open .gal-item button.close:focus{outline: none;}
.modal-open .gal-item button.close span{position: relative;	top: -3px;	font-weight: lighter; text-shadow:none;}
.gal-container .modal-dialogue{width: 80%;}
.gal-container .description{position: relative;	height: 40px; top: -40px; padding: 10px 25px; background-color: rgba(0,0,0,0.8); color: #fff; text-align: left;}
.gal-container .description h3{margin:0px; font-size: 20px; font-weight: 300; line-height: 20px; color: #fff;}
.gal-container .description h3 a{ color: #fff; text-decoration: none; }
.gal-container .description h3 a:hover{ color: #fff; text-decoration: none; }
.gal-container .modal.fade .modal-dialog { -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); top: 100px; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.gal-container .modal.fade.in .modal-dialog {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); opacity: 1;}
@media (min-width: 768px) {.gal-container .modal-dialog {width: 55%; margin: 50 auto;}
}
@media (max-width: 768px) {
    .gal-container .modal-content{ height:250px; }
}
.gal-container{}
.gal-container h2{  }