.tg-img-wrapper,.tg-overlay,.tg-placeHolder,.tg-placeHolder div,.thumb-grid img{
	-webkit-backface-visibility:hidden;
}
@font-face{
	font-family:thumbgrid;
	src:url(../fonts/thumbgallery.eot?44954952);
	src:url(../fonts/thumbgallery.eot?44954952#iefix)format('embedded-opentype'),
		url(../fonts/thumbgallery.woff?44954952)format('woff'),
		url(../fonts/thumbgallery.ttf?44954952)format('truetype'),
		url(../fonts/thumbgallery.svg?44954952#thumbgrid)format('svg');
	font-weight:400;
	font-style:normal;
}
*{
	box-sizing:border-box;
}
.tg-container{
	position:relative;
	max-width:980px;
	margin:0 auto;
	margin:20px auto;
	overflow:hidden;
}
.thumb-grid{
	position:absolute;
	padding:0;
	width:100%;
	margin:0 auto;
	list-style:none;
	font-size:0;
	text-align:center;
}
.thumb-grid img{
	opacity:0;
}
.thumb-grid.active img{
	opacity:1;
}
.thumb-grid .thumbWrapper{
	cursor:pointer;
	position:relative;
	margin:5px;
	overflow:hidden;
	border:1px solid rgba(0,0,0,.2);
	background-color:rgba(0,0,0,.2);
	box-shadow:0 0 5px rgba(0,0,0,.3);
	display:inline-block!important;
}
.thumb-grid .thumbWrapper:hover:after{
	font-family:thumbgrid;
	content:'\e804';
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-22px;
	margin-top:-22px;
	font-size:25px;
	width:44px;
	height:44px;
	border-radius:100%;
	display:block;
	line-height:170%;
	text-align:center;
	z-index:1;
	color:#fff;
	background-color:rgba(0,0,0,.5);
}
.thumb-grid .thumbWrapper .thumb_box{
	width:100%;
	height:auto;
	transition:All 1s ease;
	-webkit-transition:All .3s ease;
	-moz-transition:All .3s ease;
	-o-transition:All .3s ease;
}
.thumb-grid li:hover .thumb_box{
	transform:rotate(0)scale(1.3)skew(0)translate(0);
	-webkit-transform:rotate(0)scale(1.3)skew(0)translate(0);
	-moz-transform:rotate(0)scale(1.3)skew(0)translate(0);
	-o-transform:rotate(0)scale(1.3)skew(0)translate(0);
	-ms-transform:rotate(0)scale(1.3)skew(0)translate(0);
	opacity:.65;
}
nav.thumbGridNav{
	margin-top:60px;
	text-align:center;
}
nav.thumbGridNav a{
	display:inline-block;
	margin:0 8px;
	width:18px;
	height:18px;
	border-radius:50%;
	background:#fff;
	opacity:.3;
	-webkit-transition:all .5s;
	transition:all .5s;
	overflow:hidden;
	text-indent:-1000px;
	cursor:pointer;
}
nav.thumbGridNav a:hover{
	opacity:.5;
}
nav.thumbGridNav a.sel{
	opacity:1;
}
nav.thumbGridNav.waiting a.sel{
	background:rgba(239,239,239,1);
	opacity:.4;
	border:0;
}
nav.thumbGridNav.waiting a:not(.sel){
	opacity:.1;
	cursor:default;
}
.tg-overlay{
	transition:All 2s ease;
	-webkit-transition:All .3s ease;
	-moz-transition:All .3s ease;
	-o-transition:All .3s ease;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:0 0;
	z-index:10000;
	-webkit-perspective:1000;
}
.tg-close,.tg-next{
	position:absolute;
	text-align:right;
}
.tg-placeHolder{
	background:#1e2123;
	box-shadow:0 0 10px rgba(0,0,0,.4);
	-webkit-perspective:1000;
}
.tg-placeHolder div{
	-webkit-perspective:1000;
}
.tg-close{
	-webkit-transition:all .4s;
	transition:all .4s;
	background-color:rgba(0,0,0,.2);
	top:10px;
	right:10px;
	width:40px;
	height:40px;
	cursor:pointer;
	color:rgba(255,255,255,1);
}
.tg-next,.tg-prev{
	cursor:pointer;
	top:50%;
	width:40px;
	height:40px;
	border-radius:100%;
	background-color:rgba(0,0,0,.2);
	color:rgba(255,255,255,.6);
}
.tg-next{
	transition:all .4s;
	right:20px;
}
.tg-next,.tg-prev{
	-webkit-transition:all .4s;
}
.tg-prev{
	transition:all .4s;
	position:absolute;
	left:20px;
	text-align:left;
}
.tg-img-wrapper,.tg-spinner{
	position:absolute;
	width:100%;
	top:0;
	height:100%;
	margin-left:0;
}
.tg-close:after{
	content:'\e80c';
	font-family:thumbgrid;
	font-size:38px;
	font-weight:300;
	cursor:pointer;
	padding-right:0;
	line-height:1;
}
.tg-next:after,.tg-prev:after{
	font-weight:300;
	font-family:thumbgrid;
	font-size:38px;
	line-height:42px;
}
.tg-next:after{
	content:'\e80d';
	padding-right:0;
}
.tg-prev:after{
	content:'\e80e';
	padding-left:0;
}
.tg-next:hover,.tg-prev:hover{
	background-color:rgba(255,255,255,1);
	color:rgba(0,0,0,1);
}
.tg-close:hover{
	color:rgba(0,0,0,1);
	background-color:#fff;
}
.tg-spinner{
	right:0;
	margin-top:0;
	background:0 0;
}
.tg-img-wrapper{
	left:0;
	overflow:hidden;
	max-width:100%;
	-webkit-perspective:1000;
}
.tg-img-wrapper label{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(0,0,0,.6);
	width:100%;
	padding:10px;
}
.tg-img-wrapper label .ss-img-index{
	display:inline-block;
	color:rgba(255,255,255,.5);
	padding:0 10px 5px 0;
	font-weight:300;
}
@media (max-width:1024px){
	.tg-container{
		width:100%;
	}
	.thumb-grid li{
		margin:4px;
		height:200px;
		width:49%;
	}
	nav.thumbGridNav{
		margin-top:20px;
		text-align:center;
	}
	.thumb-grid .thumbWrapper:hover:after{
		content:'';
		background-color:transparent;
	}
	.tg-next,.tg-next:hover,.tg-prev,.tg-prev:hover{
		background-color:rgba(255,255,255,0);
		color:rgba(255,255,255,1);
	}
}
@media (max-width:480px){
	nav.thumbGridNav a{
		margin:0 8px;
		width:10px;
		height:10px;
		border-radius:100%;
	}
	.tg-next,.tg-prev{
		visibility:hidden;
	}
}