@charset "UTF-8";
a.contactLink{font-size:.8em;background:url(../images/template/link_email.png) no-repeat 0px right;padding:0px 30px 0px 0px;text-transform:uppercase;text-decoration:none}
a.zoom{font-size:.8em;background:url(../images/template/link_zoom.png) no-repeat 0px 0px;padding:0px 0px 5px 20px;text-transform:uppercase;text-decoration:none}
.clear_both{clear:both;line-height:1px;}
.gallery_data{padding:0;display:none;}
.gallery_preload_area{display:none; width:55%;}



.gallery_credit{margin:0px 0px 10px 15px;float:left;width:425px;}
.gallery_type{margin:0px 0px 10px 0px;float:left;width:500px;text-align:right;padding:4px 0px 0px 0px;}



.gallery_container{ display:flex; flex-wrap:wrap; padding:50px; border-radius:50px; background:rgba(255,255,255,1); }
.gallery_thumbnails{ width:43% !important;  padding-right:2%;}
.gallery_thumbnails a{ width:31%; float:left; display:block; margin-right:3.5%; margin-bottom:3.5%;}
.gallery_thumbnails a:nth-child(3n){ margin-right:0;}
.gallery_thumbnails a img{ display:block; width:100%; border-radius:8px;}
.gallery_thumbnails a:hover{border-color:#fff;}
.gallery_thumbnails a.selected{border-color:#fff;}


.gallery_preview{ width:56.5%; position:relative; }
.gallery_preview a{display:block;  height:100%;}
.gallery_preview img{ display:block;}
.gallery_preview .pic{ overflow:hidden; border-radius:20px; position:relative;}
.gallery_preview .text{ position:absolute; bottom:0; width:100%; padding:12px; bottom:0; background:rgba(0,0,0,0.5); color:#fff; font-size:16px;}
/* Hide for browsers with no JavaScript support */

.gallery_data{display:block}
.gallery_thumbnails{width:auto;}
.gallery_preview{display:none;}
.gallery_caption{display:none;}
@media (max-width:640px){
	.gallery_container{ padding:1.5%; border-radius:5px; display:block;}
	.gallery_thumbnails{ width:100% !important;  padding-right:0;}
	.gallery_thumbnails a{ width:22%; float:left; display:block; margin:1.5%;}
	.gallery_thumbnails a:nth-child(3n){ margin-right:1.5%;}
	.gallery_thumbnails a img{ display:block; width:100%; border-radius:5px;}
	
	.gallery_preview{ width:100%; position:relative; padding:1.5%; }
	.gallery_preview .pic{ overflow:hidden; border-radius:5px; position:relative;}
	
}