@charset "utf-8";
.cl::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
section.catalogPhoto {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 33px;
    padding: 10px;
    position: relative;
    width: 100%;
} 

.catalogPhoto .item {float: left; width: 224px; padding: 20px 20px 55px 20px; position: relative; text-align: center;margin:0 14px 14px 0; }
.catalogPhoto .item {-moz-box-shadow:0 0 2px RGBA(0,0,0,0.12); -webkit-box-shadow: 0 0 2px RGBA(0,0,0,0.12); box-shadow: 0 0 2px RGBA(0,0,0,0.12); background: #fff; }
.catalogPhoto .item:hover {-moz-box-shadow:0 0 5px RGBA(0,0,0,0.12); -webkit-box-shadow: 0 0 5px RGBA(0,0,0,0.12); box-shadow: 0 0 5px RGBA(0,0,0,0.12);}
.photoItemInGallery{padding: 20px 20px 0px 20px !important;}

.catalogPhoto .item .pic {
    height: 204px;
    line-height: 198px;
    vertical-align: middle;
}
.catalogPhoto .item .pic img {
    vertical-align: middle;
}
.catalogPhoto .item .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 0;
}
.catalogPhoto .item .titleImage {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 5px;
}
.catalogPhoto .item .title a {
    color: #004684;
}
.catalogPhoto .item .bottom {
    bottom: 27px;
    left: 20px;
    position: absolute;
    width: 224px;
}
.catalogPhoto .item .bottom .more {
    display: block;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    width: 224px;
	background: #004684 none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
}
.catalogPhoto .item .bottom .more:hover {background:#005eb1 }