.square-gallery *{margin:0;padding:0;background-color:rgba(0,0,0,0.7);}
*{padding:0;margin:0;
}
#minimal{margin:0px 0px 0px;
	padding:0;
	background-color: #CCB230
}
#minimal a{color:#fff;
	text-decoration:none;
}

.square-gallery{padding:0}
.square-gallery:after,.square-gallery:before{content:"";display:table;clear:both}
.tile{
	width: 12.5%;
	padding-bottom: 12.5%;
	height: 0;
	overflow: hidden;
	float: left;
	background-color: #FFFFFF;
	position: relative;
	border-width: 0px 0 0 0px;
	border-style: solid solid solid none;
	border-bottom-color: #646464;
}
.tile img{width:100%;border:none;display:block;background:url(../IMAGES/loader.gif) #001005 no-repeat center;-webkit-transition:margin 330ms;transition:margin 330ms}
.tile img.slide{margin-top:-100%}
.tile:hover img{-webkit-filter:grayscale(80%) brightness(.85);-o-filter:grayscale(80%) brightness(.85);-moz-filter:grayscale(80%) brightness(.85);filter:grayscale(80%) brightness(.85)}
.tile .zoom{display:block;text-decoration:none;position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;background:url(../IMAGES/zoom.png) center no-repeat;z-index:100}
.tile:hover .zoom{visibility:visible}
#imagelightbox{cursor:pointer;position:fixed;z-index:10000;-ms-touch-action:none;touch-action:none}
#imagelightbox-overlay{
	
	background-color:rgba(0,0,0,0.7);
	position:fixed;
	z-index:9998;
	top:0;
	right:0;
	bottom:0;
	left:0;
	visibility:hidden;
	opacity:0;
	-webkit-transition:opacity .2s,visibility .2s;
	transition:opacity .2s,visibility .2s}
#imagelightbox-x{
	color:rgba(0,0,0,1.00);
	background-color:rgba(204,178,48,1.00);
	position:fixed;
	z-index:10002;
	cursor:pointer;
	top:1%;
	right:2%;
	width:30px;
	height:30px;
	font:30px Raleway ;
	font-weight:700;
	line-height:26px;
	text-align:center;
	visibility:hidden;
	opacity:0;
	-webkit-border-radius:50%;
	border-radius:50%;
}
#imagelightbox-x:hover{
	color:#000;
	background-color:rgba(255,255,255,1.00);
	width:40px;
	height:40px;
	font:40px Raleway ;
	font-weight:700;
	line-height:36px;	
}
#imagelightbox-loading{position:fixed;z-index:10003;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;background-color:rgba(255,255,255,0.3);-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}
@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}
}
@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
#imagelightbox-loading.visible,#imagelightbox-overlay.visible,#imagelightbox-x.visible{visibility:visible;opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}


}
@media only screen and (max-width: 840px), only screen and (min-width: 768px) and (max-width: 1023px) {
	.tile{width:33.33333333333334%%;padding-bottom:33.33333333333334%%}
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {

	.tile{width:25%;padding-bottom:25%}
/*
@media screen and (max-width:767px){
}
@media screen and (max-width:480px){*/
	}
@media only screen and (max-width: 480px), only screen and (max-device-width: 320px), only screen and (max-width: 480px) {
	.tile{width:50%;padding-bottom:50%}}