.wrapper-penci-portfolio {
width: 100%;
overflow: hidden;
}
.wrapper-penci-portfolio .page-numbers {
margin-bottom: 0;
}
.wrapper-penci-portfolio .page-numbers li {
margin-left: 0;
display: inline-block;
}
.wrapper-penci-portfolio .penci-pagination {
padding-bottom: 0;
opacity: 0;
visibility: hidden;
}
.wrapper-penci-portfolio .penci-pagenavi-shortcode .penci-pagination,
.wrapper-penci-portfolio .penci-portfolio.loaded + .penci-pagination {
opacity: 1;
visibility: visible;
}
.penci-portfolio-filter {
display: block;
text-align: center;
margin: 0 0 15px 0;
position: relative;
}
.post-entry .penci-portfolio-filter ul,
.penci-portfolio-filter ul {
list-style: none;
display: inline-block;
vertical-align: top;
padding: 0 !important;
margin: 0;
}
.post-entry .penci-portfolio-filter ul li,
.penci-portfolio-filter ul li {
display: inline-block;
float: left;
margin: 0 0 5px 10px;
padding: 0;
}
.post-entry .penci-portfolio-filter ul li:after,
.penci-portfolio-filter ul li:after {
content: '/';
opacity: 0.3;
font-family: 'Roboto', sans-serif;
}
.post-entry .penci-portfolio-filter ul li:last-child,
.penci-portfolio-filter ul li:last-child {
margin-right: 0;
}
.post-entry .penci-portfolio-filter ul li:last-child:after,
.penci-portfolio-filter ul li:last-child:after {
content: none;
}
.post-entry .penci-portfolio-filter ul li a,
.penci-portfolio-filter ul li a {
color: #111111;
font-family: "Roboto", sans-serif;
margin-right: 5px;
font-size: 14px;
}
.post-entry .penci-portfolio-filter ul li a:hover,
.post-entry .penci-portfolio-filter ul li.active a,
.penci-portfolio-filter ul li a:hover,
.penci-portfolio-filter ul li.active a {
color: #3f51b5;
text-decoration: none;
}
.penci-portfolio-filter li {
-webkit-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
-webkit-transition-delay: 50ms;
transition-delay: 50ms;
}
.penci-portfolio-filter ul li + li {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.penci-portfolio-filter ul li + li + li {
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
.penci-portfolio-filter ul li + li + li + li {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.penci-portfolio-filter ul li + li + li + li + li {
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
}
.penci-portfolio-filter ul li + li + li + li + li + li {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.penci-portfolio-filter ul.is-active li {
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
}
.penci-portfolio-filter ul.is-active li + li {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.penci-portfolio-filter ul.is-active li + li + li {
-webkit-transition-delay: 350ms;
transition-delay: 350ms;
}
.penci-portfolio-filter ul.is-active li + li + li + li {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.penci-portfolio-filter ul.is-active li + li + li + li + li {
-webkit-transition-delay: 450ms;
transition-delay: 450ms;
}
.penci-portfolio-filter ul.is-active li + li + li + li + li + li {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.penci-portfolio-filter .portfolio-subcategory {
position: absolute;
top: 0;
right: 50%;
transform: translateX(50%);
z-index: 10;
visibility: hidden;
}
.penci-portfolio-filter .portfolio-subcategory li {
visibility: hidden;
margin-bottom: 10px;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.penci-portfolio-filter .portfolio-subcategory.is-active li {
visibility: visible;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
}
.penci-portfolio-filter .penci-pfl-subcat-back a {
-webkit-opacity: .5;
-moz-opacity: .5;
opacity: .5;
}
.penci-portfolio-filter .penci-pfl-subcat-back a i {
display: inline-block;
margin-right: 10px;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
transition: all 0.3s;
}
.penci-portfolio-filter .penci-pfl-subcat-back a:hover {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.penci-portfolio-filter .penci-pfl-subcat-back a:hover i {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.subcategory-active.penci-portfolio-filter .penci-pfl-root-cats li {
visibility: hidden;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.penci_breadcrumbs + .wrapper-penci-portfolio {
margin-top: 20px;
}
.penci-portfolio-wrap {
margin-left: -10px;
margin-right: -10px;
}
.penci-portfolio-wrap .inner-portfolio-posts {
display: inline-block;
width: 100%;
vertical-align: top;
}
.penci-portfolio-wrap .portfolio-item {
width: 33.33333%;
padding: 0 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
float: left;
margin-bottom: 20px;
}
.penci-portfolio-wrap.column-1 .portfolio-item {
width: 100%;
}
.penci-portfolio-wrap.column-2 .portfolio-item {
width: 50%;
}
.penci-portfolio-wrap.column-3 .portfolio-item {
width: 33.33333%;
}
.penci-portfolio-wrap.column-4 .portfolio-item {
width: 25%;
}
.penci-portfolio-wrap.column-5 .portfolio-item {
width: 20%;
}
.penci-portfolio-wrap.column-6 .portfolio-item {
width: 16.6666667%;
}
.penci-portfolio-wrap .wow {
visibility: hidden;
}
.penci-portfolio-mix .penci-portfolio-wrap .portfolio-item {
width: 25%;
}
.penci-portfolio-mix .penci-portfolio-wrap .portfolio-item:nth-child(5n + 2) {
width: 50%;
}
.penci-portfolio-mix .penci-pfl-big-item .penci-plf-square .penci-image-placeholder {
padding-bottom: 100% !important;
}
.penci-portfolio-mix .penci-pfl-big-item .penci-plf-vertical .penci-image-placeholder {
padding-bottom: 100% !important;
}
.penci-portfolio-mix .penci-pfl-big-item .penci-plf-landscape .penci-image-placeholder {
padding-bottom: 66.66667% !important;
}
.inner-item-portfolio {
position: relative;
}
.inner-item-portfolio img {
width: 100%;
display: block;
}
.penci-portfolio-thumbnail a:after {
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
content: "";
-webkit-transition: .5s;
transition: .5s;
z-index: 10;
}
.inner-item-portfolio:hover .penci-portfolio-thumbnail a:after {
opacity: 0.87;
}
.inner-item-portfolio .portfolio-desc {
position: absolute;
text-align: center;
top: 50%;
width: 100%;
padding: 0 10px;
margin: 0;
z-index: 12;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.inner-item-portfolio a {
text-decoration: none !important;
}
.inner-item-portfolio .portfolio-desc h3 {
opacity: 0;
text-transform: none;
font-size: 20px;
margin-top: 0;
margin-bottom: 4px;
position: relative;
-webkit-transform: translate(0, 10px);
-ms-transform: translate(0, 10px);
transform: translate(0, 10px);
-webkit-transition: all .5s ease;
transition: all .5s ease;
color: #ffffff;
}
.inner-item-portfolio .portfolio-desc span {
opacity: 0;
font-size: 12px;
display: block;
vertical-align: top;
line-height: 1.3;
text-decoration: none;
-webkit-transform: translate(0, 20px);
-ms-transform: translate(0, 20px);
transform: translate(0, 20px);
-webkit-transition: all .5s ease;
transition: all .5s ease;
color: #adadad;
}
.inner-item-portfolio .portfolio-desc span.amount,
.inner-item-portfolio .portfolio-desc span.amount span {
display: initial;
}
.inner-item-portfolio:hover .portfolio-desc {
visibility: visible;
opacity: 1;
}
.inner-item-portfolio:hover .portfolio-desc h3,
.inner-item-portfolio:hover .portfolio-desc span {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.penci-portfolio-below_img .inner-item-portfolio .portfolio-desc {
position: static;
transform: none;
padding: 0;
margin-top: 11px;
opacity: 1;
visibility: visible;
}
.penci-portfolio-below_img .inner-item-portfolio .portfolio-desc h3, .penci-portfolio-below_img .inner-item-portfolio .portfolio-desc span {
opacity: 1;
transform: none;
}
.penci-portfolio-below_img .inner-item-portfolio .portfolio-desc h3 {
color: #111111;
}
.penci-portfolio-below_img .inner-item-portfolio .portfolio-desc a:hover h3 {
color: #3f51b5;
}
.penci-portfolio-below_img .penci-portfolio-thumbnail {
position: relative;
}
.penci-portfolio-below_img .inner-item-portfolio:hover .penci-portfolio-thumbnail a:after {
opacity: 0.3;
}
.single-portfolio-thumbnail {
margin-bottom: 23px;
text-align: center;
vertical-align: top;
}
.single-portfolio-thumbnail img {
vertical-align: top;
}
.portfolio-page-content .portfolio-detail {
margin: 0 auto;
}
.single-portfolio .penci-social-buttons {
text-align: center;
margin-bottom: 0;
}
.single-portfolio .penci-social-buttons + .post-comments {
border-top: 1px solid #ececec;
}
.single-portfolio .penci_breadcrumbs {
margin-bottom: 7px;
}
.single-portfolio.single .entry-content {
margin-bottom: 20px;
margin-top: 11px;
}
.single-portfolio.single .penci-plf-single-info .penci-entry-content {
margin-top: 0;
margin-bottom: 0;
}
.penci-plf-single-info .penci-plf-info-inner {
margin-top: -20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.penci-plf-single-info .penci-plf-info {
width: 100%;
max-width: 400px;
padding-left: 50px;
}
.penci-plf-single-info .penci-plf-desc {
flex: 1;
}
.penci-plf-single-info .penci-col-inner {
margin-top: 20px;
}
.penci-plf-single-info.pfl_properties_block .penci-plf-info-inner {
display: block;
}
.penci-plf-single-info.pfl_properties_block .penci-plf-desc,
.penci-plf-single-info.pfl_properties_block .penci-plf-info {
max-width: 100%;
width: 100%;
padding-left: 0;
}
.penci-pfl-info-item {
display: table;
table-layout: fixed;
}
.penci-pfl-info-item .penci-pfl-info-label {
min-width: 108px;
font-weight: 600;
display: table-cell;
color: #111;
}
.penci-pfl-info-item .penci-pfl-info-value {
display: table-cell;
}
.penci-pfl-info-item a {
font-weight: 400;
}
.penci-pagenavi-shortcode li {
list-style: none;
display: inline-block;
vertical-align: top;
padding: 0;
margin: 0;
}
.penci-pagenavi-shortcode .align-left li {
float: left;
}
.penci-pagenavi-shortcode .align-right li {
float: right;
}
.entry-content .penci-portfolio-more-button {
color: #ffffff;
}
.entry-content .penci-portfolio-more-button:hover {
text-decoration: none;
}
.penci-post-related .inner-item-portfolio {
opacity: 1 !important;
}
.penci-post-related .inner-item-portfolio.animated {
animation-name: none !important;
}
.penci-post-related .wrapper-penci-portfolio {
margin-bottom: -20px;
}
.penci-portfolio-more-button .ajax-more-finished {
visibility: hidden;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: 0;
display: none;
}
.penci-portfolio-more-button .ajaxdot {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.penci-portfolio-more-button.penci-plf-loading-1 .penci-portfolio-ajaxdot {
font-size: 8px;
width: 32px;
margin: 0 auto 0 -16px;
opacity: 0;
top: 50%;
height: 8px;
left: 50%;
z-index: -1;
position: absolute;
transform: translateY(-50%);
}
.penci-portfolio-more-button.penci-plf-loading-1 .dot {
width: 1em;
height: 1em;
border-radius: .5em;
background: #fff;
position: absolute;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.penci-portfolio-more-button.penci-plf-loading-1 .dot1 {
-webkit-animation-name: revealPortfolio;
animation-name: revealPortfolio;
}
.penci-portfolio-more-button.penci-plf-loading-1 .dot2, .penci-portfolio-more-button.penci-plf-loading-1 .dot3 {
-webkit-animation-name: slidePortfolio;
animation-name: slidePortfolio;
}
.penci-portfolio-more-button.penci-plf-loading-1 .dot4 {
left: 3em;
-webkit-animation-name: revealbackPortfolio;
animation-name: revealbackPortfolio;
}
.penci-portfolio-more-button.penci-plf-loading-1 .dot1, .penci-portfolio-more-button.penci-plf-loading-1 .dot2 {
left: 0;
}
.penci-portfolio-more-button.penci-plf-loading-1 .dot3 {
left: 1.5em;
}
.penci-portfolio-more-button.penci-plf-loading-2 .penci-portfolio-ajaxdot {
display: inline-block;
width: 30px;
height: 30px;
background-color: #111;
border-radius: 100%;
-webkit-animation: scaleoutPortfolio 1s infinite ease-in-out;
animation: scaleoutPortfolio 1s infinite ease-in-out;
z-index: 50;
opacity: 0;
position: absolute;
top: 5px;
left: 50%;
margin-left: -15px;
visibility: hidden;
}
.penci-portfolio-more-button.penci-plf-loading-2 .dot {
display: none;
}
.penci-portfolio-more-button.is-finished .ajax-more-finished {
visibility: visible;
opacity: 1;
display: block;
}
.penci-portfolio-more-button.is-finished .ajax-more-text {
-webkit-transition-duration: 50ms;
transition-duration: 50ms;
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
display: none;
}
.penci-portfolio-more-button.infinite .penci-portfolio-ajaxdot, .penci-portfolio-more-button.loading-posts .penci-portfolio-ajaxdot {
opacity: 1;
z-index: 100;
visibility: visible;
}
.penci-portfolio-more-button.infinite .ajax-more-text, .penci-portfolio-more-button.loading-posts .ajax-more-text {
opacity: 0;
visibility: hidden;
}
.penci-portfolio-more-button.infinite.penci-plf-loading-2, .penci-portfolio-more-button.loading-posts.penci-plf-loading-2 {
background: transparent !important;
color: transparent !important;
border-color: transparent !important;
}
.penci-pfl-no-trans {
webkit-transition: none !important;
transition: none !important;
}
.penci-pfl-no-opacity {
opacity: 0 !important;
}
.penci-pfl-info-item {
margin-bottom: 5px;
}
.penci-pfl-info-item:last-child {
margin-bottom: 0;
}
.penci-pfl-social_share {
padding-top: 27px;
margin-top: 27px;
margin-bottom: 0;
border-top: 1px solid #ececec;
}
.penci-pfl-social_share .penci-social-item {
padding-right: 16px;
}
.penci-pfl-social_share .penci-social-item:last-child {
padding-right: 0;
}
.penci-pfl-related {
padding-bottom: 20px;
}
.penci-pfl-related .post-related_content {
margin-left: 0;
margin-right: 0;
}
.penci-pfl-pagination {
width: 100%;
margin-top: 60px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.penci-pfl-pagination:after {
content: '';
display: table;
clear: both;
width: 100%;
}
.penci-pfl-pagination .penci-pfl-prev span,
.penci-pfl-pagination .penci-pfl-next span {
color: inherit;
text-transform: none;
}
.penci-pfl-pagination .penci-pfl-prev {
width: 42%;
float: left;
}
.penci-pfl-pagination .penci-pfl-back-wap {
width: 16%;
float: left;
text-align: center;
}
.penci-pfl-pagination .penci-pfl-back {
width: 22px;
display: inline-block;
vertical-align: top;
}
.penci-pfl-pagination .penci-pfl-back span {
color: inherit;
}
.penci-pfl-pagination .penci-square-1,
.penci-pfl-pagination .penci-square-2 {
width: 22px;
height: 10px;
display: block;
position: relative;
}
.penci-pfl-pagination .penci-square-1:before, .penci-pfl-pagination .penci-square-1:after,
.penci-pfl-pagination .penci-square-2:before,
.penci-pfl-pagination .penci-square-2:after {
content: '';
width: 10px;
height: 10px;
border-top: 10px solid;
display: block;
float: left;
}
.penci-pfl-pagination .penci-square-1:after,
.penci-pfl-pagination .penci-square-2:after {
float: right;
}
.penci-pfl-pagination .penci-square-2 {
margin-top: 2px;
}
.penci-pfl-pagination .penci-pfl-next {
text-align: right;
float: right;
width: 42%;
}
.penci-pfl-pagination .prev-title {
font-size: 20px;
line-height: 32px;
}
.penci-pfl-pagination .fa {
font-size: 32px;
line-height: 32px;
}
.working-only-mobile {
display: none;
}
.penci-noclick {
pointer-events: none;
zoom: 1;
}
.penci-noclick .penci-pfl-next-title,
.penci-noclick .penci-pfl-prev-title {
-webkit-opacity: .4;
-moz-opacity: .4;
opacity: .4;
}
.penci-ajax-more a.penci-portfolio-more-button {
height: 40px;
line-height: 40px;
min-width: 180px;
max-width: none;
display: inline-block !important;
vertical-align: top;
width: auto;
padding-left: 15px;
padding-right: 15px;
}
.penci-ajax-more.penci-pag-center {
text-align: center;
}
.penci-ajax-more.penci-pag-left {
text-align: left;
}
.penci-ajax-more.penci-pag-right {
text-align: right;
}
@-webkit-keyframes revealPortfolio {
from {
-webkit-transform: scale(0.001);
transform: scale(0.001);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes revealPortfolio {
from {
-webkit-transform: scale(0.001);
transform: scale(0.001);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes slidePortfolio {
to {
-webkit-transform: translateX(1.5em);
transform: translateX(1.5em);
}
}
@keyframes slidePortfolio {
to {
-webkit-transform: translateX(1.5em);
transform: translateX(1.5em);
}
}
@-webkit-keyframes revealbackPortfolio {
from {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(0.001);
transform: scale(0.001);
}
}
@keyframes revealbackPortfolio {
from {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(0.001);
transform: scale(0.001);
}
}
@-webkit-keyframes fadeInPortfolio {
0% {
top: 40px;
opacity: 0;
}
100% {
top: 0;
opacity: 1;
}
}
@keyframes fadeInPortfolio {
0% {
top: 40px;
opacity: 0;
}
100% {
top: 0;
opacity: 1;
}
}
.fadeInPortfolio {
-webkit-animation-name: fadeInPortfolio;
animation-name: fadeInPortfolio;
}
@-webkit-keyframes scaleoutPortfolio {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@keyframes scaleoutPortfolio {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.wow.fast {
-webkit-animation-duration: .3s;
animation-duration: .3s;
}
.penci-image-placeholder {
position: relative;
display: block;
background-color: #eee;
}
.penci-image-placeholder > img {
position: absolute;
object-fit: cover;
display: block;
max-width: 100%;
width: 100%;
height: 100%;
top: 0;
left: 0;
image-rendering: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-filter: blur(0);
filter: blur(0);
opacity: 0;
}
.penci-image-placeholder .penci-lazyloaded {
-webkit-animation: pencipflOpacityIn 0.4s cubic-bezier(0.5, -0.04, 0.47, 0.98) forwards;
animation: pencipflOpacityIn 0.4s cubic-bezier(0.5, -0.04, 0.47, 0.98) forwards;
}
.penci-image-placeholder.penci-lazyloaded-parent {
-webkit-animation: pencipflBackgroundOut 0.4s cubic-bezier(0.5, -0.04, 0.47, 0.98) forwards;
animation: pencipflBackgroundOut 0.4s cubic-bezier(0.5, -0.04, 0.47, 0.98) forwards;
}
@-webkit-keyframes pencipflBackgroundOut {
to {
background: 0 0;
}
}
@keyframes pencipflBackgroundOut {
to {
background: 0 0;
}
}
@-webkit-keyframes pencipflOpacityIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes pencipflOpacityIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media only screen and (max-width: 1169px) {
.penci-portfolio-wrap .portfolio-item {
width: 50%;
}
.penci-portfolio.column-4 .portfolio-item,
.penci-portfolio.column-6 .portfolio-item,
.penci-portfolio.column-5 .portfolio-item {
width: 33.333333%;
}
}
@media only screen and (max-width: 960px) {
.penci-portfolio.column-6 .portfolio-item,
.penci-portfolio.column-5 .portfolio-item,
.penci-portfolio.column-4 .portfolio-item,
.penci-portfolio.column-3 .portfolio-item {
width: 50%;
}
}
@media only screen and (max-width: 768px) {
.penci-portfolio-wrap .portfolio-item {
width: 50% !important;
}
.working-only-pc {
display: none;
}
.working-only-mobile {
display: block;
}
.penci-plf-single-info .penci-plf-info-inner {
display: block;
}
.penci-plf-single-info .penci-plf-desc,
.penci-plf-single-info .penci-plf-info {
max-width: 100%;
width: 100%;
padding-left: 0;
}
}
@media only screen and (max-width: 600px) {
.penci-portfolio-wrap .portfolio-item {
width: 100% !important;
}
}