/*category List*/
#galleryCategoryList .galleryCategoryItem{
	float:left;
	width:33%;
	margin-bottom:15px;
}
#galleryCategoryList{
	margin:0 -15px;
}

.card{filter: grayscale(100%);background-color:rgba(255,255,255,0.3);transition: background-color ease 0.5s;}
.card:hover{filter: grayscale(0%);background-color:#FFF;color:#999;}
.card:hover h3{color:#333;}
p.card-text{padding:0px 15px;}

#galleryCategoryList .galleryCategoryItemContainer{
	margin:0 15px;
}
#galleryCategoryList .galleryCategoryImage{
	display:block;
	height:250px;
	overflow:hidden;
	text-align:center;
	line-height:0px;
	margin-bottom:15px;
	box-shadow: 0px 0px 8px 0px #888;
}
#galleryCategoryList .galleryCategoryImageLink{
	margin:0;
	line-height:0;
}
#galleryCategoryList .galleryCategoryTitle{
	color:#231f20;
	text-decoration: none;
	font-size:22px;
	line-height:25px;
	height:25px;
	overflow:hidden;
	display:block;
	text-align:left;
}

#galleryCategoryList .galleryCategoryDescription{
	line-height:15px;
	height:30px;
	overflow:hidden;
	color:#9a9c9f;
	margin:5px 0px;
}

/*gallery list*/
#galleryList .galleryListItem{
	float:left;
	width:33%;
	margin-bottom:15px;
}
#galleryList{
	margin:0 -15px;

}

#galleryList .galleryListItemContainer{
	margin:0 15px;
}
#galleryList .galleryListImage{
	display:block;
	height:250px;
	overflow:hidden;
	text-align:center;
	line-height:0;
	margin-bottom:15px;
	box-shadow: 0px 0px 8px 0px #888;
}
#galleryList .galleryListImageLink{
	margin:0;
	line-height:0;
}
#galleryList .galleryListTitle{
	color:#00aeef;
	text-decoration: none;
	font-size:22px;
	line-height:25px;
	height:25px;
	overflow:hidden;
	display:block;
	text-align:center;
}

#galleryList .galleryListDescription{
	line-height:15px;
	height:30px;
	overflow:hidden;
	color:#9a9c9f;
	margin:5px 0px;
}


/*gallery details*/
#galleryDetails .galleryItem{
	width:25%;	/*controls the number per row if responsive remove or set to fixed width*/
	float:left;
}

#galleryDetails .galleryMasonry .galleryImageContainer{
	padding-right:10px;
	margin-bottom:10px;
	line-height:0px;
}

#galleryDetails .galleryGrid .galleryImageContainer{
	padding-right:10px;
	margin-bottom:10px;
	line-height:0px;
	height:220px;
	overflow:hidden;

}

#galleryDetails .galleryImageContainer img{
	box-shadow: 0px 0px 8px 0px #888;
}

.card-img-top{padding-left:20%;padding-right:20%;}
.wborder{border:solid 1px #FFF;}
body{
  margin: 0;
  padding: 0;
  background-color: #000;
}
.arrow{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.arrow span{
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #06A8FF;
    border-right: 5px solid #06A8FF;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}


/* Small 576-767 / 540px Container Width with 15px margins */
@media (min-width:576px) {
	
}



/* Medium 768-991 / 720px Container Width with 15px margins */
@media (min-width:768px) {
	
	
}



/* Large 992-1200 / 960px Container Width with 15px margins */
@media (min-width:992px) {
	
	h3.card-title{font-size:18px;}
	p.card-text{font-size:15px;}
}



/* Extra Large 1201+ / 1140px Container Width with 30px margins */
@media (min-width:1200px) {

	
}