body{
	/* margin:1000; */
	font-family: sans-serif;
	background-color: #efefef;
}
*{
	box-sizing: border-box;
}

h4,p{
	color: #FFF;
}

.gallery{
	width: 100%;
	padding:30px 15px;
}
.gallery .title h1{
	font-size:36px;
	margin:0 0 30px;
	color:#000000;
	text-align: center;
}
.gallery-items .item{
	float: left;
	width:25%;
	position: relative;
}
.gallery .gallery-items .item.hide{
	display: none;
}
.gallery .gallery-items .item.show{
	display: block;
	animation: show .5s ease;
}
@keyframes show{
    0%{
    	opacity:0;
    	transform: scale(0.9);
    }
    100%{
    	opacity:1;
    	transform: scale(1);
    }
}


.gallery .gallery-items .item img{
	width: 100%;
	display: block;
}
.gallery-items .item .caption{
	position: relative;
	left:0px;
	bottom:0;
	background-color: rgba(0,0,0,.5);
	padding:10px;
	width: 100%;
	color:#ffffff;
	text-align: center;
}
.pagination{
	width: 100%;
	float: left;
	padding:0px;
	text-align: center;
}
.gallery .pagination {
	display: inline-block;
	margin:0 10px;
}
.gallery .pagination .page{
	padding:7px 15px;
	color:#FFF;
}
.gallery .pagination .prev,.gallery .next{
 color:#FFF;
 border:1px solid #900C3F;
 font-size:15px;
 padding:7px 15px;
 cursor: pointer;
}

/* .prev:hover { */
	/* background-color:#C70039; */
    /* transition: 0.7s; */
/* } */

/* .next:hover { */
	/* background-color:#C70039; */
    /* transition: 0.7s; */
/* } */

.gallery .pagination .prev.disabled,
.gallery .pagination .next.disabled{
	border-color: #FFF;
	color:#FFF;
	pointer-events: none;
}

.column {
	width: 100%;
}


.pic{width:100%; height:100%;overflow:hidden;}
.pic img{transform:scale(1,1);transition: all 1s ease-out;filter:brightness(80%);}
.pic img:hover{transform:scale(1.1,1.1);filter: brightness(105%);}

/*----------------------------------------------------For Slideshow Function---------------------------------------------------*/
/* .mySlides {display: none;} */
/*img {vertical-align: middle;}*/

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

/*-----------------------------------------------For Search Engine-----------------------------------------*/

/*-----------------------------------------------For Title-----------------------------------------*/
.techTitle {
     padding: 16px 0 16px 24px;
     border-left: 8px solid #00749C;
     color: #ffff !important;
}

/*-----------------------------------------------For Footer-----------------------------------------*/
.container {
	padding-bottom: 60px;
}