#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;
} @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;
}
} #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);
}
} 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;
}
}