.mask_h {
	-webkit-clip-path: polygon(0 0, 28% 0, 29% 42%, 65% 37%, 72% 0, 100% 0, 100% 100%, 69% 100%, 69% 63%, 39% 67%, 28% 100%, 0 100%);
	clip-path: polygon(0 0, 28% 0, 29% 42%, 65% 37%, 72% 0, 100% 0, 100% 100%, 69% 100%, 69% 63%, 39% 67%, 28% 100%, 0 100%);
}

.mask_t{
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 15%, 56% 26%, 65% 100%, 35% 100%, 35% 20%, 0 30%);
	clip-path: polygon(0 0, 100% 0, 100% 15%, 56% 26%, 65% 100%, 35% 100%, 35% 20%, 0 30%);
}

.mask_m{
	-webkit-clip-path: polygon(0 0, 19% 0, 50% 53%, 83% 0, 100% 0, 100% 100%, 84% 100%, 65% 50%, 52% 100%, 35% 50%, 25% 100%, 0 100%);
	clip-path: polygon(0 0, 19% 0, 50% 53%, 83% 0, 100% 0, 100% 100%, 84% 100%, 65% 50%, 52% 100%, 35% 50%, 25% 100%, 0 100%);
}

.mask_l{
	-webkit-clip-path: polygon(0 0, 28% 0, 19% 32%, 30% 83%, 82% 75%, 100% 85%, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 28% 0, 19% 32%, 30% 83%, 82% 75%, 100% 85%, 100% 100%, 0 100%);
}

ul {
	margin: 20px auto;
	padding: 15px 0;
}

li{
	width:180px;
	overflow:hidden;
	position:relative;
	height:180px;
	display:inline-block;
	margin: 0 10px;
}

.link_h,
.link_t,
.link_m,
.link_l {
	display:block;
	text-decoration:none;
	cursor:pointer;
}

.link_h {
	-webkit-clip-path: polygon(0 0, 28% 0, 29% 42%, 65% 37%, 72% 0, 100% 0, 100% 100%, 69% 100%, 69% 63%, 39% 67%, 28% 100%, 0 100%);
	clip-path: polygon(0 0, 28% 0, 29% 42%, 65% 37%, 72% 0, 100% 0, 100% 100%, 69% 100%, 69% 63%, 39% 67%, 28% 100%, 0 100%);
}

.link_t {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 15%, 56% 26%, 65% 100%, 35% 100%, 35% 20%, 0 30%);
	clip-path: polygon(0 0, 100% 0, 100% 15%, 56% 26%, 65% 100%, 35% 100%, 35% 20%, 0 30%);
}

.link_m {
	-webkit-clip-path: polygon(0 0, 19% 0, 50% 53%, 83% 0, 100% 0, 100% 100%, 84% 100%, 65% 50%, 52% 100%, 35% 50%, 25% 100%, 0 100%);
	clip-path: polygon(0 0, 19% 0, 50% 53%, 83% 0, 100% 0, 100% 100%, 84% 100%, 65% 50%, 52% 100%, 35% 50%, 25% 100%, 0 100%);
}

.link_l {
	-webkit-clip-path: polygon(0 0, 28% 0, 19% 32%, 30% 83%, 82% 75%, 100% 85%, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 28% 0, 19% 32%, 30% 83%, 82% 75%, 100% 85%, 100% 100%, 0 100%);
}

.img{
	display:block;
	width: 180px;
	height: 180px;
}

.overlay_h,
.overlay_t,
.overlay_m,
.overlay_l {
	cursor:pointer;
	opacity:0;
	width:180px;
	height:180px;
	position:absolute;
	left:0;
	top:0;
}

.link_h:hover .overlay_h,
.link_t:hover .overlay_t,
.link_m:hover .overlay_m,
.link_l:hover .overlay_l {
	opacity:1;
	background:rgba(69, 66, 66, 0.5);
}	

.overlay_h {
	-webkit-clip-path: polygon(0 0, 28% 0, 29% 42%, 65% 37%, 72% 0, 100% 0, 100% 100%, 69% 100%, 69% 63%, 39% 67%, 28% 100%, 0 100%);
	clip-path: polygon(0 0, 28% 0, 29% 42%, 65% 37%, 72% 0, 100% 0, 100% 100%, 69% 100%, 69% 63%, 39% 67%, 28% 100%, 0 100%);
}

.overlay_t {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 15%, 56% 26%, 65% 100%, 35% 100%, 35% 20%, 0 30%);
	clip-path: polygon(0 0, 100% 0, 100% 15%, 56% 26%, 65% 100%, 35% 100%, 35% 20%, 0 30%);

}

.overlay_m {
	-webkit-clip-path: polygon(0 0, 19% 0, 50% 53%, 83% 0, 100% 0, 100% 100%, 84% 100%, 65% 50%, 52% 100%, 35% 50%, 25% 100%, 0 100%);
	clip-path: polygon(0 0, 19% 0, 50% 53%, 83% 0, 100% 0, 100% 100%, 84% 100%, 65% 50%, 52% 100%, 35% 50%, 25% 100%, 0 100%);
}

.overlay_l {
	-webkit-clip-path: polygon(0 0, 28% 0, 19% 32%, 30% 83%, 82% 75%, 100% 85%, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 28% 0, 19% 32%, 30% 83%, 82% 75%, 100% 85%, 100% 100%, 0 100%);
}


.icon{
	display:block;
	opacity:0; 
	position:absolute;
	width:32px;
	height:32px;
	left:10px; 
	top:10px;
	transition: all .5s;
	background-image:url(images/lupa32x32.png)
}

.link_h:hover .icon,
.link_t:hover .icon,
.link_m:hover .icon,
.link_l:hover .icon{
	opacity:1;
}

.remodal__h4 {font-size: 28px; padding-bottom: 15px;}