.ng-fc .category-wrap {
    padding-top: 100%;
    background-position:center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    position: relative;
    margin-top: 4px;
    margin-right: 4px;
}

.category-wrap{
   background-size: contain;
}

.ng-fc .first .category-wrap{
    padding-top: calc(100% + 4px);     background-size: contain;
}
.ng-fc .first {
    padding-top: 0px;
    /*margin-top: 4px;*/
}
.ng-fc.row, .ng-fc .row  {
    margin-left: 0;
    margin-right: 0;
}
.ng-fc .col-md-3, .ng-fc .col-md-4, .ng-fc .col-md-9 {
    padding-right: 0;
    padding-left: 0;
    /*padding: 2px;*/
}

.ng-fc .name {  
}
.ng-fc .category-menu {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 15px;
    background-color: rgba(0,0,0,0.8);
    font-family: "sf_ui_displaylight",sans-serif;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    padding-top: 20px;
}

.ng-fc .category-menu-title {
    display: block;    padding: 7px 0;
    

}
.ng-fc .category-menu-title:hover{}
.ng-fc .category-wrap:focus .category-menu, .ng-fc .category-wrap:hover .category-menu{
    opacity: 1;
}

.ng-fc .category-wrap:focus .category-menu_ul, .ng-fc .category-wrap:hover .category-menu_ul{
    -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft;
}
@keyframes fadeInLeft {
    0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}
    30%{opacity:.2}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
.ng-fc .category-menu_ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 15px;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.ng-fc .category-menu_ul.column-count-2 {
    column-count: 2;
}

.ng-fc .category-menu_ul a{
    color: #fff;
    margin-bottom: 7px;
}
.ng-fc .category-menu_ul a:hover, .ng-fc .btn-show-more:hover{
    text-decoration: underline;
}

.ng-fc .category-menu_ul .fa{
    font-size: 10px;
    margin-right: 6px;
    position: relative;
    top: -2px;
}

.ng-fc .category-menu_ul a:before:hover {
    text-decoration: none;
}

.ng-fc .btn-show-more {
    margin-top: 5px;
    cursor: pointer;
}
@media (min-width: 768px) {
    .ng-fc .first .category-wrap{
        padding-top: calc(50% + 4px);
    }
}


@media (min-width: 992px){
    .ng-fc .first .category-wrap{
        padding-top: calc(100% + 4px);
    }

    .ng-fc .category-wrap {
        background-size: contain;        padding-top: calc(100% + 4px);
    }

    .ng-fc .first .category-menu_ul.column-count-2 {
        column-count: 1;
    }
}