.portfolio-container #portfolio .loading {
    width: 100%;
    display: inline-block;
    text-align:center;
}
.portfolio-container .loading > img{
    margin: 20px auto 60px;
}

#filter-portfolio_category label {
  display:block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #212C42;
  cursor: pointer;
}
#filter-portfolio_category input {
  display: none;
}
#filter-portfolio_category label::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #E3E3E3;
    background-color: #fff;
    transition: background-color .25s;
    vertical-align: text-bottom;
    margin-right: .5em;
}
#filter-portfolio_category input:checked + label::before {
  background-color: #DC3577;
}
#portfolio-filter {
    margin: 60px 0;
}
#portfolio-filter ul[data-filter] {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style-type: none;
    margin: 30px -5px;
}
#portfolio-filter ul[data-filter] > div {
    position: relative;
}
#portfolio-filter .parent h4 {
    position: relative;
    text-align: center;
    border-bottom: 12px solid #F6F6F6;
    margin: 0 5px 30px;

}
#portfolio-filter .parent.active h4,
#portfolio-filter .parent:hover  h4 {
    border-bottom-color: #DC3577;
    transition: color .5s, border-bottom-color .5s;
}
#portfolio-filter .parent  h4::after {
    content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border: 16px solid transparent;
        border-width: 16px 8px;
        bottom:-32px;
        left: calc(50% - 14px);
        opacity: 0;
        transition: all .5s;
}
#portfolio-filter .parent:hover  h4::after {
    opacity: 1;
        border-top-color: #DC3577;
        bottom: -44px;
}
.tax_container {
    position: absolute;
    background: #fff;
    z-index: 99999;
    padding: 0 5px;
    max-height: 0;
    overflow: hidden;
}
.parent {
    position: relative;
}
.parent:hover .tax_container {
    max-width: ;
    max-height: 300px;
    padding: 15px 5px;
}

.tax_container {
    transition: max-height .75s, padding .5s;
    /*! box-shadow: 0 6px 6px -6px #0008;*/
    width: 100%;
    box-sizing: border-box;
}
#portfolio {
    transition: opacity .5s;
    display: flex;
    flex-wrap: wrap;
}
#portfolio.loading {
    opacity: .5;
}
#portfolio article {

    width: 100%;
    display: inline-block;
    padding: 0px 0px 20px;

}
#resetFilters,
#pagination .next,
#pagination .prev {
    cursor: pointer;
}
#pagination {
    list-style-type: none;
    padding: 0;
    text-align: center;
}
#pagination li {
    display: inline-block;
}
#pagination li::before {
    display: none;
}
#pagination a,
#pagination .next,
#pagination .prev {
    padding: 6px;
    margin: 4px;
    color:#000;
}
#pagination a {
    display: block;
}
#pagination a.current,
#pagination a:hover,
#pagination .next:hover,
#pagination .prev:hover {
    color: #DC3577;
}
#pagination .prev::after {
    font-family: icomoon;
    content: '\f104';
}
#pagination .next::after {
    font-family: icomoon;
    content: '\f105';
}

.portfolio-container .tile-inner:hover .case-study-overlay {
    opacity: 1;
}
.portfolio-container .tile-inner:hover .case-study-overlay a {
    display: inline-block !important;
}

@media (max-width: 800px) {
    .parent {
        width: 100%;
    }
    .tax_container {
        position: static;
    }
    .parent:hover .tax_container {
        margin-bottom: 30px;
    }
    #portfolio article {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 801px) {
    #portfolio {
        margin: 0;
        margin-right: -20px;
    }
    #portfolio-filter ul[data-filter] > div {
        flex: 1;
        align-self: flex-end;
    }
    #portfolio article {
        width: calc(100% / 3);
        display: inline-block;
        padding: 0px 20px 20px 0px;
    }
}