.ga_block{
	display:inline-block;
	
	position:relative;
	
	box-sizing: border-box;
	border:10px solid rgb(240,240,240);
	
	/*width:calc(100% - 30px);*/
			
	/*max-height:350px;*/
	
	min-height:50px;
	min-width:50px;
	
	
	margin:15px;
	
					
	transition: transform 0.3s ease-out 0s;
	-webkit-transition: transform 0.3s ease-out 0s;
	-moz-transition: transform 0.3s ease-out 0s;
	-o-transition: transform 0.3s ease-out 0s;
	z-index:10;
	overflow:hidden;
	/*background:#eee;*/
	
	/*animation: g2 0.3s;*/
}



.ga_block.load{
	/*background: url(img/lazyload-spin.gif) center center no-repeat #eee;*/
}	

.ga_opis{
	
	margin-bottom:10px;
	
}

.ga_block:hover{
	z-index:11;
	transform:scale(1.4);
	-ms-transform:scale(1.4);
	-webkit-transform:scale(1.4);
	
	box-shadow: 4px 4px 15px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 4px 15px rgba(0,0,0,0.3);
	-moz-box-shadow: 4px 4px 15px rgba(0,0,0,0.3);
	
	/*animation: g1 0.5s;*/
	
}

@keyframes g1 {

	0% {  transform:rotate(0deg) scale(1);  -ms-transform:rotate(0deg) scale(1);  -webkit-transform:rotate(0deg) scale(1) }
	50% {  transform:rotate(7deg) scale(1.2); -ms-transform:rotate(7deg) scale(1.2); -webkit-transform:rotate(7deg) scale(1.2)}
	100% { transform:rotate(0deg) scale(1.2); -ms-transform:rotate(0deg) scale(1.2); -webkit-transform:rotate(0deg) scale(1.2)}

}	

@keyframes g2 {

	0% {  transform:rotate(0deg) scale(1.2); -ms-transform:rotate(0deg) scale(1.2); -webkit-transform:rotate(0deg) scale(1.2)}
	100% { transform:rotate(0deg) scale(1); -ms-transform:rotate(0deg) scale(1); -webkit-transform:rotate(0deg) scale(1)}

}

.ga_block img{
	/*
	width:100%;
	height:100%;
	*/
	
	display:block;
	position:relative;
	outline:10px solid white;
	
	transition: opacity 0.4s ease-out 0s;
	-webkit-transition: opacity 0.4s ease-out 0s;
	-moz-transition: opacity 0.4s ease-out 0s;
	
	z-index:8;
	
	opacity:1;
	
}

.ga_block:hover img{
		opacity:1!important;
}	

.ga_block a:hover{
text-decoration:none!important;
}

.ga_block a{
	
	position:absolute;
	display:block;
	bottom:0px;
	z-index:10;
	
	box-sizing: border-box;
	color:white;
	text-shadow: 1px 1px 1px #000;
	padding:10px 10px;
	background:rgba(0,0,0,0.3);
	width:100%;
}

.ga_block a:after{
	content: '';
	position:absolute;
	top:-9999px;
	left:-9999px;
	right:-9999px;
	bottom:-9999px;
	display:block;
	z-index:2;
}

.starsze, .nowsze{
	
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	
	background:rgb(150,150,150);
	
	color:rgb(230,230,230);
	
	
}

a.starsze:hover, a.nowsze:hover{
	
	text-decoration:none!important;
	color:white;
	background-color:rgb(100,100,100);
	
	
}

.xsel {
	
	/*background-color:#F6D014;*/
	
}	

a.starsze:hover{
	padding-right:40px;
}	

a.nowsze:hover{
	padding-left:40px;
}	

a.starsze:hover::after{
	opacity:0.6;
}

a.nowsze:hover::before{
	
	opacity:0.6;
	
}	

.starsze{
	position:relative;
	float:right;
	display:block;
	height:50px;
	line-height:50px;
	margin:20px 0px;
	padding:0px 20px;
}

.starsze::after{
	content:'\25b6';
	opacity:0;
	display:block;
	position:absolute;
	right:12px;
	bottom:0;
	height:50px;
	line-height:50px;
	

}

.nowsze{
	position:relative;
	float:left;
	display:block;
	height:50px;
	line-height:50px;
	
	margin:20px 0px;
	padding:0px 20px;
}

.nowsze::before{
	content:'\25C0';
	opacity:0;
	display:block;
	position:absolute;
	left:12px;
	bottom:0;
	height:50px;
	line-height:50px;
}


.starsze::after, .nowsze::before{
	
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	
	
	
	
}