.gg-box{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(33.3%,1fr));
	grid-auto-rows:auto;
	grid-gap:0px;
	 overflow: hidden;
	
}

.gg-element img{
	object-fit:cover;
	cursor:pointer;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.02);
	border-radius:0px;
	transform-origin: 65% 75%;
  transition: transform 1s, filter .5s ease-out;
}
.gg-element img:hover{
	opacity:.7;
	transform: scale(2);
}
#gg-screen{
	position:fixed;
	width:100%;
	height:100%;
	z-index:1;
	top:0;
	left:0;
	display:none;
	background:rgba(255,255,255,0.85);
	z-index:9999;
	text-align:center
}
#gg-screen .gg-image{
	height:100%;
	display:inline-flex;
	justify-content:center;
	align-items:center;
}
#gg-screen .gg-image img{
	max-width:100%;
	max-height:100%;
	margin:0 auto;
}
.gg-bt{
	width:38px;
	height:38px;
	background:rgba(255,255,255,0.6);
	color:#222;
	border-radius:50%;
	text-align:center;
	line-height:32px;
	vertical-align:middle;
	display:inline-block;
	cursor:pointer;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
	font-size:25px;
	border:1px solid rgba(0,0,0,0.05);
	box-sizing:border-box;
	padding-left:2px;
	margin-top: 50px;
}
.gg-bt:hover{
	background:rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
}
.gg-close{
	position:fixed;
	top:.5em;
}
.gg-close,.gg-nxt{
	right:.5em;
}
.gg-prev{
	left:.5em;
}
.gg-prev,.gg-nxt{
	position:fixed;
	bottom:50%;
}
@media(min-width:478px){
	.gg-element:nth-child(3n+0){
		grid-row-end:span 2
	}
	.gg-element:nth-child(0n+1){
		grid-row-end:span 2
	}
}
@media(max-width:768px){
	.gg-box{
		grid-template-columns:repeat(auto-fit,minmax(50%,1fr));
		grid-auto-rows:auto;
		grid-gap:0px;
	}
}

@media(max-width:450px){
	.gg-box{
		grid-template-columns:repeat(auto-fit,minmax(100%,1fr));
		grid-auto-rows:auto;
		grid-gap:0px;
	}
		.gg-element:nth-child(n+5){
    display:none;
}
}
.gg-element:nth-child(n+10){
   		display:none;
}






.gg-box2{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(33.3%,1fr));
	grid-auto-rows:auto;
	grid-gap:0px;
	 overflow: hidden;
}

.gg-element2 img{
	object-fit:cover;
	cursor:pointer;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.02);
	border-radius:0px;
	transform-origin: 65% 75%;
  transition: transform 1s, filter .5s ease-out;
}
.gg-element2 img:hover{
	opacity:.7;
	transform: scale(2);
}
#gg-screen2{
	position:fixed;
	width:100%;
	height:100%;
	z-index:1;
	top:0;
	left:0;
	display:none;
	background:rgba(255,255,255,0.85);
	z-index:9999;
	text-align:center
}
#gg-screen2 .gg-image2{
	height:100%;
	display:inline-flex;
	justify-content:center;
	align-items:center;
}
#gg-screen2 .gg-image2 img{
	max-width:100%;
	max-height:100%;
	margin:0 auto;
}
.gg-bt2{
	width:38px;
	height:38px;
	background:rgba(255,255,255,0.6);
	color:#222;
	border-radius:50%;
	text-align:center;
	line-height:32px;
	vertical-align:middle;
	display:inline-block;
	cursor:pointer;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
	font-size:25px;
	border:1px solid rgba(0,0,0,0.05);
	box-sizing:border-box;
	padding-left:2px;
	margin-top: 50px;
}
.gg-bt2:hover{
	background:rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
}
.gg-close2{
	position:fixed;
	top:.5em;
}
.gg-close2,.gg-nxt2{
	right:.5em;
}
.gg-prev2{
	left:.5em;
}
.gg-prev2,.gg-nxt2{
	position:fixed;
	bottom:50%;
}
@media(min-width:478px){
	.gg-element2:nth-child(3n+0){
		grid-row-end:span 2
	}
	.gg-element2:nth-child(0n+1){
		grid-row-end:span 2
	}
}
@media(max-width:768px){
	.gg-box2{
		grid-template-columns:repeat(auto-fit,minmax(50%,1fr));
		grid-auto-rows:auto;
		grid-gap:0px;
	}
}

@media(max-width:450px){
	.gg-box2{
		grid-template-columns:repeat(auto-fit,minmax(100%,1fr));
		grid-auto-rows:auto;
		grid-gap:0px;
	}
		.gg-element2:nth-child(n+5){
   		display:none;
}
}
.gg-element2:nth-child(n+10){
   		display:none;
}



.gg-box3{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(33.3%,1fr));
	grid-auto-rows:auto;
	grid-gap:0px;
	 overflow: hidden;
}

.gg-element3 img{
	object-fit:cover;
	cursor:pointer;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.02);
	border-radius:0px;
	transform-origin: 65% 75%;
  transition: transform 1s, filter .5s ease-out;
}
.gg-element3 img:hover{
	opacity:.7;
	transform: scale(2);
}
#gg-screen3{
	position:fixed;
	width:100%;
	height:100%;
	z-index:1;
	top:0;
	left:0;
	display:none;
	background:rgba(255,255,255,0.85);
	z-index:9999;
	text-align:center
}
#gg-screen3 .gg-image3{
	height:100%;
	display:inline-flex;
	justify-content:center;
	align-items:center;
}
#gg-screen3 .gg-image3 img{
	max-width:100%;
	max-height:100%;
	margin:0 auto;
}
.gg-bt3{
	width:38px;
	height:38px;
	background:rgba(255,255,255,0.6);
	color:#222;
	border-radius:50%;
	text-align:center;
	line-height:32px;
	vertical-align:middle;
	display:inline-block;
	cursor:pointer;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
	font-size:25px;
	border:1px solid rgba(0,0,0,0.05);
	box-sizing:border-box;
	padding-left:2px;
	margin-top: 50px;
}
.gg-bt3:hover{
	background:rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
}
.gg-close3{
	position:fixed;
	top:.5em;
}
.gg-close3,.gg-nxt3{
	right:.5em;
}
.gg-prev3{
	left:.5em;
}
.gg-prev3,.gg-nxt3{
	position:fixed;
	bottom:50%;
}
@media(min-width:478px){
	.gg-element3:nth-child(3n+0){
		grid-row-end:span 2
	}
	.gg-element3:nth-child(0n+1){
		grid-row-end:span 2
	}
}
@media(max-width:768px){
	.gg-box3{
		grid-template-columns:repeat(auto-fit,minmax(50%,1fr));
		grid-auto-rows:auto;
		grid-gap:0px;
	}
}

@media(max-width:450px){
	.gg-box3{
		grid-template-columns:repeat(auto-fit,minmax(100%,1fr));
		grid-auto-rows:auto;
		grid-gap:0px;
	}
		.gg-element3:nth-child(n+5){
   		display:none;
}
}
.gg-element3:nth-child(n+10){
   		display:none;
}