a{color:#7f7f7f;text-decoration:none;outline:0;}
a:active,a:focus,a:hover{outline:0;text-decoration:none}
img{max-width:100%}



.disp{
    display:block;
}

.cat_gallery{
    float: left;
    position: relative;
    margin-bottom: 15px;
    width: 100%;
    background: rgba(0,0,0,.6);
    text-align: center;
    overflow: hidden;
    position: relative;
    height: 230px;
    border: 1px solid #666;
}
.cat_gallery img{
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
}
.cat_gallery a{position: relative; width: 100%; height: 100%;}
.cat_gallery a:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background: rgba(34,34,34,.5);
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 2;
content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/></svg>");
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
-webkit-transform: scale(.2);
-moz-transform: scale(.2);
-o-transform: scale(.2);
transform: scale(.2);
opacity: 0;
visibility: hidden;
}
.cat_gallery:hover a:before{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
visibility: visible;
opacity: 1;
}

.ptb{float: left; width: 100%; padding: 30px 0;}
.home_photo{background: #f0f2f4; float: left; width: 100%; padding: 30px 0;}
.cat_gallery{border-radius: 10px;}