.filter-option-move, /* apply transition to moving elements */
.filter-option-enter-active,
.filter-option-leave-active {
  transition: all 0.5s ease;
}

.filter-option-enter-from,
.filter-option-leave-to {
  opacity: 0;
  transform: translate(-30px);
}

/* ensure leaving items are taken out of layout flow so that moving
   animations can be calculated correctly. */
.filter-option-leave-active {
  position: absolute;
}

.filter-options {
    margin-bottom:5px;
}

@media (max-width:560px) {
    .filter-options {
        margin-bottom: 5px;
        z-index: 10;
        position: absolute;
        margin-top: -10px;
        background-color: #FFF;
        padding: 5px;
        box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) !important;
        margin-left: -15px;
        width: 100%;
        padding-left: 15px;
    }
}

/*Fixed */

.nav__label::after {
    content: "\f00d";
    display: inline-block;
    color: transparent;
    font-size: 12px;
    transform: scale(0);
    transition: transform 150ms ease-in-out;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left:5px;
}

.nav__label.nav__label--active::after {
    content: "\f00d" !important;
    color: #f68185 !important;
    transform: scale(1);
}
.nav__label.nav__label--filter::after {
    content: "\f111";
    color: #46d2c4;
    transform: scale(1)
}

.filters__item {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #c5d0d1;
    border-radius: 6px;
    font-size: 0.8rem;
    line-height: 1.35;
    cursor: pointer;
    transition: all 275ms;
    font-size:14px;
    font-family:'Roboto';
    display:inline-block;
    background-color: #FFF;
}

 .filters__item:hover,
 .filters__item:focus{
    border-color: #379a93;
    outline:1px solid #379a93 !important;
}


.filters__item--active {
    color: white;
    border-color: #379a93;
    background-color: #379a93;
}

.pg-filter-drowdown {
    cursor:pointer;
    font-family:Roboto;
    padding:5px;
    margin-right:5px;
    background-color:#FFF;
    border: 0;
    background-color: #FFF;  
}
.pg-filter-drowdown:hover, .filters__item:hover {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075) !important;
}


/*End Filters */

.pg-item-container {
  backface-visibility: hidden;
  z-index: 1;
}

/* moving */
.pgitem-move {
  transition: all 600ms ease-in-out 50ms;
}

/* appearing */
.pgitem-enter-active {
  transition: all 400ms ease-out;
}

/* disappearing */
.pgitem-leave-active {
  transition: all 200ms ease-in;
  position: absolute;
  z-index: 0;
}

/* appear at / disappear to */
.pgitem-enter,
.pgitem-leave-to {
  opacity: 0;
}