img.avia_image.lazyloaded[src=""],img.avia_image.lazyloaded[src="undefined"] {
    background-image: url('/images/no_image_cat.jpg');
          content:url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");

    -moz-opacity: 1; /* Netscape */
    -khtml-opacity: 1; /* Safari 1.x */
    opacity: 1;/* Good browsers */
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
    height: 300px;
    width: 300px;
}


.avia_image {
	transition:all 0.3s;
	transform:scale(1);
}


.image_container {
    position:relative;
    margin: 3px;
    overflow:hidden;
}


.all_cats .image_container .title {
	
   position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    right: 0;
    border: 2px solid #fff;
    border-bottom: 0px;
    width: 75%;
    left: 0;
    z-index: 2;
    text-align: center;
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
    color: #fff;

}

.scaled {
	
	transform:scale(1.2);
}

.all_cats {
	
    display: flex;
    justify-content: center;
    align-items:flex-start;
    width:100%;
    margin:0 auto;
	/*max-width:1200px;*/
}

.catscontainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:33%;
}

.middle_pictures {
    width:33%;
    text-align:center;
}

.catscontainer .imagetop {
    width:100%;
    text-align:Center;
}

.catscontainer .imagesbottom {
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
}

.gotocat {
	
	border:2px solid #fff;
	padding:5px;
	margin-top:5px;
	background: rgba(0,0,0,0.2);
	transition:all 0.3s;
}

.hover-img {
	
	background:rgba(0,0,0,0.2);
	height:100%;
	width:100%;
	position:Absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	visibility:hidden;
	opacity:0;
	transform:translateY(-100%);
	transition:all 0.3s;
}


.image_container:hover .hover-img {
	
	visibility:visible;
	opacity:1;
	transform:translateY(0px);
}

.single_cat {
		
position:relative;
margin: 3px;
overflow:hidden;

}


@media(max-width:960px) {

    .all_cats {
        flex-direction:column;
    }
    
    .catscontainer,.middle_pictures {
        width:100%;
    }
	
.image_container .title {
	
	font-size:18px;
}
	
}





.overlay-bg {
	
	z-index:1;
	background:linear-gradient(transparent,rgba(20,20,20, 0.2));
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
}

.title_cats7 {
	
	margin-bottom:10px;
}

.single_cat .bottom_part {
	
	position:absolute;
	bottom:15px;
	right:0;
	left:0;
	z-index:2;
	font-size:1.2em;
	text-align:center;
	
}



.single_cat a {
	color:#fff;
}

/*div#collections > div:nth-child(4) {
    display: block;
} */