#page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_filters a.active,
#page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_filters a:hover {
    opacity: 0.6;
}

#page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_filters a {
    background-color: transparent !important;
    border: none !important;
    padding: 0 10.5px;
}

#page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_filters li:last-child {
    border-right: none !important;
}

#page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_filters li {
    border-right: 1px solid #a7a7a7;
}

#page-container .pixie_portfolio1 .et_pb_portfolio h2.et_pb_module_header,
#page-container .pixie_portfolio1 .et_pb_portfolio p.post-meta {
    position: absolute;
    left: 0;
    transform: translate(0, 210px);
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1;
    opacity: 0;
    transition: 0.3s !important;
    width: 100%;
}

#page-container .pixie_portfolio1 .et_pb_portfolio h2.et_pb_module_header {
    top: calc(50% - 30px);
}

#page-container .pixie_portfolio1 .et_pb_portfolio p.post-meta {
    top: calc(50% + 30px);
}

#page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header {
    transition-delay: 0.2s !important;
    transform: translate(0, -50%);
    opacity: 1;
}

#page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_item:hover p.post-meta {
    transition-delay: 0.4s !important;
    transform: translate(0, -50%);
    opacity: 1;
}

#page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_item:hover a img {
    opacity: 0.5;
}

#page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_item {
    width: 25% !important;
    float: left;
}

/*Responsive*/

@media only screen and (max-width: 1390px) {
    #page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_filters {
        right: 10%;
    }
}

@media only screen and (max-width: 980px) {
    #page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_filters {
        top: -67px;
        right: 0;
        left: 0;
    }

    #page-container .pixie_portfolio1 .et_pb_promo .et_pb_promo_description,
    #page-container .pixie_portfolio1 .et_pb_promo .et_pb_promo_description h2 {
        padding-bottom: 7px !important;
        text-align: center !important;
    }

    #page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_filters .clearfix {
        text-align: center !important;
    }

    #page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_filters li {
        display: inline-block;
        float: none;
    }
}

@media only screen and (max-width: 767px) {
    #page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_item {
        width: 50% !important;
    }

    #page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_filters li {
        width: auto !important;
    }

}

@media only screen and (max-width: 480px) {
    #page-container .pixie_portfolio1 .et_pb_row:last-child {
        width: 100% !important;
    }

    #page-container .pixie_portfolio1 .et_pb_portfolio .et_pb_portfolio_item {
        width: 100% !important;
        margin-bottom: 0 !important;
    }
}

/*Portfolio in Home 5*/

#page-container .pixie_portfolio1.home_5 .et_pb_portfolio_items {
    perspective: 4000px;
}
body.et-fb #page-container .pixie_portfolio1.home_5 .et_pb_filterable_portfolio .et_pb_portfolio_item ,
#page-container .pixie_portfolio1.home_5 .et_pb_filterable_portfolio .loadCont .et_pb_portfolio_item {
    opacity: 1;
}

#page-container .pixie_portfolio1.home_5 .et_pb_filterable_portfolio .et_pb_portfolio_item {
    opacity: 0;
}

#page-container .pixie_portfolio1.home_5 .et_pb_filterable_portfolio .et_pb_portfolio_item.active {
    animation: none;
}

#page-container .pixie_portfolio1.home_5 .et_pb_filterable_portfolio .et_pb_portfolio_item.active_item,
#page-container .pixie_portfolio1.home_5 .et_pb_gallery_grid .et_pb_gallery_item {
    opacity: 1;
    -moz-animation: portfolioAnimate 0.5s 1 cubic-bezier(0, 0, 0.34, 0.97);
    -o-animation: portfolioAnimate 0.5s 1 cubic-bezier(0, 0, 0.34, 0.97);
    animation: portfolioAnimate 0.5s 1 cubic-bezier(0, 0, 0.34, 0.97);
}

@keyframes portfolioAnimate {
    from {
        transform: scale(0) translateZ(0px) rotateY(360deg);
    }
    to {
        transform: scale(1) translateZ(0px) rotateY(0turn);
    }
}

/*Portfolio in Home 6*/


body.et-fb #page-container .pixie_portfolio1.home_6 .et_pb_filterable_portfolio .et_pb_portfolio_item ,
#page-container .pixie_portfolio1.home_6 .et_pb_filterable_portfolio .loadCont .et_pb_portfolio_item {
    opacity: 1;
}


#page-container .pixie_portfolio1.home_6 .et_pb_filterable_portfolio .et_pb_portfolio_item {
    opacity: 0;
    -webkit-perspective: 500px;
    perspective: 500px;
}

#page-container .pixie_portfolio1.home_6 .et_pb_filterable_portfolio .et_pb_portfolio_item.active {
    animation: none;
    transform-origin: 0% 50% 0px;
}


#page-container .pixie_portfolio1.home_6 .et_pb_filterable_portfolio .et_pb_portfolio_item.active_item{
    opacity: 1;
}
#page-container .pixie_portfolio1.home_6 .et_pb_filterable_portfolio .et_pb_portfolio_item.active_item .et_portfolio_image{
    opacity: 1;
    -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@-webkit-keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}
@keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}