.circle-heading {
    text-align: center;
    text-transform: uppercase;
}

.subcat-circle {
    font-family: "Myriad Pro Semi Condensed Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: flex;
    overflow: auto;
    margin: -10px;
    min-height: 175px;
}

.subcat-circle a {
    color: #333;
}

.subcat-circle .ml-10 {
    margin-left: 25px;
}

.subcat-circle .circle-elem {
    display: flex;
    flex-shrink:0;
    flex-direction: column;
    justify-content: space-between;
    width: 100px;
    height: 175px;
    align-items: center;
}

.subcat-circle .circle-elem img {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;

    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.subcat-circle .circle-elem p {
    text-align: center;
    flex-grow: 1;
}

.subcat-circle .circle-elem img:last-of-type {
    display: none;
}

.subcat-circle .circle-elem:hover img:first-of-type {
    display: none;
}

.subcat-circle .circle-elem:hover img:last-of-type {
    display: block;
}

.subcat-circle a.active img:first-of-type {
    display: none;
}

.subcat-circle a.active img:last-of-type {
    display: block;
}
