.viba-portfolio-wrapper, .viba-portfolio-wrapper *, .viba-portfolio-wrapper *::after,.viba-portfolio-wrapper *::before,
.viba-portfolio-single-media, .viba-portfolio-single-media *, .viba-portfolio-single-content,
.viba-portfolio-single-description, .viba-portfolio-single-meta,
.vp-ajax-wrapper, .vp-ajax-content, .vp-ajax-inner .viba-portfolio-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.vp-html-overflow { overflow-x: hidden; overflow-y:auto }
.viba-portfolio-wrapper { position: relative; }
.vp-size-fullwidth { max-width: none !important; }
.vp-modal-open { overflow: hidden; }
.viba-portfolio {
list-style: none !important; margin: 0; padding: 0; z-index: 1;
-webkit-transition-property: height, width; transition-property: height, width;
-webkit-transition-duration: .8s; transition-duration: .8s;
}
.viba-portfolio-wrapper .viba-portfolio { padding: 0; }
.viba-portfolio-entry-title { margin-bottom: 0.67em; } .viba-portfolio-item a,
.viba-portfolio-single-meta a,
.viba-portfolio-likes,
.viba-portfolio-share,
.viba-portfolio-link:hover, .viba-portfolio-link:focus, .viba-portfolio-link:active { outline: 0; text-decoration: none; }
.viba-portfolio a:hover { color: inherit; } .viba-portfolio::before, .viba-portfolio::after,
.viba-portfolio-content::after { content: ""; display: table; clear: both; } .viba-portfolio-content, .viba-portfolio-cover, .viba-portfolio-cover-fixed,
.viba-portfolio-overlay, .viba-portfolio-phosphorus-overlay { pointer-events: none }
.viba-portfolio-link, .viba-portfolio-likes, .viba-portfolio-item-button { pointer-events:auto; }
.viba-portfolio-likes { position: relative; z-index: 1; }
.viba-portfolio-content { position: relative; }
.viba-portfolio-content .viba-portfolio-link::after {
content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;
} .vp-editor .viba-portfolio a,
.vp-preview .viba-portfolio a { pointer-events: none; } @font-face {
font-family: 'viba-portfolio';
src: url(//acagp.com/wp-content/plugins/viba-portfolio/assets/font/viba-portfolio.eot?5836488);
src: url(//acagp.com/wp-content/plugins/viba-portfolio/assets/font/viba-portfolio.eot?5836488#iefix) format('embedded-opentype'),
url(//acagp.com/wp-content/plugins/viba-portfolio/assets/font/viba-portfolio.woff?5836488) format('woff'),
url(//acagp.com/wp-content/plugins/viba-portfolio/assets/font/viba-portfolio.ttf?5836488) format('truetype'),
url(//acagp.com/wp-content/plugins/viba-portfolio/assets/font/viba-portfolio.svg?5836488#viba-portfolio) format('svg');
font-weight: normal;
font-style: normal;
}
.vp-loader,
.viba-portfolio-item-button::before,
.viba-portfolio-likes::before,
.vp-filter-button::before,
.vp-pagination-arrow::before, .vp-pagination-arrow a::before, .vp-load-more .vp-load-more-loader::before, .vp-pagination-button::after,
.vp-pagination-single-arrow a::before, .vp-pagination-single-archives::before,
.viba-portfolio-lightbox-arrow::before,
.viba-portfolio-owl .owl-buttons div::before,
.viba-portfolio-media-link::before,
.viba-portfolio-share::before,
.vp-ajax-actions a::before {
font: normal 20px/1 'viba-portfolio'; font-variant: normal; color: inherit; display: inline-block; vertical-align: middle; text-align: center; text-transform: none;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale
}
.vp-loader-1::before { content: "\e802"; }
.vp-load-more .vp-load-more-loader::before { content: "\e802"; }
.js-vp-ajax-error::before { content: "\e803"; }
.vp-ajax-prev::before { content: "\e808"; }
.vp-ajax-next::before { content: "\e809"; }
.vp-link-button::before { content: "\e804"; }
.vp-format-link .vp-link-button::before { content: "\e805"; }
.vp-zoom-button::before { content: "\e806"; }
.viba-portfolio-likes::before { content: "\e800"; }
.viba-portfolio-likes.active::before { content: "\e801"; }
.vp-filter-button::before { content: "\e807"; }
.vp-pagination-arrow.vp-nav-previous::before, .vp-pagination-arrow.vp-nav-previous a::before { content: "\e808"; }
.vp-pagination-arrow.vp-nav-next::before, .vp-pagination-arrow.vp-nav-next a::before { content: "\e809"; }
.vp-pagination-single-arrow.vp-nav-previous a::before { content: "\e808"; }
.vp-pagination-single-arrow.vp-nav-next a::before { content: "\e809"; }
.vp-pagination-single-archives::before { content: "\e811"; }
.vp-share-facebook::before { content: "\e821"; }
.vp-share-twitter::before { content: "\e822"; }
.vp-share-google-plus::before { content: "\e823"; }
.vp-share-pinterest::before { content: "\e824"; }
.vp-share-tumblr::before { content: '\e825'; }
.vp-share-linkedin::before { content: "\e826"; }
.vp-share-reddit::before { content: '\e827'; }
.vp-share-vk::before { content: '\e828'; }
.vp-share-mail::before { content: "\e829"; }
.viba-portfolio-owl .owl-prev::before { content: "\e808"; }
.viba-portfolio-owl .owl-next::before { content: "\e809"; }
.viba-portfolio-media-link::before { content: "\e806"; }
.viba-portfolio-lightbox-arrow-prev::before { content: "\e808"; }
.viba-portfolio-lightbox-arrow-next::before { content: "\e809"; } .viba-portfolio.vp-margins { width: auto; max-width: none; min-width: 100%; } .viba-portfolio-loader {
position: absolute; display: block; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; width: 50px; height: 50px;
line-height: 50px !important; text-align: center; opacity: 0; visibility: hidden;
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.js-vp-loading .viba-portfolio-loader { opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; }
.js-vp-loaded .viba-portfolio-loader { opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s;}
.vp-loader{  position: relative; width: 50px; height: 50px; border-radius: 50%; }
.vp-loader::before,
.vp-loader::after { width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } .js-vp-loading .vp-loader-1 {
-webkit-animation: vpLoader1 linear infinite 1s; animation: vpLoader1 linear infinite 1s;
}
.vp-loader-1::before { line-height: 50px; } .js-vp-loading .vp-loader-2 {
-webkit-animation: vpLoader2 1s infinite ease-in-out; animation: vpLoader2 1s infinite ease-in-out;
} .js-vp-loading .vp-loader-3::before {
content: ''; border: 10px solid; border-color: inherit;
-webkit-animation: vpLoader3 1.5s infinite ease-in-out; animation: vpLoader3 1.5s infinite ease-in-out;
} .js-vp-loading .vp-loader-4::before { content: ''; width: 25px; height: 25px; margin: 0 0 0 -12px;  top: auto; bottom: 0; left: 50%;
-webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: vpLoader1 1s linear infinite; animation: vpLoader1 1s linear infinite;
} .vp-loader.vp-loader-5 { background: none !important }
.vp-loader-5::before,
.vp-loader-5::after { content: ''; width: 80%; height: 80%; top: 5%; }
.vp-loader-5::before { left: -5%; -webkit-transform-origin: 10% 50%; transform-origin: 10% 50%; }
.vp-loader-5::after { left: auto; right: -5%;
-webkit-transform: translate3d(0,0,0) scale(0); transform: translate3d(0,0,0) scale(0); -webkit-transform-origin: 90% 50%; transform-origin: 90% 50%;
}
.js-vp-loading .vp-loader-5 { -webkit-animation: vpLoader5-1 1s infinite linear;  animation: vpLoader5-1 1s infinite linear; }
.js-vp-loading .vp-loader-5::before { -webkit-animation: vpLoader5-2 1s infinite alternate ease-in-out; animation: vpLoader5-2 1s infinite alternate ease-in-out; }
.js-vp-loading .vp-loader-5::after { -webkit-animation: vpLoader5-2 1s 1s infinite alternate ease-in-out; animation: vpLoader5-2 1s 1s infinite alternate ease-in-out; } .vp-loader.vp-loader-6 { background: none !important }
.js-vp-loading .vp-loader-6::before,
.js-vp-loading .vp-loader-6::after { content: ''; webkit-transform: translateX(0) scale(0); -ms-transform: translateX(0) scale(0); transform: translateX(0) scale(0);
-webkit-animation: vpLoader6 1.5s infinite ease-in-out; animation: vpLoader6 1.5s infinite ease-in-out;
}
.js-vp-loading .vp-loader-6::after { -webkit-animation-delay: 0.75s;  animation-delay: 0.75s; } .js-vp-loading .vp-loader-7 { -webkit-animation: vpLoader1 3s infinite linear; animation: vpLoader1 3s infinite linear; }
.js-vp-loading .vp-loader-7::before { content: ''; -webkit-animation: vpLoader7 1s infinite ease-in-out; animation: vpLoader7 1s infinite ease-in-out; } .vp-loader.vp-loader-8 { background: none !important; border-right: 5px solid; border-top: 5px solid; }
.js-vp-loading .vp-loader-8 { -webkit-animation: vpLoader1 .8s infinite linear; animation: vpLoader1 .8s infinite linear; } .vp-loader.vp-loader-9 { background: none !important }
.vp-loader-9 div {
height: 100%; width: 6px; position: absolute; left: 50%; margin-left: -11px;
-webkit-animation: luminoPreloader9 1.2s infinite ease-in-out; animation: luminoPreloader9 1.2s infinite ease-in-out;
}
.vp-loader-9 div:nth-child(2) { margin-left: -3px; }
.vp-loader-9 div:nth-child(3) { margin-left: 5px; }
.js-vp-loading .vp-loader-9 div { -webkit-animation: vpLoader9 1.2s infinite ease-in-out;	animation: vpLoader9 1.2s infinite ease-in-out; }
.js-vp-loading .vp-loader-9 div:nth-child(2) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.js-vp-loading .vp-loader-9 div:nth-child(3) { -webkit-animation-delay: -1s; animation-delay: -1s; } .vp-loader-10 { border-color: inherit; border: 10px solid;  }
.vp-loader-10::before,
.vp-loader-10::after { content: ''; width: 25px; height: 50px; border-radius: 50px 0 0 50px; top: -10px; }
.vp-loader-10::before { left: -10px;  -webkit-transform-origin: 25px 25px;  transform-origin: 25px 25px; }
.vp-loader-10::after { left: 50%; border-radius: 0 50px 50px 0; -webkit-transform-origin: 0px 25px;  transform-origin: 0px 25px; }
.js-vp-loading .vp-loader-10::after { -webkit-animation: vpLoader1 2s infinite ease; animation: vpLoader1 2s infinite ease; }
.js-vp-loading .vp-loader-10::before { -webkit-animation: vpLoader1 2s infinite ease 1.5s;	animation: vpLoader1 2s infinite ease 1.5s; } .vp-loader-11 { border-radius: 4px }
.js-vp-loading .vp-loader-11 { -webkit-animation: vpLoader11 1.2s infinite ease-in-out; animation: vpLoader11 1.2s infinite ease-in-out; } .vp-loader.vp-loader-12 { background: none !important }
.vp-loader-12::before,
.vp-loader-12::after { content: ''; opacity: 0.7 }
.js-vp-loading .vp-loader-12::before,
.js-vp-loading .vp-loader-12::after { opacity: 0.7; -webkit-animation: vpLoader12 2.0s infinite ease-in-out; animation: vpLoader12 2.0s infinite ease-in-out; }
.js-vp-loading .vp-loader-12::after { -webkit-animation-delay: -1s; animation-delay: -1s; } .viba-portfolio-item-inner {
-webkit-animation-duration: var(--vp-loading-duration, 0.4s);
animation-duration: var(--vp-loading-duration, 0.4s);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.vp-js .viba-portfolio-item-inner { opacity: 0 }
.vp-editor .viba-portfolio-item-inner { opacity: 1 }
.vp-loading-horizontal-flipbook,
.vp-loading-vertical-flipbook { -moz-perspective: 1800px; -webkit-perspective: 1800px; perspective: 1800px; -webkit-transform-style: flat; transform-style: flat; }
.vp-loading-vertical-flipbook .viba-portfolio-item-inner { -webkit-transform-origin: top center; transform-origin: top center; }
.vp-loading-horizontal-flipbook .viba-portfolio-item-inner { -webkit-transform-origin: left top; transform-origin: left top; }
.vp-loading-rotate-down-left .viba-portfolio-item-inner { -webkit-transform-origin:top left;transform-origin:top left; }
.vp-loading-rotate-down-right .viba-portfolio-item-inner { -webkit-transform-origin:top right;transform-origin:top right; }
.vp-loading-rotate-up-left .viba-portfolio-item-inner { -webkit-transform-origin:bottom left;transform-origin:bottom left; }
.vp-loading-rotate-up-right .viba-portfolio-item-inner { -webkit-transform-origin:bottom right;transform-origin:bottom right; }
.vp-loading-fade .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpFade; animation-name: vpFade; }
.vp-loading-scale .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpScale; animation-name: vpScale; }
.vp-loading-rotate .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpRotate; animation-name: vpRotate; }
.vp-loading-rotate-down-left .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpRotateDownLeft; animation-name: vpRotateDownLeft; }
.vp-loading-rotate-down-right .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpRotateDownRight; animation-name: vpRotateDownRight; }
.vp-loading-rotate-up-left .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpRotateUpLeft; animation-name: vpRotateUpLeft; }
.vp-loading-rotate-up-right .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpRotateUpRight; animation-name: vpRotateUpRight; }
.vp-loading-slide-top .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpSlideTop; animation-name: vpSlideTop; }
.vp-loading-slide-right .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpSlideRight; animation-name: vpSlideRight; }
.vp-loading-slide-bottom .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpSlideBottom; animation-name: vpSlideBottom; }
.vp-loading-slide-left .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpSlideLeft; animation-name: vpSlideLeft; }
.vp-loading-horizontal-flip .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpHorizontalFlip; animation-name: vpHorizontalFlip; }
.vp-loading-vertical-flip .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpVerticalFlip; animation-name: vpVerticalFlip; }
.vp-loading-horizontal-flipbook .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpHorizontalFlipbook; animation-name: vpHorizontalFlipbook; }
.vp-loading-vertical-flipbook .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner { -webkit-animation-name: vpVerticalFlipbook; animation-name: vpVerticalFlipbook; }  .viba-portfolio {
display: flex; flex-wrap: wrap;
}
.viba-portfolio .viba-portfolio-item { width: 33.33334%; flex: 0 0 auto; margin: 0 !important; }
.viba-portfolio .viba-portfolio-item::before { display: none; }
.viba-portfolio-item-inner { width: 100%; display: block; position: relative; } .vp-col-mp-8 .viba-portfolio-item { width: 12.5% }
.vp-col-mp-7 .viba-portfolio-item { width: 14.28571% }
.vp-col-mp-6 .viba-portfolio-item { width: 16.66667% }
.vp-col-mp-5 .viba-portfolio-item { width: 20% }
.vp-col-mp-4 .viba-portfolio-item { width: 25% }
.vp-col-mp-3 .viba-portfolio-item { width: 33.33334% }
.vp-col-mp-2 .viba-portfolio-item { width: 50% }
.vp-col-mp-1 .viba-portfolio-item { width: 100% }
.vp-col-mp-6 .viba-portfolio-item-big,
.vp-col-mp-6 .viba-portfolio-item-landscape { width: 33.33334% }
.vp-col-mp-5 .viba-portfolio-item-big,
.vp-col-mp-5 .viba-portfolio-item-landscape { width: 40% }
.vp-col-mp-4 .viba-portfolio-item-big,
.vp-col-mp-4 .viba-portfolio-item-landscape { width: 50% }
.vp-col-mp-3 .viba-portfolio-item-big,
.vp-col-mp-3 .viba-portfolio-item-landscape { width: 66.66667% }
.vp-col-mp-2 .viba-portfolio-item-big,
.vp-col-mp-2 .viba-portfolio-item-landscape,
.vp-col-mp-1 .viba-portfolio-item-big,
.vp-col-mp-1 .viba-portfolio-item-landscape { width: 100% } @media screen and ( min-width: 480px ) {
.vp-col-ml-8 .viba-portfolio-item { width: 12.5% }
.vp-col-ml-7 .viba-portfolio-item { width: 14.28571% }
.vp-col-ml-6 .viba-portfolio-item { width: 16.66667% }
.vp-col-ml-5 .viba-portfolio-item { width: 20% }
.vp-col-ml-4 .viba-portfolio-item { width: 25% }
.vp-col-ml-3 .viba-portfolio-item { width: 33.33334% }
.vp-col-ml-2 .viba-portfolio-item { width: 50% }
.vp-col-ml-1 .viba-portfolio-item { width: 100% }
.vp-col-ml-6 .viba-portfolio-item-big,
.vp-col-ml-6 .viba-portfolio-item-landscape { width: 33.33334% }
.vp-col-ml-5 .viba-portfolio-item-big,
.vp-col-ml-5 .viba-portfolio-item-landscape { width: 40% }
.vp-col-ml-4 .viba-portfolio-item-big,
.vp-col-ml-4 .viba-portfolio-item-landscape { width: 50% }
.vp-col-ml-3 .viba-portfolio-item-big,
.vp-col-ml-3 .viba-portfolio-item-landscape { width: 66.66667% }
.vp-col-ml-2 .viba-portfolio-item-big,
.vp-col-ml-2 .viba-portfolio-item-landscape,
.vp-col-ml-1 .viba-portfolio-item-big,
.vp-col-ml-1 .viba-portfolio-item-landscape { width: 100% }
} @media screen and ( min-width: 768px ) {
.vp-col-tp-8 .viba-portfolio-item { width: 12.5% }
.vp-col-tp-7 .viba-portfolio-item { width: 14.28571% }
.vp-col-tp-6 .viba-portfolio-item { width: 16.66667% }
.vp-col-tp-5 .viba-portfolio-item { width: 20% }
.vp-col-tp-4 .viba-portfolio-item { width: 25% }
.vp-col-tp-3 .viba-portfolio-item { width: 33.33334% }
.vp-col-tp-2 .viba-portfolio-item { width: 50% }
.vp-col-tp-1 .viba-portfolio-item { width: 100% }
.vp-col-tp-6 .viba-portfolio-item-big,
.vp-col-tp-6 .viba-portfolio-item-landscape { width: 33.33334% }
.vp-col-tp-5 .viba-portfolio-item-big,
.vp-col-tp-5 .viba-portfolio-item-landscape { width: 40% }
.vp-col-tp-4 .viba-portfolio-item-big,
.vp-col-tp-4 .viba-portfolio-item-landscape { width: 50% }
.vp-col-tp-3 .viba-portfolio-item-big,
.vp-col-tp-3 .viba-portfolio-item-landscape { width: 66.66667% }
.vp-col-tp-2 .viba-portfolio-item-big,
.vp-col-tp-2 .viba-portfolio-item-landscape,
.vp-col-tp-1 .viba-portfolio-item-big,
.vp-col-tp-1 .viba-portfolio-item-landscape { width: 100% }
} @media screen and ( min-width: 960px ) {
.vp-col-tl-8 .viba-portfolio-item { width: 12.5% }
.vp-col-tl-7 .viba-portfolio-item { width: 14.28571% }
.vp-col-tl-6 .viba-portfolio-item { width: 16.66667% }
.vp-col-tl-5 .viba-portfolio-item { width: 20% }
.vp-col-tl-4 .viba-portfolio-item { width: 25% }
.vp-col-tl-3 .viba-portfolio-item { width: 33.33334% }
.vp-col-tl-2 .viba-portfolio-item { width: 50% }
.vp-col-tl-1 .viba-portfolio-item { width: 100% }
.vp-col-tl-6 .viba-portfolio-item-big,
.vp-col-tl-6 .viba-portfolio-item-landscape { width: 33.33334% }
.vp-col-tl-5 .viba-portfolio-item-big,
.vp-col-tl-5 .viba-portfolio-item-landscape { width: 40% }
.vp-col-tl-4 .viba-portfolio-item-big,
.vp-col-tl-4 .viba-portfolio-item-landscape { width: 50% }
.vp-col-tl-3 .viba-portfolio-item-big,
.vp-col-tl-3 .viba-portfolio-item-landscape { width: 66.66667% }
.vp-col-tl-2 .viba-portfolio-item-big,
.vp-col-tl-2 .viba-portfolio-item-landscape,
.vp-col-tl-1 .viba-portfolio-item-big,
.vp-col-tl-1 .viba-portfolio-item-landscape { width: 100% }
} @media screen and ( min-width: 1124px ) {
.vp-col-ds-8 .viba-portfolio-item { width: 12.5% }
.vp-col-ds-7 .viba-portfolio-item { width: 14.28571% }
.vp-col-ds-6 .viba-portfolio-item { width: 16.66667% }
.vp-col-ds-5 .viba-portfolio-item { width: 20% }
.vp-col-ds-4 .viba-portfolio-item { width: 25% }
.vp-col-ds-3 .viba-portfolio-item { width: 33.33334% }
.vp-col-ds-2 .viba-portfolio-item { width: 50% }
.vp-col-ds-1 .viba-portfolio-item { width: 100% }
.vp-col-ds-6 .viba-portfolio-item-big,
.vp-col-ds-6 .viba-portfolio-item-landscape { width: 33.33334% }
.vp-col-ds-5 .viba-portfolio-item-big,
.vp-col-ds-5 .viba-portfolio-item-landscape { width: 40% }
.vp-col-ds-4 .viba-portfolio-item-big,
.vp-col-ds-4 .viba-portfolio-item-landscape { width: 50% }
.vp-col-ds-3 .viba-portfolio-item-big,
.vp-col-ds-3 .viba-portfolio-item-landscape { width: 66.66667% }
.vp-col-ds-2 .viba-portfolio-item-big,
.vp-col-ds-2 .viba-portfolio-item-landscape,
.vp-col-ds-1 .viba-portfolio-item-big,
.vp-col-ds-1 .viba-portfolio-item-landscape { width: 100% }
} @media screen and ( min-width: 1400px ) {
.vp-col-dl-8 .viba-portfolio-item { width: 12.5% }
.vp-col-dl-7 .viba-portfolio-item { width: 14.28571% }
.vp-col-dl-6 .viba-portfolio-item { width: 16.66667% }
.vp-col-dl-5 .viba-portfolio-item { width: 20% }
.vp-col-dl-4 .viba-portfolio-item { width: 25% }
.vp-col-dl-3 .viba-portfolio-item { width: 33.33334% }
.vp-col-dl-2 .viba-portfolio-item { width: 50% }
.vp-col-dl-1 .viba-portfolio-item { width: 100% }
.vp-col-dl-6 .viba-portfolio-item-big,
.vp-col-dl-6 .viba-portfolio-item-landscape { width: 33.33334% }
.vp-col-dl-5 .viba-portfolio-item-big,
.vp-col-dl-5 .viba-portfolio-item-landscape { width: 40% }
.vp-col-dl-4 .viba-portfolio-item-big,
.vp-col-dl-4 .viba-portfolio-item-landscape { width: 50% }
.vp-col-dl-3 .viba-portfolio-item-big,
.vp-col-dl-3 .viba-portfolio-item-landscape { width: 66.66667% }
.vp-col-dl-2 .viba-portfolio-item-big,
.vp-col-dl-2 .viba-portfolio-item-landscape,
.vp-col-dl-1 .viba-portfolio-item-big,
.vp-col-dl-1 .viba-portfolio-item-landscape { width: 100% }
} .vp-layout-carousel { flex-wrap: nowrap; overflow: hidden; } .viba-portfolio-owl .owl-wrapper::after { content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0 } .viba-portfolio-owl { position:relative; width:100%; -ms-touch-action:pan-y; }
.viba-portfolio-owl .owl-wrapper-outer { position:relative; width:100%; overflow: hidden; min-height: 1px; }
.viba-portfolio-owl .owl-wrapper { display:none; position:absolute; height: 100%; }
.viba-portfolio-owl .owl-item { float:left; }
.owl-controls .owl-page,.owl-controls .owl-buttons div { cursor:pointer }
.owl-controls { -webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0) } .viba-portfolio-owl .owl-wrapper,
.viba-portfolio-owl .owl-item {
-webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
}
.vp-layout-carousel.owl-carousel .viba-portfolio-item { width: 100% }
.vp-layout-carousel.owl-controls .owl-page span { margin-top: 10px } .vp-js .vp-layout-carousel { opacity: 0; }
.js-vp-ready .vp-layout-carousel { height: auto; }
.vp-layout-carousel .owl-wrapper-outer {
-webkit-transition-property: height, width; transition-property: height, width;
-webkit-transition-duration: .8s; transition-duration: .8s;
} .viba-portfolio-owl .owl-item { cursor: move; cursor: url(//acagp.com/wp-content/plugins/viba-portfolio/assets/img/openhand.cur) 8 8, move; cursor: -webkit-grab; cursor: -moz-grab; }
.viba-portfolio-owl .grabbing .owl-item { cursor: url(//acagp.com/wp-content/plugins/viba-portfolio/assets/img/closedhand.cur) 8 8, move; cursor: -webkit-grabbing; cursor: -moz-grabbing; }
.vp-editor .viba-portfolio-owl .owl-item { cursor: auto; } .viba-portfolio-owl .owl-buttons div {
position: absolute; top: 50%; z-index: 4; margin-top: -25px; width: 50px; height: 50px;
border-radius: 50px; border: 2px solid #fff; text-align: center;
opacity: 0; color: #fff; background: rgba(0,0,0,.15);
cursor: pointer; pointer-events: auto;
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.viba-portfolio-owl .owl-buttons div::before { font-size: 18px; line-height: 46px; }
.viba-portfolio-owl .owl-prev { left: 15px; -webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0); }
.viba-portfolio-owl .owl-next { right: 15px; -webkit-transform:translate3d(5px,0,0); transform:translate3d(5px,0,0); }
.viba-portfolio-owl:hover .owl-buttons div { opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);  }
.viba-portfolio-owl .owl-buttons div:hover { width: 60px; background: #fff; color: #000  } .viba-portfolio-owl .owl-controls .owl-pagination { position: relative; z-index: 2; width: 100%; text-align: center; clear: both; margin-top: 5px; }
.viba-portfolio-owl .owl-controls .owl-page { display: inline-block; }
.viba-portfolio-owl .owl-controls .owl-page span {
display: block; width: 10px; height: 10px; margin: 0 4px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(0,0,0,.15);
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.viba-portfolio-owl .owl-controls .owl-page.active span,
.viba-portfolio-owl .owl-controls.clickable .owl-page:hover span { background: rgba(0,0,0,.15); } @media screen and ( min-width: 1024px ) {
.viba-portfolio-owl .owl-controls .owl-pagination { display: none; }
.vp-layout-carousel .owl-wrapper-outer { overflow: visible; }
.vp-layout-carousel .owl-item { opacity: 0; visibility: hidden; -webkit-transition:all; transition:all;  }
.vp-layout-carousel .owl-item .viba-portfolio-item { -webkit-animation: none; animation: none; }
.vp-layout-carousel.vp-items-horizontal-flipbook .owl-item,
.vp-layout-carousel.vp-items-vertical-flipbook .owl-item { -moz-perspective: 1800px; -webkit-perspective: 1800px; perspective: 1800px;  }
.vp-layout-carousel.vp-items-vertical-flipbook .owl-item .viba-portfolio-item { -webkit-transform-origin: top center; transform-origin: top center; }
.vp-layout-carousel.vp-items-horizontal-flipbook .owl-item .viba-portfolio-item { -webkit-transform-origin: left top; transform-origin: left top; }
.vp-layout-carousel.vp-items-rotate-down-left .owl-item .viba-portfolio-item { -webkit-transform-origin:top left;transform-origin:top left; }
.vp-layout-carousel.vp-items-rotate-down-right .owl-item .viba-portfolio-item { -webkit-transform-origin:top right;transform-origin:top right; }
.vp-layout-carousel.vp-items-rotate-up-left .owl-item .viba-portfolio-item { -webkit-transform-origin:bottom left;transform-origin:bottom left; }
.vp-layout-carousel.vp-items-rotate-up-right .owl-item .viba-portfolio-item { -webkit-transform-origin:bottom right;transform-origin:bottom right; }
.vp-layout-carousel.vp-items-fade .owl-item .viba-portfolio-item { -webkit-transform: none; transform: none; }
.vp-layout-carousel.vp-items-scale .owl-item .viba-portfolio-item { -webkit-transform: translate3d(0,0,0) scale(0.7); transform: translate3d(0,0,0) scale(0.7); }
.vp-layout-carousel.vp-items-rotate .owl-item .viba-portfolio-item { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.vp-layout-carousel.vp-items-rotate-down-left .owl-item .viba-portfolio-item { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); }
.vp-layout-carousel.vp-items-rotate-down-right .owl-item .viba-portfolio-item { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); }
.vp-layout-carousel.vp-items-rotate-up-left .owl-item .viba-portfolio-item { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); }
.vp-layout-carousel.vp-items-rotate-up-right .owl-item .viba-portfolio-item { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); }
.vp-layout-carousel.vp-items-slide-top .owl-item .viba-portfolio-item { -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }
.vp-layout-carousel.vp-items-slide-right .owl-item .viba-portfolio-item { -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); }
.vp-layout-carousel.vp-items-slide-bottom .owl-item .viba-portfolio-item { -webkit-transform: translate3d(020px,0); transform: translate3d(020px,0); }
.vp-layout-carousel.vp-items-slide-left .owl-item .viba-portfolio-item { -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); }
.vp-layout-carousel.vp-items-vertical-flip .owl-item .viba-portfolio-item { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.vp-layout-carousel.vp-items-horizontal-flip .owl-item .viba-portfolio-item { -webkit-transform: rotateY(180deg); transform: perspective(600px) rotateX(0deg) rotateY(180deg); }
.vp-layout-carousel.vp-items-vertical-flipbook .owl-item .viba-portfolio-item { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); }
.vp-layout-carousel.vp-items-horizontal-flipbook .owl-item .viba-portfolio-item { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); }
.vp-layout-carousel .owl-item.active { opacity: 1; visibility: visible; }
.vp-layout-carousel .owl-item .viba-portfolio-item { -webkit-transition: all; transition:all;  }
.vp-layout-carousel .owl-item.active .viba-portfolio-item { -webkit-transform:translate3d(0,0,0) scale(1) rotate(0deg); transform:translate3d(0,0,0) scale(1) rotate(0deg); }
.vp-editor .vp-layout-carousel .owl-item .viba-portfolio-item { -webkit-transition: 0s; transition:0s;  }
} .viba-portfolio-media { display: block; overflow: hidden; position: relative; }
.viba-portfolio-media .viba-portfolio-link {
display: block; margin: 0; padding: 0; border: 0; outline: none; background: rgba(0,0,0,.07);
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.viba-portfolio-media img,
.viba-portfolio-thumbnail {
width: 100%; height: auto; display: block;
-webkit-transform: translate3d(0,0,0); transform:translate3d(0,0,0);
-webkit-transition:opacity 0.4s, -webkit-transform 0.4s; transition:opacity 0.4s, transform 0.4s;
margin: 0 !important; padding: 0 !important; border: none !important;
}
.vp-js .viba-portfolio-thumbnail { opacity: 0; }
.viba-portfolio-thumbnail.vp-img-loaded { opacity: 1; }  .vp-zoom-in-image .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail {  -webkit-transform:translate3d(0,0,0) scale3d( 1.2, 1.2, 1.2 ); -ms-transform:translate(0,0) scale( 1.2 ); transform:translate3d(0,0,0) scale3d( 1.2, 1.2, 1.2 ); } .vp-zoom-out-image .viba-portfolio-thumbnail {  -webkit-transform:translate3d(0,0,0) scale3d( 1.2, 1.2, 1.2 ); -ms-transform:translate(0,0) scale( 1.2 ); transform:translate3d(0,0,0) scale3d( 1.2, 1.2, 1.2 ); }
.vp-zoom-out-image .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail {  -webkit-transform:translate3d(0,0,0) scale3d( 1, 1, 1 ); -ms-transform:translate(0,0) scale( 1 ); transform:translate3d(0,0,0) scale3d( 1, 1, 1 ); } .vp-slide-image .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail { -webkit-transform:translate3d(0,100%,0); -ms-transform:translate(0,100%); transform:translate3d(0,100%,0); }
.vp-slide-image.vp-zoom-in .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail {
-webkit-transform: translate3d(0,0,0) scale3d( 1.6,1.6,1.6 ); transform: translate3d(0,0,0) scale3d( 1.6,1.6,1.6 ); opacity: 0;
}
.vp-slide-image.vp-zoom-out .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail {
-webkit-transform: translate3d(0,0,0) scale3d( 0.6,0.6,0.6 ); transform: translate3d(0,0,0) scale3d( 0.6,0.6,0.6 );
}
.vp-slide-image.vp-animate-from-top .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail {
-webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0);
}
.vp-slide-image.vp-animate-from-right .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail {
-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0);
}
.vp-slide-image.vp-animate-from-bottom .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail {
-webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0);
}
.vp-slide-image.vp-animate-from-left .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail {
-webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);
}
.vp-slide-image.vp-animate-from-center-horizontal .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail {
-webkit-transform: translate3d(0,0,0) rotateX(-90deg); -ms-transform: translate(0,0) rotateX(-90deg); transform: translate3d(0,0,0) rotateX(-90deg);
}
.vp-slide-image.vp-animate-from-center-vertical .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail {
-webkit-transform: translate3d(0,0,0) rotateY(-90deg); -ms-transform: translate(0,0) rotateY(-90deg); transform: translate3d(0,0,0) rotateY(-90deg);
}
.vp-slide-image.vp-direction-aware .viba-portfolio-thumbnail { -webkit-transition:none; transition:none; }
.vp-slide-image.vp-direction-aware .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail { -ms-transform:translate(0,0); }
.vp-slide-image .vp-out-top .viba-portfolio-thumbnail {
-webkit-transform-origin: 50% 100%; -webkit-animation: vpInBottom .4s 1 forwards;
transform-origin: 50% 100%; animation: vpInBottom .4s 1 forwards;
}
.vp-slide-image .vp-out-right .viba-portfolio-thumbnail {
-webkit-transform-origin: 0% 0%; -webkit-animation: vpInLeft .4s 1 forwards;
transform-origin: 0% 0%; animation: vpInLeft .4s 1 forwards;
}
.vp-slide-image .vp-out-bottom .viba-portfolio-thumbnail {
-webkit-transform-origin: 50% 0%; -webkit-animation: vpInTop .4s 1 forwards;
transform-origin: 50% 0%; animation: vpInTop .4s 1 forwards;
}
.vp-slide-image .vp-out-left .viba-portfolio-thumbnail {
-webkit-transform-origin: 100% 0%; -webkit-animation: vpInRight .4s 1 forwards;
transform-origin: 100% 0%; animation: vpInRight .4s 1 forwards;
}
.vp-slide-image .vp-in-top .viba-portfolio-thumbnail {
-webkit-transform-origin: 50% 100%; -webkit-animation: vpOutBottom .4s 1 forwards;
transform-origin: 50% 100%; animation: vpOutBottom .4s 1 forwards;
}
.vp-slide-image .vp-in-right .viba-portfolio-thumbnail {
-webkit-transform-origin: 0% 0%; -webkit-animation: vpOutLeft .4s 1 forwards;
transform-origin: 0% 0%; animation: vpOutLeft .4s 1 forwards;
}
.vp-slide-image .vp-in-bottom .viba-portfolio-thumbnail {
-webkit-transform-origin: 50% 0%; -webkit-animation: vpOutTop .4s 1 forwards;
transform-origin: 50% 0%; animation: vpOutTop .4s 1 forwards;
}
.vp-slide-image .vp-in-left .viba-portfolio-thumbnail {
-webkit-transform-origin: 100% 50%; -webkit-animation: vpOutRight .4s 1 forwards;
transform-origin: 100% 50%; animation: vpOutRight .4s 1 forwards;
}  .viba-portfolio-overlay {
opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
-webkit-transition:opacity 0.4s, -webkit-transform 0.4s; transition:opacity 0.4s, transform 0.4s;
} .vp-overlay-off-hover .viba-portfolio-item-inner:hover .viba-portfolio-overlay { opacity: 0 }  .vp-slide-overlay.vp-overlay-on-hover .viba-portfolio-overlay { -webkit-transform:translate3d(0,-100%,0); -ms-transform:translate(0,-100%); transform:translate3d(0,-100%,0); }
.vp-slide-overlay.vp-overlay-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-overlay { -webkit-transform: translate3d(0,0,0) rotate(0deg) scale3d( 1,1,1 ); -ms-transform:translate(0,0) rotate(0deg) scale( 1 ); transform:translate3d(0,0,0) rotate(0deg) scale3d( 1,1,1 ); }
.vp-slide-overlay.vp-overlay-on-hover.vp-zoom-in .viba-portfolio-overlay,
.vp-slide-overlay.vp-overlay-on-hover.vp-zoom-out .viba-portfolio-overlay { opacity: 0; }
.vp-slide-overlay.vp-overlay-on-hover.vp-zoom-in .viba-portfolio-overlay { -webkit-transform: translate3d(0,0,0) scale3d( 0.2,0.2,0.2 ); transform: translate3d(0,0,0) scale3d( 0.2,0.2,0.2 ); }
.vp-slide-overlay.vp-overlay-on-hover.vp-zoom-out .viba-portfolio-overlay { -webkit-transform: translate3d(0,0,0) scale3d( 1.2,1.2,1.2 ); transform: translate3d(0,0,0) scale3d( 1.2,1.2,1.2 ); }
.vp-slide-overlay.vp-overlay-on-hover.vp-animate-from-top .viba-portfolio-overlay { -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); }
.vp-slide-overlay.vp-overlay-on-hover.vp-animate-from-right .viba-portfolio-overlay { -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); }
.vp-slide-overlay.vp-overlay-on-hover.vp-animate-from-bottom .viba-portfolio-overlay { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); }
.vp-slide-overlay.vp-overlay-on-hover.vp-animate-from-left .viba-portfolio-overlay { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); }
.vp-slide-overlay.vp-overlay-on-hover.vp-animate-from-center-horizontal .viba-portfolio-overlay { -webkit-transform: translate3d(0,0,0) rotateX(-90deg); -ms-transform: translate(0,0) rotateX(-90deg); transform: translate3d(0,0,0) rotateX(-90deg); }
.vp-slide-overlay.vp-overlay-on-hover.vp-animate-from-center-vertical .viba-portfolio-overlay { -webkit-transform: translate3d(0,0,0) rotateY(-90deg); -ms-transform: translate(0,0) rotateY(-90deg); transform: translate3d(0,0,0) rotateY(-90deg); } .vp-slide-overlay.vp-overlay-off-hover .viba-portfolio-overlay { -webkit-transform: translate3d(0,0,0) rotate(0deg) scale3d( 1,1,1 ); -ms-transform:translate(0,0) rotate(0deg) scale( 1 ); transform:translate3d(0,0,0) rotate(0deg) scale3d( 1,1,1 ) }
.vp-slide-overlay.vp-overlay-off-hover .viba-portfolio-item-inner:hover .viba-portfolio-overlay { -webkit-transform: translate3d(0,100%,0) scale3d( 1,1,1 ); -ms-transform:translate(0,100%) scale( 1 ); transform:translate3d(0,100%,0) scale3d( 1,1,1 ); }
.vp-slide-overlay.vp-overlay-off-hover.vp-zoom-in .viba-portfolio-overlay {
-webkit-transform: translate3d(0,0,0) scale3d( 0.2,0.2,0.2 ); -ms-transform:translate(0,0) scale( 0.2 ); transform: translate3d(0,0,0) scale3d( 0.2,0.2,0.2 );
}
.vp-slide-overlay.vp-overlay-off-hover.vp-zoom-in .viba-portfolio-item-inner:hover .viba-portfolio-overlay {
opacity: 0; -webkit-transform:translate3d(0,0,0); -ms-transform:translate(0,0); transform:translate3d(0,0,0);
}
.vp-slide-overlay.vp-overlay-off-hover.vp-zoom-out .viba-portfolio-item-inner:hover .viba-portfolio-overlay {
opacity: 0; -webkit-transform: translate3d(0,0,0) scale3d( 0.6,0.6,0.6 ); -ms-transform:translate(0,0) scale( 0.6 );  transform: translate3d(0,0,0) scale3d( 0.6,0.6,0.6 );
}
.vp-slide-overlay.vp-overlay-off-hover.vp-animate-from-top .viba-portfolio-item-inner:hover .viba-portfolio-overlay {
-webkit-transform:translate3d(0,100%,0); -ms-transform:translate(0,100%); transform:translate3d(0,100%,0);
}
.vp-slide-overlay.vp-overlay-off-hover.vp-animate-from-right .viba-portfolio-item-inner:hover .viba-portfolio-overlay {
-webkit-transform:translate3d(-100%,0,0); -ms-transform:translate(-100%,0); transform:translate3d(-100%,0,0);
}
.vp-slide-overlay.vp-overlay-off-hover.vp-animate-from-bottom .viba-portfolio-item-inner:hover .viba-portfolio-overlay {
-webkit-transform:translate3d(0,-100%,0); -ms-transform:translate(0,-100%); transform:translate3d(0,-100%,0);
}
.vp-slide-overlay.vp-overlay-off-hover.vp-animate-from-left .viba-portfolio-item-inner:hover .viba-portfolio-overlay {
-webkit-transform:translate3d(100%,0,0); -ms-transform:translate(100%,0); transform:translate3d(100%,0,0);
}
.vp-slide-overlay.vp-overlay-off-hover.vp-animate-from-center-horizontal .viba-portfolio-item-inner:hover .viba-portfolio-overlay {
-webkit-transform: translate3d(0,0,0) rotateX(-90deg); -ms-transform: translate(0,0) rotateX(-90deg); transform: translate3d(0,0,0) rotateX(-90deg);
}
.vp-slide-overlay.vp-overlay-off-hover.vp-animate-from-center-vertical .viba-portfolio-item-inner:hover .viba-portfolio-overlay {
-webkit-transform: translate3d(0,0,0) rotateY(-90deg); -ms-transform: translate(0,0) rotateY(-90deg); transform: translate3d(0,0,0) rotateY(-90deg);
} .vp-direction-aware .viba-portfolio-item-innner { -webkit-perspective: 500px; -moz-perspective: 500px; perspective: 500px; }
.vp-slide-overlay.vp-direction-aware .viba-portfolio-overlay { -webkit-transition:none; transition:none;  }
.vp-slide-overlay.vp-overlay-on-hover.vp-direction-aware .viba-portfolio-overlay {
-webkit-transform:translate3d(-100%,0,0);
-ms-transform:translate(-100%,0);
transform:translate3d(-100%,0,0);
}
.vp-slide-overlay.vp-overlay-on-hover.vp-direction-aware .viba-portfolio-item-inner:hover .viba-portfolio-overlay { -ms-transform:translate(0,0); } .vp-slide-overlay.vp-overlay-on-hover .vp-in-top .viba-portfolio-overlay {
-webkit-transform-origin: 50% 0%; -webkit-animation: vpInTop .4s 1 forwards;
transform-origin: 50% 0%; animation: vpInTop .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-on-hover .vp-in-right .viba-portfolio-overlay {
-webkit-transform-origin: 100% 0%; -webkit-animation: vpInRight .4s 1 forwards;
transform-origin: 100% 0%; animation: vpInRight .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-on-hover .vp-in-bottom .viba-portfolio-overlay {
-webkit-transform-origin: 50% 100%; -webkit-animation: vpInBottom .4s 1 forwards;
transform-origin: 50% 100%; animation: vpInBottom .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-on-hover .vp-in-left .viba-portfolio-overlay {
-webkit-transform-origin: 0% 0%; -webkit-animation: vpInLeft .4s 1 forwards;
transform-origin: 0% 0%; animation: vpInLeft .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-on-hover .vp-out-top .viba-portfolio-overlay {
-webkit-transform-origin: 50% 0%; -webkit-animation: vpOutTop .4s 1 forwards;
transform-origin: 50% 0%; animation: vpOutTop .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-on-hover .vp-out-right .viba-portfolio-overlay {
-webkit-transform-origin: 100% 50%; -webkit-animation: vpOutRight .4s 1 forwards;
transform-origin: 100% 50%; animation: vpOutRight .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-on-hover .vp-out-bottom .viba-portfolio-overlay {
-webkit-transform-origin: 50% 100%; -webkit-animation: vpOutBottom .4s 1 forwards;
transform-origin: 50% 100%; animation: vpOutBottom .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-on-hover .vp-out-left .viba-portfolio-overlay {
-webkit-transform-origin: 0% 0%; -webkit-animation: vpOutLeft .4s 1 forwards;
transform-origin: 0% 0%; animation: vpOutLeft .4s 1 forwards;
} .vp-slide-overlay.vp-overlay-off-hover .vp-in-top .viba-portfolio-overlay {
-webkit-transform-origin: 50% 0%; -webkit-animation: vpOutBottom .4s 1 forwards;
transform-origin: 50% 0%; animation: vpOutBottom .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-off-hover .vp-in-right .viba-portfolio-overlay {
-webkit-transform-origin: 100% 0%; -webkit-animation: vpOutLeft .4s 1 forwards;
transform-origin: 100% 0%; animation: vpOutLeft .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-off-hover .vp-in-bottom .viba-portfolio-overlay {
-webkit-transform-origin: 50% 100%; -webkit-animation: vpOutTop .4s 1 forwards;
transform-origin: 50% 100%; animation: vpOutTop .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-off-hover .vp-in-left .viba-portfolio-overlay {
-webkit-transform-origin: 0% 0%; -webkit-animation: vpOutRight .4s 1 forwards;
transform-origin: 0% 0%; animation: vpOutRight .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-off-hover .vp-out-top .viba-portfolio-overlay {
-webkit-transform-origin: 50% 0%; -webkit-animation: vpInBottom .4s 1 forwards;
transform-origin: 50% 0%; animation: vpInBottom .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-off-hover .vp-out-right .viba-portfolio-overlay {
-webkit-transform-origin: 100% 50%; -webkit-animation: vpInLeft .4s 1 forwards;
transform-origin: 100% 50%; animation: vpInLeft .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-off-hover .vp-out-bottom .viba-portfolio-overlay {
-webkit-transform-origin: 50% 100%; -webkit-animation: vpInTop .4s 1 forwards;
transform-origin: 50% 100%; animation: vpInTop .4s 1 forwards;
}
.vp-slide-overlay.vp-overlay-off-hover .vp-out-left .viba-portfolio-overlay {
-webkit-transform-origin: 0% 0%; -webkit-animation: vpInRight .4s 1 forwards;
transform-origin: 0% 0%; animation: vpInRight .4s 1 forwards;
}  .viba-portfolio-content { padding: 15px 0 }
.viba-portfolio-cover-content { padding: 20px; } .viba-portfolio-cover-wrapper {
overflow: hidden; position: relative; display: block;
} .vp-items-horizontal-flipbook .viba-portfolio-cover-wrapper,
.vp-items-vertical-flipbook .viba-portfolio-cover-wrapper { -webkit-perspective: 600px; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.viba-portfolio-cover,
.viba-portfolio-cover-fixed {
opacity: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0;
-webkit-transition:opacity 0.4s, -webkit-transform 0.4s;
transition:opacity 0.4s, transform 0.4s;
}
.viba-portfolio-cover-fixed { opacity: 1 }
.vp-always-visible .viba-portfolio-cover { }
.viba-portfolio-cover-content { width: 100%; }  .viba-portfolio .viba-portfolio-item-button, .viba-portfolio .viba-portfolio-item-button:hover,
.viba-portfolio .viba-portfolio-title, .viba-portfolio .viba-portfolio-title a, .viba-portfolio .viba-portfolio-title a:hover,
.viba-portfolio .viba-portfolio-categories,
.viba-portfolio .viba-portfolio-likes, .viba-portfolio .viba-portfolio-likes:hover,
.viba-portfolio .viba-portfolio-short-description,
.viba-portfolio-wrapper .viba-portfolio a:visited { color: inherit !important; text-decoration: none; box-shadow: none; border: none; padding: 0; margin: 0;
} .viba-portfolio-buttons-wrapper { margin: 5px 0; }
.viba-portfolio-buttons-wrapper::after { content: ""; display: table; clear: both; }
.viba-portfolio-wrapper .viba-portfolio .viba-portfolio-item-button {
display: inline-block; margin: 0; text-align: center; background: rgba( 255,255,255,.15 ); border-radius: 4px;
-webkit-transition: background .4s; transition: background .4s;
}
.viba-portfolio .viba-portfolio-item-button,
.viba-portfolio .viba-portfolio-item-button:hover { color: inherit; }
.viba-portfolio-wrapper .viba-portfolio .viba-portfolio-item-button:hover {  background: rgba( 255,255,255,.25 ); }
.viba-portfolio-item-button::before { line-height: inherit; font-size: inherit; font-weight: inherit; color: inherit; }
.viba-portfolio .viba-portfolio-item-button span { display: none; }
.vp-editor .viba-portfolio .viba-portfolio-item-button { pointer-events: none; }
.vp-semi-visible .viba-portfolio-buttons-wrapper,
.vp-visible-on-hover .viba-portfolio-buttons-wrapper { margin: 10px 0 0 0 } .viba-portfolio .viba-portfolio-title { margin: 0; padding: 0; clear: none; } .viba-portfolio .viba-portfolio-title + .viba-portfolio-categories { margin-top: 4px; }
.viba-portfolio-categories::before,
.viba-portfolio-categories::after { font-size: inherit; margin-top: -2px; line-height: inherit; }
.viba-portfolio-categories span { margin-right: 4px; display: inline-block; }
.viba-portfolio-categories span::after { content: "," }
.viba-portfolio-categories span:last-child::after { content: "" }
.vp-horizontal-align-right .viba-portfolio-content .viba-portfolio-categories::after,
.vp-cover-horizontal-align-right .viba-portfolio-cover-content  .viba-portfolio-categories::after { margin-left: 4px }
.vp-horizontal-align-left .viba-portfolio-content .viba-portfolio-categories::after,
.vp-cover-horizontal-align-left .viba-portfolio-cover-content  .viba-portfolio-categories::after,
.vp-horizontal-align-center .viba-portfolio-content .viba-portfolio-categories::after,
.vp-cover-horizontal-align-center .viba-portfolio-cover-content  .viba-portfolio-categories::after,
.vp-horizontal-align-right .viba-portfolio-content .viba-portfolio-categories::before,
.vp-cover-horizontal-align-right .viba-portfolio-cover-content  .viba-portfolio-categories::before { content: "" } .viba-portfolio .viba-portfolio-title + .viba-portfolio-short-description { margin-top: 4px; }
.viba-portfolio .viba-portfolio-categories + .viba-portfolio-short-description { margin-top: 10px; }
.viba-portfolio .viba-portfolio-short-description p { margin: 0; }
.viba-portfolio .viba-portfolio-short-description p + * { margin: 6px 0 0 0 } .viba-portfolio-likes { display: inline-flex; align-items: center; gap: 2px; cursor: pointer; }
.viba-portfolio-likes::before {
color: inherit; font-size: inherit; line-height: inherit; padding: 0 1px;
-webkit-transition: opacity .4s; transition: opacity .4s;
}
.viba-portfolio-likes.js-vp-loading::before { -webkit-animation: vpPulse linear infinite .6s; animation: vpPulse linear infinite .6s; }
.viba-portfolio-likes.active::before { -webkit-animation: vpLiked .4s; animation: vpLiked .4s; }
.viba-portfolio-likes:hover::before { opacity: .7; }
.viba-portfolio .viba-portfolio-likes,
.viba-portfolio-single-item .viba-portfolio-likes { text-decoration: none; } .vp-horizontal-align-left .viba-portfolio-content { text-align: left; }
.vp-horizontal-align-left .viba-portfolio-content .viba-portfolio-likes { float: right; margin-left: 10px;  }
.vp-horizontal-align-right .viba-portfolio-content .viba-portfolio-likes { float: left; margin-right: 10px;  }
.vp-horizontal-align-right .viba-portfolio-content { text-align: right; }
.vp-horizontal-align-center .viba-portfolio-content { text-align: center; } .vp-cover-horizontal-align-left .viba-portfolio-cover-content { text-align: left; }
.vp-cover-horizontal-align-left .viba-portfolio-cover-content .viba-portfolio-likes { float: right; margin-left: 10px;  }
.vp-cover-horizontal-align-right .viba-portfolio-cover-content .viba-portfolio-likes { float: left; margin-right: 10px;  }
.vp-cover-horizontal-align-right .viba-portfolio-cover-content { text-align: right; }
.vp-cover-horizontal-align-center .viba-portfolio-cover-content { text-align: center; } .vp-vertical-align-middle .viba-portfolio-cover::before,
.vp-vertical-align-bottom .viba-portfolio-cover::before,
.vp-vertical-align-middle .viba-portfolio-cover-fixed::before,
.vp-vertical-align-bottom .viba-portfolio-cover-fixed::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.vp-vertical-align-middle .viba-portfolio-cover-content,
.vp-vertical-align-bottom .viba-portfolio-cover-content,
.vp-vertical-align-middle .viba-portfolio-cover-fixed-content,
.vp-vertical-align-bottom .viba-portfolio-cover-fixed-content { display: inline-block; vertical-align: middle; }
.vp-vertical-align-bottom .viba-portfolio-cover-content,
.vp-vertical-align-bottom .viba-portfolio-cover-fixed-content { vertical-align: bottom; } .viba-portfolio-item-inner:hover .viba-portfolio-cover { opacity: 1; } .vp-zoom-in .viba-portfolio-cover { -webkit-transform: translate3d(0,0,0) scale3d( 0.7,0.7,0.7 ); transform: translate3d(0,0,0) scale3d( 0.7,0.7,0.7 ); }
.vp-zoom-out .viba-portfolio-cover { -webkit-transform: translate3d(0,0,0) scale3d( 1.3,1.3,1.3 ); transform: translate3d(0,0,0) scale3d( 1.3,1.3,1.3 ); }
.vp-zoom-in .viba-portfolio-item-inner:hover .viba-portfolio-cover,
.vp-zoom-out .viba-portfolio-item-inner:hover .viba-portfolio-cover { -webkit-transform: translate3d(0,0,0) scale3d( 1,1,1 ); transform: translate3d(0,0,0) scale3d( 1,1,1 ); } .vp-animate-from-top .viba-portfolio-cover { -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0); }
.vp-animate-from-right .viba-portfolio-cover { -webkit-transform:translate3d(20px,0,0); transform:translate3d(20px,0,0); }
.vp-animate-from-bottom .viba-portfolio-cover { -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); }
.vp-animate-from-left .viba-portfolio-cover { -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0); }
.vp-animate-from-center-horizontal .viba-portfolio-cover { -webkit-transform: translate3d(0,0,0) rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: translate3d(0,0,0) rotateX(-90deg); }
.vp-animate-from-center-vertical .viba-portfolio-cover { -webkit-transform: translate3d(0,0,0) rotateY(-90deg); -ms-transform: rotateY(-90deg); transform: translate3d(0,0,0) rotateY(-90deg); }
.vp-animate-from-top .viba-portfolio-item-inner:hover .viba-portfolio-cover,
.vp-animate-from-right .viba-portfolio-item-inner:hover .viba-portfolio-cover,
.vp-animate-from-bottom .viba-portfolio-item-inner:hover .viba-portfolio-cover,
.vp-animate-from-left .viba-portfolio-item-inner:hover .viba-portfolio-cover { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.vp-animate-from-center-horizontal .viba-portfolio-item-inner:hover .viba-portfolio-cover,
.vp-animate-from-center-vertical .viba-portfolio-item-inner:hover .viba-portfolio-cover { -webkit-transform: translate3d(0,0,0) rotate(0deg); -ms-transform: rotate(0deg) scale( 1 ); transform:translate3d(0,0,0) rotate(0deg); } .vp-direction-aware .viba-portfolio-cover { opacity: 1; -webkit-transform:translate3d(-100%,0,0); -ms-transform:translate(-100%,0); transform:translate3d(-100%,0,0); -webkit-transition:none; transition:none; }
.vp-direction-aware .viba-portfolio-item-inner:hover .viba-portfolio-cover { -ms-transform:translate(0,0); }
.vp-in-top .viba-portfolio-cover {
-webkit-transform-origin: 50% 0%; -webkit-animation: vpInTop .4s 1 forwards;
transform-origin: 50% 0%; animation: vpInTop .4s 1 forwards;
}
.vp-in-right .viba-portfolio-cover {
-webkit-transform-origin: 100% 0%; -webkit-animation: vpInRight .4s 1 forwards;
transform-origin: 100% 0%; animation: vpInRight .4s 1 forwards;
}
.vp-in-bottom .viba-portfolio-cover {
-webkit-transform-origin: 50% 100%; -webkit-animation: vpInBottom .4s 1 forwards;
transform-origin: 50% 100%; animation: vpInBottom .4s 1 forwards;
}
.vp-in-left .viba-portfolio-cover {
-webkit-transform-origin: 0% 0%; -webkit-animation: vpInLeft .4s 1 forwards;
transform-origin: 0% 0%; animation: vpInLeft .4s 1 forwards;
}
.vp-out-top .viba-portfolio-cover {
-webkit-transform-origin: 50% 0%; -webkit-animation: vpOutTop .4s 1;
transform-origin: 50% 0%; animation: vpOutTop .4s 1;
}
.vp-out-right .viba-portfolio-cover {
-webkit-transform-origin: 100% 50%; -webkit-animation: vpOutRight .4s 1;
transform-origin: 100% 50%; animation: vpOutRight .4s 1;
}
.vp-out-bottom .viba-portfolio-cover {
-webkit-transform-origin: 50% 100%; -webkit-animation: vpOutBottom .4s 1;
transform-origin: 50% 100%; animation: vpOutBottom .4s 1;
}
.vp-out-left .viba-portfolio-cover {
-webkit-transform-origin: 0% 0%; -webkit-animation: vpOutLeft .4s 1;
transform-origin: 0% 0%; animation: vpOutLeft .4s 1;
} .viba-portfolio-filter { text-align: center; margin: 0 auto; margin-bottom: 30px }
.viba-portfolio-filter ul { list-style: none; margin: 0; padding: 0;  }
.viba-portfolio-wrapper .viba-portfolio-filter li {
display: inline-block; position: relative; padding: 0 !important;
margin: 0 !important;  margin-right: -1px !important; margin-bottom: 5px !important
}
.viba-portfolio-filter li::before,
.viba-portfolio-filter li::after { display: none; }
.viba-portfolio-filter li a {
padding: 6px 12px !important; display: block;
border: 1px solid rgba(0,0,0,.07) !important; color: inherit;
cursor: pointer; text-decoration: none; font-weight: inherit;
-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}
.viba-portfolio-filter li:first-child a { border-top-left-radius: 4px; border-bottom-left-radius: 4px }
.viba-portfolio-filter li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .vp-filter-button {
position: relative; cursor: pointer; padding: 8px 16px; display: inline-block;
-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-radius: 4px;
border: 1px solid rgba(0,0,0,.07);
}
.vp-filter-button::before {
font-size: 100%; line-height: inherit; display: inline-block; margin: -2px 10px 0 0;
}
.vp-filter-button::after { content: ""; display: table; width: 100%; } .vp-filter-slide-in ul { display: none; margin-top: 10px } .vp-filter-dropdown { }
.vp-filter-dropdown-button { position: relative; z-index: 3; width: 200px; text-align: left; display: inline-block; }
.vp-filter-dropdown-button .vp-filter-button { display: block; }
.vp-filter-dropdown-button .vp-filter-button:hover { color: inherit; border-color: rgba(0,0,0,.07); }
.vp-filter-dropdown-button .vp-filter-button::before { float: right; margin: 0 0 0 10px }
.vp-filter-dropdown ul {
position: absolute; top: 100%; left: 0; width: 100%; margin-top: -2px;
visibility: hidden; opacity: 0;
-webkit-transform:translate3d( 0,-5px,0 );  transform:translate3d( 0,-5px,0 );
-webkit-transition:all 0.2s; transition:all 0.2s;
background: #fff;
}
.viba-portfolio-wrapper .vp-filter-dropdown ul li { display: block; margin: 0 0 -1px 0 !important; }
.vp-filter-dropdown ul li a { padding: 8px 16px !important; box-shadow: none; border:0; border-radius: 0 !important; background: none; }
.vp-filter-dropdown ul li a:hover,
.vp-filter-dropdown ul li a.selected { background: none; border:none; }
.vp-filter-dropdown-button:hover ul {
visibility: visible; opacity: 1;
-webkit-transform:translate3d( 0,0,0 );  transform:translate3d( 0,0,0 );
} .viba-portfolio-pagination { margin: 0 auto; margin-top: 30px; text-align: center; }
.viba-portfolio-pagination .page-numbers,
.viba-portfolio-pagination .vp-pagination-arrow a,
.viba-portfolio-pagination .vp-load-more { text-decoration: none;
-webkit-transition: all .2s; transition: all .2s;
-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
}
.viba-portfolio-pagination .vp-load-more,
.viba-portfolio-pagination .vp-pagination-arrow a,
.viba-portfolio-pagination .page-numbers .page-numbers { border-width: 1px; border-style: solid; }
.viba-portfolio-pagination .page-numbers,
.viba-portfolio-pagination .vp-pagination-arrow a,
.viba-portfolio-pagination .vp-load-more { color: inherit; }
.viba-portfolio-pagination .vp-load-more,
.viba-portfolio-pagination .vp-pagination-arrow a,
.viba-portfolio-pagination .page-numbers .page-numbers { border-color: rgba(0,0,0,.07); } .vp-pagination-numbers .page-numbers { list-style: none; padding: 0; margin: 0; display: inline-block; padding-right: 1px; }
.vp-pagination-numbers .page-numbers li { float: left; margin: 0 0 5px 0 !important; padding: 0 !important; list-style: none; font-size: 0 }
.vp-pagination-numbers .page-numbers li::before,
.vp-pagination-numbers .page-numbers li::after { display: none; }
.vp-pagination-numbers .page-numbers .page-numbers { display: inline-block; padding: 6px 12px;  margin-right: -1px; position: relative; overflow: hidden; }
.vp-pagination-numbers .page-numbers li:first-child .page-numbers { border-top-left-radius: 4px; border-bottom-left-radius: 4px }
.vp-pagination-numbers .page-numbers li:last-child .page-numbers { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.vp-pagination-numbers .page-numbers .page-numbers.current { z-index: 3 }
.vp-pagination-numbers .page-numbers .page-numbers:hover { z-index: 2 } .vp-pagination-arrow-desc { display: block; padding-left: 1px; }
.vp-pagination-arrow {  display: inline-block; position: relative; text-align: center; width: 50px; height: 45px; margin: 0 }
.vp-pagination-arrow.vp-nav-previous { }
.vp-pagination-arrow.vp-nav-next { margin-left: -1px }
.vp-pagination-arrow a { overflow: hidden; z-index: 1 }
.vp-pagination-arrow a:hover { z-index: 3 }
.vp-pagination-arrow.vp-nav-previous a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.vp-pagination-arrow.vp-nav-next a { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.vp-pagination-arrow a,
.vp-pagination-arrow::before,
.vp-pagination-arrow a::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 45px; z-index: 2 }
.vp-pagination-arrow a span { display: none; } .viba-portfolio-pagination .vp-load-more {
display: inline-flex; align-items: center;
position: relative; overflow: hidden; padding: 12px 15px;
border-radius: 4px; border-color: rgba(0,0,0,.15); cursor: pointer;
}
.viba-portfolio-pagination .vp-load-more::after {
content: '('attr(data-load-more-count)')';
display: block; margin-left: 4px;
}
.vp-editor .viba-portfolio-pagination .vp-load-more::after { display: none; }
.vp-load-more::after,
.vp-load-more .vp-load-more-text,
.vp-load-more .vp-load-more-loader { -webkit-transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, transform .2s;  }
.vp-load-more .vp-load-more-text { position: relative; display: block; line-height: 1; }
.vp-load-more .vp-load-more-loader {
position: absolute; display: block; height: 20px; width: 20px; line-height: 20px; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; opacity: 0;
-webkit-transform: translate3d(0,150%,0); -ms-transform: translate(0,150%); transform: translate3d(0,150%,0);
}
.vp-load-more.js-vp-loading::after,
.vp-load-more.js-vp-loading .vp-load-more-text { opacity: 0; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0); }
.vp-load-more.js-vp-loading .vp-load-more-loader { opacity: 1; -webkit-transform: translate3d(0,0,0); -ms-transform: translate(0,0); transform: translate3d(0,0,0); }
.vp-load-more.js-vp-loading .vp-load-more-loader::before { -webkit-animation:vpLoadMore infinite linear 1.5s; animation:vpLoadMore infinite linear 1.5s; }
.vp-load-more.js-vp-loading.js-vp-ajax-error .vp-load-more-loader::before { -webkit-animation:none; animation:none; }  .vp-ajax-actions-wrapper {
height: 50px; width: 100%; text-align: right; border-bottom: 1px solid rgba(0,0,0,.07);
}
.vp-ajax-actions-wrapper .vp-ajax-actions { display: inline-block; }
.vp-ajax-actions-wrapper .vp-ajax-actions a {
position: relative; padding: 0; height: 49px; width: 50px;
display: inline-block; vertical-align: middle; cursor: pointer;
text-align: center; font-size: 0; font-weight: bold; color: #333;
border: none; border-left: 1px solid rgba(0,0,0,.07);
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.vp-ajax-actions-wrapper .vp-ajax-actions a::before { line-height: 50px; }
.vp-ajax-actions-wrapper .vp-ajax-actions a:hover { background: rgba(0,0,0,.07) }
.vp-ajax-actions-wrapper .vp-ajax-actions .vp-ajax-close::before,
.vp-ajax-actions-wrapper .vp-ajax-actions .vp-ajax-close::after {
content: ''; position: absolute; top: calc(50% - 7px); left: 50%; bottom: 0; right: 0;
width: 1.5px; height: 17px; background: #333;
transform: rotate(45deg); transform-origin: center;
}
.vp-ajax-actions-wrapper .vp-ajax-actions .vp-ajax-close::after {
transform: rotate(-45deg);
} .vp-ajax-wrapper { -webkit-transition: all .8s; transition: all .8s;  }
.vp-ajax-content { 	position: relative; margin: 0 auto; opacity: 0; }
.vp-ajax-wrapper.js-vp-ajax-ready .vp-ajax-content { opacity: 1 }
.vp-ajax-inner .viba-portfolio-item { padding: 15px; }
.vp-ajax-wrapper .vp-ajax-content .vp-ajax-inner .entry-header { padding: 0; margin: 0; width: 100%; max-width: 100%; background: none; border: none; }
.vp-ajax-wrapper .vp-ajax-content .vp-ajax-inner .viba-portfolio-entry-title {
margin: 15px 0 30px 0; margin: calc(max(30px, 0.67em) - 15px) 0 max(30px, 0.67em) 0; padding: 0;
} @media screen and ( min-width: 1024px ) {
.vp-ajax-inner .viba-portfolio-item { padding: 30px }
.vp-ajax-wrapper .vp-ajax-content .vp-ajax-inner .viba-portfolio-entry-title {
margin: 30px 0; margin: calc(max(30px, 0.67em) - 30px) 0 max(30px, 0.67em) 0;
}
} .js-vp-ajax-modal {
position: fixed; display: block; visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0,0,0,.8); z-index: 100000; -webkit-transition: all 0.3s; transition: all 0.3s;
} @media screen and ( min-width: 768px ) {
.js-vp-ajax-modal { padding: 20px; }
}
@media screen and ( min-width: 1024px ) {
.js-vp-ajax-modal { padding: 30px; }
}
.js-vp-ajax-modal.js-vp-loading,
.js-vp-ajax-modal.js-vp-ajax-ready  { visibility: visible; opacity: 1; }
.js-vp-ajax-modal .vp-ajax-actions-wrapper { position: absolute; top: 0; left: 0; background: #fff }
.js-vp-ajax-modal .vp-ajax-content {
background: #f4f6f8; height: 100%; padding-top: 50px;
-webkit-transition: all 0.6s; transition: all 0.6s;
}
.js-vp-ajax-modal .vp-ajax-inner {
overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling:touch; height: 100%;
-webkit-transition: all 0.2s; transition: all 0.2s;
}
.js-vp-ajax-modal.js-vp-loading .vp-ajax-inner { opacity: 0; } .vp-modal-fade.js-vp-ajax-modal .vp-ajax-content { opacity: 0  }
.vp-modal-fade.js-vp-ajax-modal.js-vp-ajax-ready .vp-ajax-content { opacity: 1 }
.vp-modal-scale.js-vp-ajax-modal .vp-ajax-content { -webkit-transform: translate3d(0,0,0) scale(0.9); transform: translate3d(0,0,0) scale(0.9);  }
.vp-modal-scale.js-vp-ajax-modal.js-vp-ajax-ready .vp-ajax-content { -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); }
.vp-modal-slide-in-top.js-vp-ajax-modal .vp-ajax-content { -webkit-transform:translate3d(0,-50px,0); transform:translate3d(0,-50px,0); }
.vp-modal-slide-in-top.js-vp-ajax-modal.js-vp-ajax-ready .vp-ajax-content { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.vp-modal-slide-in-right.js-vp-ajax-modal .vp-ajax-content { -webkit-transform:translate3d(50px,0,0); transform:translate3d(50px,0,0); }
.vp-modal-slide-in-right.js-vp-ajax-modal.js-vp-ajax-ready .vp-ajax-content { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.vp-modal-slide-in-bottom.js-vp-ajax-modal .vp-ajax-content { -webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0); }
.vp-modal-slide-in-bottom.js-vp-ajax-modal.js-vp-ajax-ready .vp-ajax-content { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.vp-modal-slide-in-left.js-vp-ajax-modal .vp-ajax-content { -webkit-transform:translate3d(-50px,0,0); transform:translate3d(-50px,0,0); }
.vp-modal-slide-in-left.js-vp-ajax-modal.js-vp-ajax-ready .vp-ajax-content { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.vp-modal-newspaper.js-vp-ajax-modal .vp-ajax-content { -webkit-transform: translate3d(0,0,0) scale(0) rotate(360deg); transform: translate3d(0,0,0) scale(0) rotate(360deg); }
.vp-modal-newspaper.js-vp-ajax-modal.js-vp-ajax-ready .vp-ajax-content { -webkit-transform: translate3d(0,0,0) scale(1) rotate(0deg); transform: translate3d(0,0,0) scale(1) rotate(0deg); }
.vp-modal-horizontal-flip.js-vp-ajax-modal,
.vp-modal-vertical-flip.js-vp-ajax-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.vp-modal-horizontal-flip.js-vp-ajax-modal .vp-ajax-content { -webkit-transform: rotateY(-70deg); transform: rotateY(-70deg); }
.vp-modal-horizontal-flip.js-vp-ajax-modal.js-vp-ajax-ready .vp-ajax-content { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
.vp-modal-vertical-flip.js-vp-ajax-modal .vp-ajax-content { -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); }
.vp-modal-vertical-flip.js-vp-ajax-modal.js-vp-ajax-ready .vp-ajax-content { -webkit-transform: rotateX(0deg); transform: rotateX(0deg);  } .js-vp-ajax-slide { position: relative; overflow: hidden; display: block; }
.js-vp-loading.js-vp-ajax-slide { min-height: 150px; }
.js-vp-ajax-ready.js-vp-ajax-slide { max-height: none }
.js-vp-ajax-slide .vp-ajax-actions-wrapper { border: 1px solid rgba(0,0,0,.07); }
.js-vp-ajax-slide .vp-ajax-content { -webkit-transition: opacity 0.4s; transition: opacity 0.4s;  }
.js-vp-ajax-slide.js-vp-loading.js-vp-ajax-ready .vp-ajax-content { opacity: 0; overflow: hidden; }
.js-vp-ajax-slide .vp-ajax-inner { border: 1px solid rgba(0,0,0,.07); border-top: none }
.js-vp-loading.js-vp-ajax-above,
.js-vp-ajax-ready.js-vp-ajax-above { margin: 0 0 50px 0; }
.js-vp-loading.js-vp-ajax-below,
.js-vp-ajax-ready.js-vp-ajax-below { margin: 50px 0 0 0; } .js-vp-ready .vp-ajax-wrapper.js-vp-loading .vp-ajax-inner .viba-portfolio-loader { opacity: 0  } .vp-ajax-content .viba-portfolio-single-item .viba-portfolio-likes {
position: absolute; top: 0; left: 0px; height: 50px; line-height: 50px; margin: 0;
padding: 0 15px; background: none; border: none; border-right: 1px solid rgba(0,0,0,.07);
-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
}  @media screen and ( min-width: 768px ) {
.vp-ajax-content .viba-portfolio-single-item .viba-portfolio-likes { right: 150px; left: auto; border-right: none; border-left: 1px solid rgba(0,0,0,.07) }
.vp-ajax-content .viba-portfolio-share-icons { margin: 0; position: absolute; top: 0; left: 0; }
.vp-ajax-content .viba-portfolio-share-icons ul li { margin: 0; }
.vp-ajax-content .viba-portfolio-single-meta .viba-portfolio-share {
width: 50px; height: 50px; line-height: 50px; font-size: 0; display: block;
background: none; border:none; border-right: 1px solid rgba(0,0,0,.07);
-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
}
} .viba-portfolio-lightbox {
position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100001;
background: rgba(0,0,0,.9); cursor: zoom-out;
transition: opacity 0.2s, visibility 0.2s;
opacity: 0; visibility: hidden;
}
.viba-portfolio-lightbox.js-vp-ready { opacity: 1; visibility: visible; }
.viba-portfolio-lightbox-container {
position: absolute; top: 0; left: 0; bottom: 0; right: 0;
display: flex; flex-direction: column;
}
.viba-portfolio-lightbox-top-bar {
position: relative; display: flex; align-items: center; justify-content: space-between;
padding: 0 15px; height: 50px; height: max(50px, 8vh);
}
.viba-portfolio-lightbox-figure { position: relative; flex: 1 0 auto; width: 100%; }
.viba-portfolio-lightbox-figure::after {
content: ''; display: none; pointer-events: none;
position: absolute; top: 50%; left: 50%; width: 30px; height: 30px;
margin-top: -10px; margin-left: -15px; border-radius: 50%; background-color: rgba( 255,255,255,.5);
-webkit-animation: vpPulse 1s infinite; animation: vpPulse 1s infinite;
}
.viba-portfolio-lightbox.js-vp-img-loading .viba-portfolio-lightbox-figure::after { display: block; }
.viba-portfolio-lightbox-image {
position: absolute; top: 50%; left: 50%; bottom: 0; transform: translateX(-50%) translateY(-50%); object-fit: contain; cursor: default;
width: auto !important; height: auto !important; max-height: 100% !important; max-width: 100% !important;
opacity: 1; transition: opacity 0.2s;
}
.viba-portfolio-lightbox.js-vp-img-loading .viba-portfolio-lightbox-image { opacity: 0; }
.viba-portfolio-lightbox-caption {
position: relative; font-size: 90%; color: #fff; cursor: text;
padding: 5px 15px; margin: 0 auto; min-height: 50px; min-height: max(50px, 8vh); max-width: 600px;
}
.viba-portfolio-lightbox-counter { font-size: 12px; color: #fff; }
button.viba-portfolio-lightbox-close {
all: unset; position: relative; width: 42px; height: 42px; border-radius: 50%;
transition: all 0.2s; cursor: pointer;
}
button.viba-portfolio-lightbox-close:hover { background: rgba(255,255,255,.15); }
button.viba-portfolio-lightbox-close::before,
button.viba-portfolio-lightbox-close::after {
content: ''; position: absolute; top: calc(50% - 10px); left: 50%; bottom: 0; right: 0;
width: 1px; height: 20px; background: #fff;
transform: rotate(45deg); transform-origin: center;
}
button.viba-portfolio-lightbox-close::after { transform: rotate(-45deg); }
button.viba-portfolio-lightbox-arrow {
all: unset; position: absolute; top: 50%; width: 42px; height: 42px; margin-top: -20px; cursor: pointer;
border-radius: 42px; background: rgba(0,0,0,0.25); color: #fff; border: 1px solid rgba( 255,255,255,.2);
display: none; align-items: center; justify-content: center;
transition: all 0.3s;
}
.viba-portfolio-lightbox[data-is-gallery] button.viba-portfolio-lightbox-arrow { display: flex; }
button.viba-portfolio-lightbox-arrow::before { font-size: 20px; }
button.viba-portfolio-lightbox-arrow-prev { left: 15px; }
button.viba-portfolio-lightbox-arrow-next { right: 15px; }
@media screen and (min-width: 1100px) {
button.viba-portfolio-lightbox-arrow:hover {
width: 50px; background: #fff; color: #000;
}
}  .vp-twentytwelve .viba-portfolio-entry-title { margin: 0 } .vp-twentythirteen .entry-content .entry-header { padding: 0 !important; } .vp-twentyfourteen .site-content .entry-content { padding-top: 0 }
.vp-twentyfourteen .site-content .entry-content .entry-header { margin-top: 0 !important; padding: 0 0 12px 0; }
.vp-twentyfourteen .vp-ajax-wrapper .vp-ajax-content .vp-ajax-inner .entry-header { padding: 0 } .single-viba-portfolio .vp-twentyfifteen .viba-portfolio-entry-title { margin-top: 0 } body #page .vp-twentysixteen .entry-content { width: 100%; float: none }
.vp-twentysixteen .viba-portfolio-single-project-link a,
.vp-twentysixteen .viba-portfolio-likes,
.vp-twentysixteen .viba-portfolio-share,
.vp-twentysixteen .viba-portfolio-single-pagination a { box-shadow: none } .vp-twentytwenty .viba-portfolio-single-description {
font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif;
letter-spacing: normal;
} .vp-twentytwentytwo .viba-portfolio-entry-title {
font-family: var(--wp--preset--font-family--source-serif-pro);
font-size: var(--wp--custom--typography--font-size--gigantic);
font-weight: 300;
line-height: var(--wp--custom--typography--line-height--tiny);
margin-top: 0;
margin-bottom: var(--wp--custom--spacing--medium);
} @keyframes vpFade {
0% { opacity: 0 }
100% { opacity: 1 }
}
@keyframes vpPulse {
0%, 100% { -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1); }
50% { -webkit-transform:translate3d(0,0,0) scale(.7); transform:translate3d(0,0,0) scale(.7); }
}
@keyframes vpLiked {
0% { -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1); }
50% { -webkit-transform:translate3d(0,0,0) scale(1.2); transform:translate3d(0,0,0) scale(1.2); }
100% { -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1); }
}
@keyframes vpLoadMore {
0% { -webkit-transform: translate3d(0,0,0) rotate(0deg); transform: translate3d(0,0,0) rotate(0deg); }
100% { -webkit-transform: translate3d(0,0,0) rotate(360deg); transform: translate3d(0,0,0) rotate(360deg); }
}
@keyframes vpScale {
0% { -webkit-transform:translate3d(0,0,0) scale(0.7); opacity: 0; transform:translate3d(0,0,0) scale(0.7); opacity: 0; }
100% { -webkit-transform:translate3d(0,0,0); opacity: 1; transform:translate3d(0,0,0); opacity: 1; }
}
@keyframes vpRotate {
0% { -webkit-transform: translate3d(0,0,0) rotate(0deg); transform: translate3d(0,0,0) rotate(0deg); opacity: 0; }
100% { -webkit-transform: translate3d(0,0,0) rotate(360deg); transform: translate3d(0,0,0) rotate(360deg); opacity: 1; }
}
@keyframes vpRotateDownLeft {
0% { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; }
100% { -webkit-transform: translate3d(0,0,0) rotate(0deg); transform: translate3d(0,0,0) rotate(0deg); opacity: 1; }
}
@keyframes vpRotateDownRight {
0% { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; }
100% { -webkit-transform: translate3d(0,0,0) rotate(0deg); transform: translate3d(0,0,0) rotate(0deg); opacity: 1; }
}
@keyframes vpRotateUpLeft {
0% { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; }
100% { -webkit-transform:  rotate(0deg); transform:  rotate(0deg); opacity: 1; }
}
@keyframes vpRotateUpRight {
0% { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; }
100% { -webkit-transform: translate3d(0,0,0) rotate(0deg); transform: translate3d(0,0,0) rotate(0deg); opacity: 1; }
}
@keyframes vpSlideTop {
0% { -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0); opacity: 0; }
100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity: 1; }
}
@keyframes vpSlideRight {
0% { -webkit-transform:translate3d(20px,0,0); transform:translate3d(20px,0,0); opacity: 0; }
100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity: 1; }
}
@keyframes vpSlideBottom {
0% { -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); opacity: 0; }
100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity: 1; }
}
@keyframes vpSlideLeft {
0% { -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0); opacity: 0; }
100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity: 1; }
}
@keyframes vpSlideTop {
0% { -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0); opacity: 0; }
100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity: 1; }
}
@keyframes vpInTop {
0% { -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); }
100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
}
@keyframes vpInRight {
0% { -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); }
100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
}
@keyframes vpInBottom {
0% { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); }
100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
}
@keyframes vpInLeft {
0% { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); }
100% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
}
@keyframes vpOutTop {
0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
100% { -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); }
}
@keyframes vpOutRight {
0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
100% { -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); }
}
@keyframes vpOutBottom {
0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
100% { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); }
}
@keyframes vpOutLeft {
0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
100% { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); }
}
@keyframes vpVerticalFlip {
0% { -webkit-transform:translate3d(0,0,0) rotateX(180deg); transform:translate3d(0,0,0) rotateX(180deg); opacity: 0; }
100% { -webkit-transform:translate3d(0,0,0) rotateX(0deg); transform:translate3d(0,0,0) rotateX(0deg); opacity: 1; }
}
@keyframes vpHorizontalFlip {
0% { -webkit-transform:translate3d(0,0,0) rotateY(180deg); transform:translate3d(0,0,0) rotateY(180deg); opacity: 0; }
100% { -webkit-transform:translate3d(0,0,0) rotateY(0deg); transform:translate3d(0,0,0) rotateY(0deg); opacity: 1; }
}
@keyframes vpVerticalFlipbook {
0% { -webkit-transform:translate3d(0,0,0) rotateX(90deg); transform:translate3d(0,0,0) rotateX(90deg); opacity: 0; }
100% { -webkit-transform:translate3d(0,0,0) rotateX(0deg); transform:translate3d(0,0,0) rotateX(0deg); opacity: 1; }
}
@keyframes vpHorizontalFlipbook {
0% { -webkit-transform:translate3d(0,0,0) rotateY(-90deg); transform:translate3d(0,0,0) rotateY(-90deg); opacity: 0; }
100% { -webkit-transform:translate3d(0,0,0) rotateY(0deg); transform:translate3d(0,0,0) rotateY(0deg); opacity: 1; }
}
@keyframes vpLoader1 {
100% { -webkit-transform: translate3d(0,0,0) rotate(360deg); transform: translate3d(0,0,0) rotate(360deg); }
}
@keyframes vpLoader2 {
0% { -webkit-transform: translate3d(0,0,0) scale(0); transform: translate3d(0,0,0) scale(0); opacity: 1; }
100%   { -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); opacity: 0; }
}
@keyframes vpLoader3 {
0% { -webkit-transform: translate3d(0,0,0) scale(.2); transform: translate3d(0,0,0) scale(.2); }
50%   { -webkit-transform: translate3d(0,0,0) scale(1.1); transform: translate3d(0,0,0) scale(1.1); }
100%   { -webkit-transform: translate3d(0,0,0) scale(.2); transform: translate3d(0,0,0) scale(.2); }
}
@keyframes vpLoader5-1 {
0%   { -webkit-transform: translate3d(0,0,0) rotate(20deg); transform: translate3d(0,0,0) rotate(20deg); }
100% { -webkit-transform: translate3d(0,0,0) rotate(380deg); transform: translate3d(0,0,0) rotate(380deg); }
}
@keyframes vpLoader5-2 {
0%   { -webkit-transform: translate3d(0,0,0) scale(0); transform: translate3d(0,0,0) scale(0); }
100% { -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); }
}
@keyframes vpLoader6 {
0%   { -webkit-transform: translateX(-100%) scale(0); transform: translateX(-100%) scale(0); }
50%  { -webkit-transform: translateX(0%)    scale(1); transform: translateX(0%)    scale(1); }
100% { -webkit-transform: translateX(100%)  scale(0); transform: translateX(100%)  scale(0); }
}
@keyframes vpLoader7 {
0% { margin: 20%; width: 10%; height: 10% }
50% { margin: 10%; width: 80%; height: 80% }
100% { margin: 20%; width: 10%; height: 10% }
}
@keyframes vpLoader9 {
0%, 40%, 100% { -webkit-transform: translate3d(0,0,0) scaleY(0.6); transform: translate3d(0,0,0) scaleY(0.6); }
20% { -webkit-transform: translate3d(0,0,0) scaleY(1.0); transform: translate3d(0,0,0) scaleY(1.0); }
}
@keyframes vpLoader11 {
0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) }
50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) }
100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
}
@keyframes vpLoader12 {
0%, 100% { transform: translate3d(0,0,0) scale(0.0); -webkit-transform: translate3d(0,0,0) scale(0.0); }
50% { transform: translate3d(0,0,0) scale(1.0); -webkit-transform: translate3d(0,0,0) scale(1.0); }
}.vp-arrow .viba-portfolio-arrow { position: relative; }
.vp-arrow .viba-portfolio-arrow::before {
content: ''; display: block; width: 20px; height: 20px; position: absolute; top: -10px; background: inherit;
-webkit-transform: translate3d(0,0,0) rotate(45deg); -ms-transform: translate(0,0) rotate(45deg); transform: translate3d(0,0,0) rotate(45deg);
}
.vp-horizontal-align-left .viba-portfolio-content.viba-portfolio-arrow::before { left: 25px; }
.vp-horizontal-align-center .viba-portfolio-content.viba-portfolio-arrow::before { left: 50%; margin-left: -10px; }
.vp-horizontal-align-right .viba-portfolio-content.viba-portfolio-arrow::before { right: 25px }
.vp-cover-horizontal-align-left .viba-portfolio-cover-content.viba-portfolio-arrow::before { left: 25px; }
.vp-cover-horizontal-align-center .viba-portfolio-cover-content.viba-portfolio-arrow::before { left: 50%; margin-left: -10px; }
.vp-cover-horizontal-align-right .viba-portfolio-cover-content.viba-portfolio-arrow::before { right: 25px } .viba-portfolio-max-height {
max-height: 0; opacity: 0; overflow: hidden; margin: 0 !important;
-webkit-transform: translate3d(0,-25px,0); transform: translate3d(0,-25px,0);
-webkit-transition: -webkit-transform .4s, opacity .4s, overflow .4s, max-height .4s;
transition: transform .4s, opacity .4s, overflow .4s, max-height .4s;
}
.viba-portfolio-item-inner:hover .viba-portfolio-max-height { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);  }
.vp-no-js .viba-portfolio-max-height {
-webkit-transform:translate3d(0,-25px,0); transform:translate3d(0,-25px,0);
-webkit-transition: -webkit-transform .4s, height .4s, padding .4s, opacity .4s, max-height .3s;
transition: height .4s, padding .4s, opacity .4s, max-height .3s;
}
.vp-no-js .viba-portfolio-item-inner:hover .viba-portfolio-max-height {
max-height: 460px;
-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
-webkit-transition: -webkit-transform .4s, height .4s, padding .4s, opacity .4s, max-height .8s linear;
transition: transform .4s, height .4s, padding .4s, opacity .4s, max-height .8s linear;
} .vp-hydrogen .viba-portfolio-item-inner { background: none !important }
.viba-portfolio-wrapper .vp-hydrogen.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px } .vp-helium .viba-portfolio-item-inner { background: none !important }
.viba-portfolio-helium-overlay {  position: absolute; width: 100%; height: 10px; bottom: 0;  }
.viba-portfolio-wrapper .vp-helium.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px } .vp-lithium .viba-portfolio-item-inner { background: none !important }
.vp-lithium .viba-portfolio-overlay { top: 10px; right: 10px; bottom: 10px; left: 10px; }
.vp-lithium .viba-portfolio-cover-content { padding: 30px }
.viba-portfolio-wrapper .vp-lithium.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px } .vp-beryllium .viba-portfolio-item-inner { }
.vp-beryllium .viba-portfolio-content { padding: 20px; }
.vp-beryllium.vp-visible-on-hover .viba-portfolio-item-inner { z-index: 1; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;   }
.vp-beryllium.vp-visible-on-hover .viba-portfolio-item-inner:hover { z-index: 3;  }
.viba-portfolio-wrapper .vp-beryllium.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px } .vp-boron .viba-portfolio-item-inner { padding: 10px 10px 0 10px; }
.vp-boron.vp-visible-on-hover .viba-portfolio-item-inner { padding: 10px }
.vp-boron .viba-portfolio-content { padding: 10px 0;  }
.viba-portfolio-wrapper .vp-boron.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px } .vp-carbon .viba-portfolio-item-inner {   }
.vp-carbon .viba-portfolio-content { padding: 20px; }
.vp-carbon .viba-portfolio-cover-content{ padding: 25px }
.vp-carbon .viba-portfolio-overlay::after { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; }
.viba-portfolio-wrapper .vp-carbon.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px } .vp-nitrogen .viba-portfolio-item-inner { z-index: 1; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;   }
.vp-nitrogen .owl-item:hover,
.vp-nitrogen .viba-portfolio-item-inner:hover { z-index: 3; position: relative; }
.vp-nitrogen.vp-always-visible .viba-portfolio-item-inner,
.vp-nitrogen.vp-semi-visible .viba-portfolio-item-inner { background: none }
.vp-nitrogen .viba-portfolio-content { padding-bottom: 0 }
.viba-portfolio-overlay-nitrogen{ position: absolute;top: 0; left: 0; bottom: 0; right: 0 }
.vp-nitrogen.vp-visible-on-hover .viba-portfolio-content { padding: 0; opacity: 1; transition: padding .3s;  }
.vp-nitrogen.vp-visible-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-content { padding: 20px 0 0 0 ; opacity: 1; }
.viba-portfolio-wrapper .vp-nitrogen.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px } .vp-oxygen .viba-portfolio-item-inner {z-index: 1; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; }
.vp-oxygen .viba-portfolio-item-inner:hover { z-index: 3; }
.vp-oxygen .viba-portfolio-content { padding: 20px; position: relative; z-index: 1 }
.vp-oxygen .viba-portfolio-content::before { top: auto; bottom: -10px; }
.vp-oxygen.vp-visible-on-hover .viba-portfolio-content { padding: 0 20px; -webkit-transition: all .4s; transition: all .4s; opacity: 0 }
.vp-oxygen.vp-visible-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-content { padding: 20px; opacity: 1 }
.viba-portfolio-wrapper .vp-oxygen.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px } .vp-fluorine .viba-portfolio-item.vp-item-loaded .viba-portfolio-item-inner {
opacity: 1; -webkit-animation-fill-mode: none; animation-fill-mode: none;
}
.vp-fluorine .viba-portfolio-item-inner { z-index: 1; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.vp-fluorine .viba-portfolio-item-inner:hover { z-index: 3; -webkit-transform: translate3d(0,-15px,0); -ms-transform:translate(0,-15px); transform: translate3d(0,-15px,0);  }
.vp-fluorine .viba-portfolio-item-inner .viba-portfolio-content { padding: 20px; position: relative; }
.vp-fluorine.vp-visible-on-hover .viba-portfolio-content { padding: 0 20px; opacity: 0; -webkit-transition: all .4s; transition: all .4s; }
.vp-fluorine.vp-visible-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-content { opacity: 1; padding: 20px; }
.viba-portfolio-wrapper .vp-fluorine.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px } .vp-neon .viba-portfolio-title a,
.vp-neon .viba-portfolio-likes { -webkit-transition: none; transition: none; }
.vp-neon .viba-portfolio-item-inner { overflow: hidden; }
.vp-neon .viba-portfolio-content {
position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; opacity: .9; background: inherit; color: inherit;
-webkit-transition: all .4s; transition: all .4s;
}
.vp-neon .viba-portfolio-item-inner:hover .viba-portfolio-neon-content { opacity: 1 }
.vp-neon .viba-portfolio-neon-content::before { background: inherit !important; }
.vp-neon.vp-visible-on-hover .viba-portfolio-neon-content { opacity: 1; -webkit-transform: translate3d(0,100%,0); -ms-transform:translate(0,100%); transform: translate3d(0,100%,0); overflow: visible; }
.vp-neon.vp-visible-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-neon-content {  -webkit-transform: translate3d(0,0,0); -ms-transform:translate(0,0); transform: translate3d(0,0,0); }
.vp-neon.vp-visible-on-hover .viba-portfolio-neon-content::before { opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s;  }
.vp-neon.vp-visible-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-neon-content::before { opacity: 1 }
.vp-neon.vp-semi-visible.vp-slide-image .viba-portfolio-thumbnail,
.vp-neon.vp-visible-on-hover.vp-slide-image .viba-portfolio-thumbnail {
-webkit-transform:translate3d(0,0,0); -ms-transform:translate(0,0); transform:translate3d(0,0,0);
-webkit-transition: all .4s; transition: all .4s;
-webkit-animation:none; animation: none;
}
.vp-neon.vp-semi-visible.vp-slide-image .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail {
-webkit-transform:translate3d(0,-25px,0); -ms-transform:translate(0,-25px); transform:translate3d(0,-25px,0); opacity: 1; -webkit-animation:none; animation: none;
}
.vp-neon.vp-visible-on-hover.vp-slide-image .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail {
-webkit-transform:translate3d(0,-40px,0); -ms-transform:translate(0,-40px); transform:translate3d(0,-40px,0); opacity: 1; -webkit-animation:none; animation: none;
}
.vp-semi-visible.vp-neon .viba-portfolio-buttons-wrapper { margin: 0 }
.viba-portfolio-wrapper .vp-neon.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px } .vp-sodium .viba-portfolio-item-inner { overflow: hidden;  }
.vp-sodium .viba-portfolio-cover-wrapper { float: left; width: 60% }
.vp-sodium .viba-portfolio-sodium-content { float: left; width: 40%; padding: 20px; z-index: 2; position: relative; background: inherit; color: inherit; }
.vp-sodium.vp-semi-visible .viba-portfolio-cover-wrapper { width: 66% }
.vp-sodium.vp-semi-visible .viba-portfolio-sodium-content { width: 34%; }
.vp-sodium .viba-portfolio-arrow::before { top: 30px !important; left: -10px !important; background: inherit !important; }
.vp-sodium.vp-visible-on-hover .viba-portfolio-item-inner .viba-portfolio-arrow::before { opacity: 0;  }
.vp-sodium.vp-visible-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-arrow::before { opacity: 1 }
.vp-sodium.vp-visible-on-hover .viba-portfolio-cover-wrapper,
.vp-sodium.vp-visible-on-hover .viba-portfolio-sodium-content { float: none; width: 100%; z-index: 2; position: relative; }
.vp-sodium.vp-visible-on-hover .viba-portfolio-sodium-content {
position: absolute; top: 0; right: 0; width: 50%;  height: 100%;
-webkit-transform: translate3d(100%,0,0); -ms-transform:translate(100%,0); transform: translate3d(100%,0,0);
-webkit-transition: all .4s; transition: all .4s;
}
.vp-sodium.vp-visible-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-sodium-content { -webkit-transform: translate3d(0,0,0); -ms-transform:translate(0,0); transform: translate3d(0,0,0); }
.vp-sodium.vp-visible-on-hover .viba-portfolio-sodium-content::before { opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s;  }
.vp-sodium.vp-visible-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-sodium-content::before { opacity: 1 }
.vp-sodium.vp-visible-on-hover .viba-portfolio-buttons-wrapper { width: 50px; display: inline-block; }
.vp-sodium.vp-visible-on-hover .viba-portfolio-item-button { margin: 2px 0 }
.vp-sodium.vp-visible-on-hover.vp-slide-image .viba-portfolio-thumbnail {
-webkit-transform:translate3d(0,0,0); -ms-transform:translate(0,0); transform:translate3d(0,0,0);
-webkit-transition: all .4s; transition: all .4s;
-webkit-animation:none; animation: none;
}
.vp-sodium.vp-visible-on-hover.vp-slide-image .viba-portfolio-item-inner:hover .viba-portfolio-thumbnail {
-webkit-transform:translate3d(-40px,0,0); -ms-transform:translate(-40px,0); transform:translate3d(-40px,0,0);
opacity: 1; -webkit-animation:none; animation: none;
} .vp-sodium .viba-portfolio-content .viba-portfolio-likes { float: none; margin: 0; }
.viba-portfolio-wrapper .vp-sodium.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px } .vp-magnesium.vp-vertical-align-top .viba-portfolio-cover-fixed { -webkit-transform: translate3d(0,-10px,0); -ms-transform:translate(0,-10px); transform: translate3d(0,-10px,0); }
.vp-magnesium.vp-vertical-align-bottom .viba-portfolio-cover-fixed { -webkit-transform: translate3d(0,10px,0); -ms-transform:translate(0,10px); transform: translate3d(0,10px,0); }
.vp-magnesium .viba-portfolio-item-inner:hover .viba-portfolio-cover-fixed { -webkit-transform: translate3d(0,0,0); -ms-transform:translate(0,0); transform: translate3d(0,0,0); }
.vp-magnesium .viba-portfolio-cover-content { padding: 30px;  }
.vp-magnesium .viba-portfolio-cover-content::before, .vp-magnesium .viba-portfolio-cover-content::after {
position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; content: '';
border-color: inherit; pointer-events:none;
-webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.4s;
}
.vp-magnesium .viba-portfolio-cover-content::after { border-right: 5px solid; border-left: 5px solid; -webkit-transform: scale(1,0); -ms-transform: scale(1,0); transform: scale(1,0); }
.vp-magnesium .viba-portfolio-cover-content::before { border-top: 5px solid; border-bottom: 5px solid; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); }
.vp-magnesium .viba-portfolio-item-inner:hover .viba-portfolio-cover-content::before, .vp-magnesium .viba-portfolio-item-inner:hover .viba-portfolio-cover-content::after {  -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1);}
.vp-magnesium .viba-portfolio-buttons-wrapper { margin: 0; position: absolute; }
.vp-magnesium.vp-vertical-align-top .viba-portfolio-buttons-wrapper { bottom: 10px }
.vp-magnesium.vp-vertical-align-bottom .viba-portfolio-buttons-wrapper { top: 10px }
.vp-magnesium.vp-cover-horizontal-align-left .viba-portfolio-buttons-wrapper,
.vp-magnesium.vp-cover-horizontal-align-center .viba-portfolio-buttons-wrapper { left: 10px }
.vp-magnesium.vp-cover-horizontal-align-right .viba-portfolio-buttons-wrapper { right: 10px }
.vp-magnesium.vp-vertical-align-middle .viba-portfolio-buttons-wrapper { margin: 5px 0; display: inline-block; position: relative; left: auto !important }
.vp-magnesium.vp-vertical-align-middle .viba-portfolio-item-button { }
.vp-magnesium.vp-semi-visible .viba-portfolio-buttons-wrapper {
opacity: 0; max-height: 0; margin: 0;
-webkit-transition:max-height .4s, opacity .4s; transition:max-height .4s, opacity .4s;
}
.vp-magnesium.vp-semi-visible .viba-portfolio-item-inner:hover .viba-portfolio-buttons-wrapper { opacity: 1; max-height: 50px; }
.viba-portfolio-wrapper .vp-magnesium.viba-portfolio .viba-portfolio-item-button { border-radius: 0; height: 50px; width: 50px; line-height: 50px; display: block; float: left; } .vp-aluminium .viba-portfolio-title a,
.vp-aluminium .viba-portfolio-likes,
.vp-aluminium .viba-portfolio-item-button { -webkit-transition: none; transition: none; }
.vp-aluminium.vp-vertical-align-top .viba-portfolio-item-inner:hover .viba-portfolio-cover-fixed { -webkit-transform: translate3d(0,10px,0); -ms-transform:translate(0,10px); transform: translate3d(0,10px,0); }
.viba-portfolio-aluminium-content-wrapper { display: block; clear: both; }
.viba-portfolio-aluminium-content {
border-radius: 2px; opacity: 1; display: inline-block; padding: 5px 10px;
-webkit-transition: all .4s; transition: all .4s;
}
.viba-portfolio-item-inner:hover .viba-portfolio-aluminium-content { opacity: 1 }
.vp-aluminium .viba-portfolio-cover-content { background: none !important }
.vp-aluminium .viba-portfolio-categories { display: inline-block; margin: 0 2px }
.vp-aluminium .viba-portfolio-title { margin-top: 15px }
.vp-aluminium .viba-portfolio-short-description p { margin-top: 0px }
.vp-aluminium .viba-portfolio-likes { float: none !important; display: inline-block; margin: 0 2px 0 2px !important; }
.vp-aluminium .viba-portfolio-buttons-wrapper { display: inline-block; margin: 0 }
.vp-aluminium .viba-portfolio-item-button { height: 30px; background: none !important; vertical-align: middle; width: auto; margin: 0 2px !important; }
.vp-aluminium .viba-portfolio-item-button::before { line-height: 30px; font-size: 18px } .vp-silicon .viba-portfolio-title a,
.vp-silicon .viba-portfolio-likes,
.vp-silicon .viba-portfolio-item-button { -webkit-transition: none; transition: none; }
.vp-silicon .viba-portfolio-cover-fixed { padding: 30px }
.viba-portfolio-silicon-content { -webkit-transition: all .4s; transition: all .4s; opacity: .9; border-radius: 2px }
.vp-silicon .viba-portfolio-item-inner:hover .viba-portfolio-silicon-content { opacity: 1; }
.vp-silicon.vp-vertical-align-top .viba-portfolio-item-inner:hover .viba-portfolio-silicon-content {
-webkit-transform: translate3d(0,20px,0); -ms-transform:translate(0,20px); transform: translate3d(0,20px,0);
}
.vp-silicon.vp-vertical-align-bottom .viba-portfolio-item-inner:hover .viba-portfolio-silicon-content {
-webkit-transform: translate3d(0,-20px,0); -ms-transform:translate(0,-20px); transform: translate3d(0,-20px,0);
}
.vp-silicon.vp-visible-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-silicon-content {
-webkit-transform: translate3d(0,0,0); -ms-transform:translate(0,0);  transform: translate3d(0,0,0);
}
.vp-silicon .viba-portfolio-arrow::before { background: inherit !important; }
.vp-silicon.vp-vertical-align-top .viba-portfolio-arrow::before { top: auto; bottom: -10px }
.viba-portfolio-silicon-content .viba-portfolio-buttons-wrapper { margin: 15px 0 0 0 }
.viba-portfolio-silicon-content .viba-portfolio-item-button { background: none; width: auto; height: 20px; }
.viba-portfolio-silicon-content .viba-portfolio-item-button::before { line-height: 20px}
.vp-silicon.vp-cover-horizontal-align-left .viba-portfolio-item-button {  margin-right: 10px }
.vp-silicon.vp-cover-horizontal-align-center .viba-portfolio-item-button { margin: 0 5px }
.vp-silicon.vp-cover-horizontal-align-right .viba-portfolio-item-button {  margin-left: 10px }
.vp-silicon.vp-visible-on-hover .viba-portfolio-silicon-content { padding: 0 20px; }
.vp-silicon.vp-visible-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-silicon-content { padding: 20px; }
.vp-silicon.vp-visible-on-hover .viba-portfolio-silicon-content::before { opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; }
.vp-silicon.vp-visible-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-silicon-content::before { opacity: 1 }
.viba-portfolio-wrapper .vp-silicon.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px } .vp-phosphorus .viba-portfolio-cover-content { padding: 30px }
.viba-portfolio-phosphorus-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: box-shadow .4s ease; transition: box-shadow .4s ease; }
.viba-portfolio-phosphorus-overlay::before { content: ''; position: absolute; top: 8px; left: 8px; bottom: 8px; right: 8px; border: 2px solid; border-color: inherit; opacity: .3 }
.viba-portfolio-wrapper .vp-phosphorus.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px } .vp-sulfur .viba-portfolio-title a,
.vp-sulfur .viba-portfolio-likes,
.vp-sulfur .viba-portfolio-item-button { -webkit-transition: none; transition: none; }
.vp-sulfur.vp-vertical-align-top .viba-portfolio-item-inner:hover .viba-portfolio-cover-fixed { -webkit-transform: translate3d(0,10px,0); -ms-transform:translate(0,10px); transform: translate3d(0,10px,0); }
.vp-sulfur.vp-vertical-align-bottom .viba-portfolio-item-inner:hover .viba-portfolio-cover-fixed { -webkit-transform: translate3d(0,-10px,0); -ms-transform:translate(0,-10px); transform: translate3d(0,-10px,0); }
.vp-sulfur.vp-cover-horizontal-align-center .viba-portfolio-cover,
.vp-sulfur.vp-cover-horizontal-align-center .viba-portfolio-cover-fixed { text-align: center; }
.vp-sulfur.vp-cover-horizontal-align-center .viba-portfolio-cover-content { width: 75%; display: inline-block; }
.vp-sulfur.vp-cover-horizontal-align-center .viba-portfolio-sulfur-right { text-align: left; }
.vp-sulfur.vp-vertical-align-bottom.vp-cover-horizontal-align-center .viba-portfolio-cover-content { left: 50%; margin-left: -38%; }
.vp-sulfur .viba-portfolio-likes { float: none !important; margin: 2px 0 !important; display: inline-block; width: 30px; }
.vp-sulfur .viba-portfolio-buttons-wrapper { margin: 2px 0 }
.vp-sulfur .viba-portfolio-item-button { background: none !important; height: 30px; width: 30px; }
.vp-sulfur .viba-portfolio-item-button::before { line-height: 30px }
.viba-portfolio-sulfur-left {
float: left; width: 50px; padding: 5px 0; margin-right: 20px; text-align: center; border-radius: 2px;
-webkit-transition: all .4s; transition: all .4s;
}
.vp-sulfur.vp-cover-horizontal-align-right .viba-portfolio-sulfur-left { float: right; margin: 0 0 0 20px }
.viba-portfolio-sulfur-right { overflow: hidden; } .viba-portfolio-chlorine-content { position: absolute; bottom: 20px; left: 20px; right: 20px; text-align: left; }
.vp-vertical-align-bottom .viba-portfolio-chlorine-content { top: 20px }
.vp-chlorine .viba-portfolio-categories,
.viba-portfolio-chlorine-content-right { position: absolute; width: 55% }
.viba-portfolio-chlorine-content-right { width: 45% }
.vp-chlorine.vp-vertical-align-bottom .viba-portfolio-categories,
.vp-vertical-align-bottom .viba-portfolio-chlorine-content-right { top: 0 }
.vp-chlorine.vp-vertical-align-top .viba-portfolio-categories,
.vp-vertical-align-top .viba-portfolio-chlorine-content-right,
.vp-chlorine.vp-vertical-align-middle .viba-portfolio-categories,
.vp-vertical-align-middle .viba-portfolio-chlorine-content-right { bottom: 0 }
.vp-chlorine.vp-cover-horizontal-align-left .viba-portfolio-categories,
.vp-chlorine.vp-cover-horizontal-align-center .viba-portfolio-categories  { left: 0 }
.vp-cover-horizontal-align-left .viba-portfolio-chlorine-content-right,
.vp-cover-horizontal-align-center .viba-portfolio-chlorine-content-right { text-align: right; right: 0 }
.vp-chlorine.vp-cover-horizontal-align-left .viba-portfolio-item-button,
.vp-chlorine.vp-cover-horizontal-align-center .viba-portfolio-item-button { text-align: right; padding-left: 5px }
.vp-chlorine.vp-cover-horizontal-align-right .viba-portfolio-categories { right: 0; text-align: right; }
.vp-cover-horizontal-align-right .viba-portfolio-chlorine-content-right { left: 0 }
.vp-chlorine.vp-cover-horizontal-align-right .viba-portfolio-likes,
.vp-chlorine.vp-cover-horizontal-align-right .viba-portfolio-item-button { text-align: left; padding-right: 5px }
.vp-chlorine .viba-portfolio-short-description p { margin: 0;  }
.vp-chlorine .viba-portfolio-chlorine-content-right .viba-portfolio-likes,
.vp-chlorine .viba-portfolio-buttons-wrapper { float: none; margin: 0; display: inline-block; vertical-align: middle; }
.vp-chlorine .viba-portfolio-item-button { background: none !important; width: auto; vertical-align: middle; }
.vp-chlorine .viba-portfolio-item-button::before { } .vp-argon .viba-portfolio-title a,
.vp-argon .viba-portfolio-likes { -webkit-transition: none; transition: none; }
.viba-portfolio-wrapper .vp-argon.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px }
.vp-argon.vp-vertical-align-top .viba-portfolio-item-inner:hover .viba-portfolio-cover-fixed { -webkit-transform: translate3d(0,10px,0); -ms-transform:translate(0,10px); transform: translate3d(0,10px,0); }
.viba-portfolio-argon-content {
display: inline-block; text-align: center; padding: 5px 10px; margin: 5px 0; border-radius: 2px;
-webkit-transition: all .4s; transition: all .4s; opacity: .9
}
.vp-argon .viba-portfolio-item-inner:hover .viba-portfolio-argon-content { opacity: 1 }
.vp-argon .viba-portfolio-title,
.vp-argon .viba-portfolio-likes { display: inline-block; vertical-align: middle; float: none !important; margin: 0 3px 0 3px !important }
.vp-argon .viba-portfolio-likes {  } .vp-potassium .viba-portfolio-item-inner { z-index: 1; padding: 15px; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; }
.vp-potassium .viba-portfolio-item-inner:hover { z-index: 3; }
.vp-potassium .viba-portfolio-content { padding: 0; -webkit-transition: all .4s; transition: all .4s; }
.vp-potassium.vp-visible-on-hover .viba-portfolio-content { opacity: 0 }
.vp-potassium .viba-portfolio-item-inner:hover .viba-portfolio-content { opacity: 1 }
.vp-always-visible .viba-portfolio-content.viba-portfolio-potassium-content-top,
.vp-semi-visible .viba-portfolio-content.viba-portfolio-potassium-content-top,
.viba-portfolio-item-inner:hover .viba-portfolio-content.viba-portfolio-potassium-content-top { padding: 0 0 15px 0; opacity: 1 }
.vp-always-visible .viba-portfolio-content.viba-portfolio-potassium-content-bottom,
.viba-portfolio-item-inner:hover .viba-portfolio-content.viba-portfolio-potassium-content-bottom { padding: 15px 0 0 0 }
.vp-potassium .viba-portfolio-likes { float: none !important; margin: 0 !important; display: inline-block; vertical-align: middle; }
.vp-potassium .viba-portfolio-buttons-wrapper { margin: 0; display: inline-block; vertical-align: middle; }
.viba-portfolio-wrapper .vp-potassium .viba-portfolio-item-button { background: none !important; height: 30px; width: 30px; vertical-align: middle; }
.vp-potassium .viba-portfolio-item-button::before { line-height:30px; }
.vp-potassium .viba-portfolio-categories { margin-top: 0px } .vp-calcium.vp-vertical-align-top .viba-portfolio-item-inner:hover .viba-portfolio-cover-fixed { -webkit-transform: translate3d(0,10px,0); -ms-transform:translate(0,10px); transform: translate3d(0,10px,0); }
.vp-calcium .viba-portfolio-title a,
.vp-calcium .viba-portfolio-categories,
.vp-calcium .viba-portfolio-short-description p,
.vp-calcium.viba-portfolio .viba-portfolio-likes { background: rgba(255,255,255,.15); padding: 5px 10px; border-radius: 2px; margin-top: 5px; display: inline-block; }
.vp-calcium .viba-portfolio-title a:hover { padding: 5px 10px; margin-top: 5px }
.vp-calcium .viba-portfolio-title { display: block; }
.vp-calcium .viba-portfolio-categories { display: inline-block; }
.vp-calcium .viba-portfolio-short-description p { display: inline-block; }
.viba-portfolio-calcium-content { display: block; clear: both; margin-top: 5px }
.vp-calcium .viba-portfolio-buttons-wrapper { display: inline-block; margin: 0 }
.vp-calcium.viba-portfolio .viba-portfolio-calcium-content .viba-portfolio-likes {
margin: 0 !important; float: none !important; vertical-align: top;
-webkit-transition: all .4s; transition: all .4s;
}
.vp-calcium.viba-portfolio .viba-portfolio-calcium-content .viba-portfolio-likes,
.vp-calcium.viba-portfolio .viba-portfolio-calcium-content .viba-portfolio-item-button { padding: 0 15px; line-height: 50px; height: 50px }
.viba-portfolio-wrapper .vp-calcium.viba-portfolio .viba-portfolio-item-button { height: 50px; width: 50px; line-height: 50px }
.vp-calcium .viba-portfolio-likes:hover { background: rgba( 255,255,255,.2 ); }.vp-style-default .viba-portfolio-item-inner { color: #242424; background-color: #f4f6f8; }
.vp-style-default .viba-portfolio-arrow:before { background-color: #f4f6f8; }
.vp-style-default .viba-portfolio-item-inner,
.vp-style-default .viba-portfolio-overlay,
.vp-style-default .viba-portfolio-overlay::after,
.vp-style-default .viba-portfolio-cover,
.vp-style-default .viba-portfolio-cover-content,
.vp-style-default .viba-portfolio-cover-content::before,
.vp-style-default .viba-portfolio-cover-content::after,
.vp-style-default .viba-portfolio-phosphorus-overlay,
.vp-style-default .viba-portfolio-phosphorus-overlay::before,
.vp-style-default .viba-portfolio-cover-wrapper { border-radius: 0; }
.vp-style-default .viba-portfolio-overlay { background-color: #006651; }
.vp-style-default .viba-portfolio-cover,
.vp-style-default .viba-portfolio-cover-fixed { color: #fff; }
.vp-style-default .vp-slide-overlay .viba-portfolio-overlay,
.vp-style-default .vp-overlay-off-hover .viba-portfolio-overlay,
.vp-style-default .vp-overlay-visible .viba-portfolio-overlay,
.vp-style-default .vp-overlay-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-overlay,
.vp-style-default .vp-slide-overlay .viba-portfolio-item-inner:hover .viba-portfolio-overlay { opacity: 0.90; }
.vp-style-default.js-vp-loaded .viba-portfolio-item { -webkit-animation-duration: 400ms; animation-duration: 400ms; }
.vp-style-default .vp-layout-carousel .owl-item,
.vp-style-default .vp-layout-carousel .owl-item .viba-portfolio-item { -webkit-transition-duration: 400ms; transition-duration: 400ms; } .vp-style-default.viba-portfolio-wrapper { padding: 0 }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; } @media screen and ( min-width: 480px ) {
.vp-style-default.viba-portfolio-wrapper { padding: 0 }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
} @media screen and ( min-width: 768px ) {
.vp-style-default.viba-portfolio-wrapper { padding: 0 }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
} @media screen and ( min-width: 960px ) {
.vp-style-default.viba-portfolio-wrapper { padding: 0 }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
} @media screen and ( min-width: 1124px ) {
.vp-style-default.viba-portfolio-wrapper { padding: 0 }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
} @media screen and ( min-width: 1400px ) {
.vp-style-default.viba-portfolio-wrapper { padding: 0 }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}
.vp-style-default .vp-loader,
.vp-style-default .vp-loader:before,
.vp-style-default .vp-loader:after,
.vp-style-default .vp-loader div { color: #fff; background-color: #006554; }
.vp-style-default .vp-loader-4:before,
.vp-style-default .vp-loader-7:before { background-color: #fff; }
.vp-style-default .vp-loader-8 { border-bottom: 5px solid #006554; border-left: 5px solid #006554; }
.vp-style-default .vp-pagination-numbers ul.page-numbers a.page-numbers:hover,
.vp-style-default .vp-pagination-numbers ul.page-numbers .page-numbers.current,
.vp-style-default .vp-pagination-arrow a:hover,
.vp-style-default .vp-load-more:hover { background-color: #006554; border-color: #006554; color: #fff; }
.vp-style-default .viba-portfolio .viba-portfolio-title { font-size:22px; font-weight:600; line-height:30px; text-transform:none; }
.vp-style-default .viba-portfolio .viba-portfolio-item-button { font-size:18px; font-weight:400; line-height:30px; text-transform:none; }
.vp-style-default .viba-portfolio .viba-portfolio-likes { font-size:14px; font-weight:400; line-height:34px; text-transform:none; }
.vp-style-default .viba-portfolio .viba-portfolio-categories { font-size:15px; font-weight:400; line-height:1.5; text-transform:none; }
.vp-style-default .viba-portfolio .viba-portfolio-short-description p { font-size:16px; font-weight:400; line-height:1.5; text-transform:none; }
.vp-style-default .viba-portfolio-filter a,
.vp-style-default .viba-portfolio-filter .vp-filter-button { font-size:14px; font-weight:400; line-height:1.5; text-transform:uppercase; }
.vp-style-default .viba-portfolio-pagination ul.page-numbers .page-numbers,
.vp-style-default .viba-portfolio-pagination .vp-pagination-arrow-desc,
.vp-style-default .viba-portfolio-pagination .vp-load-more { font-size:12px; font-weight:500; line-height:1.5; text-transform:uppercase; } .vp-style-default .vp-carbon .viba-portfolio-overlay:after { background-color: #f4f6f8; }
.vp-style-default .vp-carbon .viba-portfolio-cover-content { color: #242424; } @media screen and (min-width: 960px) {
.vp-single-sidebars .viba-portfolio-single-media,
.vp-single-sidebars .viba-portfolio-single-content {
width: 50% !important;
}
}
.viba-portfolio-single-media .viba-portfolio-media-link {
display: none !important;
}.viba-portfolio-single-item { float: none; display: block; width: 100%; }
.viba-portfolio-single-item::after { content: ''; display: table; clear: both; }
.viba-portfolio-single-content::after { content: ""; display: table; clear: both; } .viba-portfolio-single-description p:first-child { margin-top: 0; }
.vp-single-sidebars .viba-portfolio-single-description p:last-child { margin-bottom: 20px }
.viba-portfolio-single-content { margin-top: 30px } @media screen and ( min-width: 960px ) { .vp-single-sidebars .viba-portfolio-single-media { width: 66.65%; }
.vp-single-sidebars .viba-portfolio-single-content { width: 33.32%; margin-top: 0px }
.vp-single-right-sidebar .viba-portfolio-single-media { float: left; padding-right: 15px }
.vp-single-right-sidebar .viba-portfolio-single-content { float: right; padding-left: 15px }
.vp-single-left-sidebar .viba-portfolio-single-media { float: right; padding-left: 15px }
.vp-single-left-sidebar .viba-portfolio-single-content { float: left; padding-right: 15px }
.vp-single-full-width .viba-portfolio-single-description { float: left; width: 75%; padding-right: 15px; }
.viba-portfolio-single-description p:first-child { margin-top: 0 }
.vp-single-full-width .viba-portfolio-single-meta { float: right; width: 25%; padding-left: 15px; }
.vp-no-meta .viba-portfolio-single-description,
.vp-no-content .viba-portfolio-single-meta { width: 100%; padding: 0; }
} .viba-portfolio-single-media { position: relative; overflow: hidden; margin: 0 !important; }
.viba-portfolio-single-media p { margin: 0; padding: 0 } .viba-portfolio-media-caption {
position: absolute; top: 0; left: 40px; right: 0; height: 40px; line-height: 40px; overflow: hidden; max-width: 100%;
background: rgba(0,0,0,.5); color: #fff; opacity: 0; padding: 0 20px 0 0;
font-size: 15px; white-space: nowrap; text-overflow: ellipsis;
-webkit-transform:translate3d(0,2px,0); transform:translate3d(0,2px,0);
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.viba-portfolio-single-media .viba-portfolio-media-link {
position: absolute; top: 0; left: 0; height: 100%; width: 100%; color: inherit; text-decoration: none; border: none; padding: 0; margin: 0; font-weight: normal;
}
.viba-portfolio-media-link::before {
position: absolute; top: 0; left: 0;
height: 40px; width: 40px; line-height: 40px; font-size: 16px; color: inherit;
background: rgba(0,0,0,.5); color: #fff; opacity: 0;
-webkit-transform:translate3d(0,2px,0); transform:translate3d(0,2px,0);
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.js-vp-loading .viba-portfolio-media-caption,
.js-vp-loading .viba-portfolio-media-link { opacity: 0 !important }
.viba-portfolio-single-thumbnail:hover .viba-portfolio-media-caption,
.viba-portfolio-gallery-item:hover .viba-portfolio-media-caption,
.viba-portfolio-single-thumbnail:hover .viba-portfolio-media-link::before,
.viba-portfolio-gallery-item:hover .viba-portfolio-media-link::before {
opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
} .viba-portfolio-single-thumbnail { position: relative; background: rgba(0,0,0,.07); } .viba-portfolio-gallery-item {}
.viba-portfolio-gallery-item-inner { position: relative; background: rgba(0,0,0,.07); }
.viba-portfolio-gallery .owl-wrapper-outer {
-webkit-transition-property: height, width; transition-property: height, width;
-webkit-transition-duration: 0.6s; transition-duration: 0.6s;
}
.viba-portfolio-gallery.viba-portfolio-owl .owl-controls .owl-pagination { height: 0; position: absolute; top: 100%; margin: 0; display: block; }
.viba-portfolio-gallery.viba-portfolio-owl .owl-controls .owl-page span { margin-top: -45px; border: 2px solid #fff; background: #fff; }
.viba-portfolio-gallery.viba-portfolio-owl .owl-controls .owl-page.active span,
.viba-portfolio-gallery.viba-portfolio-owl .owl-controls.clickable .owl-page:hover span { background: rgba(0,0,0,.15); } .viba-portfolio-gallery-slider { display: flex; overflow: hidden; }
.vp-js .viba-portfolio-gallery-slider { opacity: 1; }
.viba-portfolio-gallery-slider .viba-portfolio-gallery-item { flex: 1 0 auto; width: 100%; }
.viba-portfolio-gallery-slider .viba-portfolio-gallery-item:not(:first-child) { display: none; }
.viba-portfolio-gallery-slider.viba-portfolio-owl .viba-portfolio-gallery-item { display: block; } .viba-portfolio-gallery-stacked .viba-portfolio-gallery-item { margin-top: 15px; }
.viba-portfolio-gallery-stacked .viba-portfolio-gallery-item:first-child { margin-top: 0 } .viba-portfolio-gallery-carousel { display: flex; margin: 0 -5px; width: auto; overflow: hidden; }
.vp-js .viba-portfolio-gallery-carousel { opacity: 1; }
.viba-portfolio-gallery-carousel .viba-portfolio-gallery-item { width: 100%; flex: 1 0 auto; padding: 0 5px }
.viba-portfolio-gallery-carousel.viba-portfolio-owl .viba-portfolio-gallery-item { width: 100%; padding: 0; }
.viba-portfolio-gallery-carousel .owl-item { padding: 0 5px }
.viba-portfolio-gallery-carousel.viba-portfolio-owl .owl-prev { left: 20px }
.viba-portfolio-gallery-carousel.viba-portfolio-owl .owl-next { right: 20px }
@media (min-width: 480px) {
.viba-portfolio-gallery-carousel .viba-portfolio-gallery-item { width: 50%; }
}
@media (min-width: 768px) {
.viba-portfolio-gallery-carousel .viba-portfolio-gallery-item { width: 33.33334%; }
} .viba-portfolio-gallery-grid {
width: auto; max-width: none; min-width: 100%; margin: -5px;
}
.viba-portfolio-gallery-grid::after { content: ""; clear: both; display: table; }
.viba-portfolio-gallery-grid .viba-portfolio-gallery-item { float: left; width: 100%; padding: 5px }
.vp-single-sidebars .viba-portfolio-gallery-grid .viba-portfolio-gallery-item { width: 50%;} @media screen and ( min-width: 480px ) {
.viba-portfolio-gallery-grid .viba-portfolio-gallery-item { width: 50%; }
} @media screen and ( min-width: 960px ) {
.viba-portfolio-gallery-grid .viba-portfolio-gallery-item { width: 33.32%; }
} .viba-portfolio-video-item { margin-top: 15px }
.viba-portfolio-video-item:first-child { margin-top: 0 }
.viba-portfolio-single-media .mejs-controls .mejs-time-rail a { border: none; }
.viba-portfolio-single-media .mejs-offscreen { display: none !important; }
.vp-video-item { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.vp-video-item iframe,
.vp-video-item video,
.vp-video-item object,
.vp-video-item embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.viba-portfolio-video video { height: 100% }
.viba-portfolio-video-item .wp-video,
.viba-portfolio-video-item .wp-playlist { width: 100% !important }
.viba-portfolio-video-item .wp-video-shortcode { max-width: 100%; }
.viba-portfolio-video-item .mejs-container { width: 100% !important; height: auto !important; padding-top: 56.25%; margin: 0 !important }
.viba-portfolio-video-item .mejs-overlay, .viba-portfolio-video-item .mejs-poster { width: 100% !important; height: 100% !important; }
.viba-portfolio-video .wp-playlist,
.viba-portfolio-audio .wp-playlist { margin: 0; border: none; padding: 0; }
.viba-portfolio-video .wp-playlist-tracks,
.viba-portfolio-audio .wp-playlist-tracks { margin: 0; padding: 10px 10px 5px 10px; border: 1px solid rgba(0,0,0,.07); border-top: 0; }
.viba-portfolio-video .wp-playlist-item,
.viba-portfolio-audio .wp-playlist-item { border-color: rgba(0,0,0,.07) }
.viba-portfolio-video .wp-playlist-item.wp-playlist-playing,
.viba-portfolio-audio .wp-playlist-item.wp-playlist-playing { background: none }
.viba-portfolio-video .wp-playlist-item .wp-playlist-caption,
.viba-portfolio-audio .wp-playlist-item .wp-playlist-caption { padding: 5px 3px }
.viba-portfolio-video .wp-playlist-item-length,
.viba-portfolio-audio .wp-playlist-item-length { top: 4px }
.viba-portfolio-video .wp-playlist-caption,
.viba-portfolio-audio .wp-playlist-caption { text-decoration: none; font-weight: normal; border: none; }
.viba-portfolio-video .wp-playlist-playing .wp-playlist-caption,
.viba-portfolio-audio .wp-playlist-playing .wp-playlist-caption { font-weight: bold; } .viba-portfolio-audio-item { margin-top: 15px }
.viba-portfolio-audio-item:first-child { margin-top: 0 }
.viba-portfolio-audio iframe { width: 100%; height: auto }
.viba-portfolio-audio .wp-audio-shortcode { max-width: 100%; }
.viba-portfolio-audio .mejs-container { width: 100% !important; margin: 0 !important }
.viba-portfolio-audio .wp-playlist-current-item { display: none; } .viba-portfolio-single-meta { }
.viba-portfolio-single-item .viba-portfolio-single-content .viba-portfolio-single-meta h3 { font-size: 1em; line-height: 1em; margin: 20px 0 5px 0; padding: 0 }
.viba-portfolio-single-item .viba-portfolio-single-meta div:first-child h3 { margin-top: 6px }
.vp-single-meta { font-size: 90%; }
.vp-single-meta span,
.vp-single-meta ul { opacity: .75; text-decoration: none; }
.viba-portfolio-single-item .viba-portfolio-single-categories ul,
.viba-portfolio-single-item .viba-portfolio-single-tags ul { list-style: none; margin: 0; padding: 0; }
.viba-portfolio-single-item .viba-portfolio-single-categories ul li,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li { display: inline-block; margin: 0 5px 0 0; padding: 0; position: relative; background: none }
.viba-portfolio-single-item .viba-portfolio-single-categories ul li::before,
.viba-portfolio-single-item .viba-portfolio-single-categories ul li::after,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li::before,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li::after { display: none !important }
.viba-portfolio-single-item .viba-portfolio-single-categories ul li a::after,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li a::after,
.viba-portfolio-single-item .viba-portfolio-single-categories ul li span::after,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li span::after { content: ","; margin-left: 1px }
.viba-portfolio-single-item .viba-portfolio-single-categories ul li:last-child a::after,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li:last-child a::after,
.viba-portfolio-single-item .viba-portfolio-single-categories ul li:last-child span::after,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li:last-child span::after { display: none; }
.viba-portfolio-single-item .viba-portfolio-single-categories a,
.viba-portfolio-single-item .viba-portfolio-single-tags a,
.viba-portfolio-single-item .viba-portfolio-single-client a { text-decoration: none; border: none; padding: 0; margin: 0;
}
.viba-portfolio-single-item .viba-portfolio-single-project-link { margin: 20px 0 0 0; } .viba-portfolio-single-item .viba-portfolio-likes {
float: left; font-size: 14px; height: 40px; line-height: 40px; padding: 0 15px; margin: 20px -1px 0 0;
display: flex; align-items: center; gap: 4px;
border: 1px solid rgba(0,0,0,.07);
}
.viba-portfolio-single-item .viba-portfolio-likes::before { line-height: 1; }
.viba-portfolio-single-item .viba-portfolio-likes:hover { border-color: rgba(0,0,0,.07); } .viba-portfolio-share-icons { display: inline-block;  margin-top: 20px; }
.viba-portfolio-share-icons ul { list-style: none !important; margin: 0 !important; padding: 0 !important }
.viba-portfolio-share-icons ul::after { content: ""; display: table; clear: both; }
.viba-portfolio-share-icons ul li { float: left; margin: 0 -1px 10px 0; padding: 0; list-style: none !important; background: none }
.viba-portfolio-share-icons ul li::before,
.viba-portfolio-share-icons ul li::after { display: none !important }
.viba-portfolio-single-meta .viba-portfolio-share {
width: 40px; height: 40px; line-height: 40px; font-size: 0; text-align: center; display: block; overflow: hidden;
border: 1px solid rgba(0,0,0,.07);
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.viba-portfolio-share::before { font-size: 16px; color: inherit; }
.viba-portfolio-single-meta .vp-share { display: none; }
.viba-portfolio-single-meta .vp-share-facebook:hover { color: #fff; background: #3b5998; border-color: #3b5998 }
.viba-portfolio-single-meta .vp-share-twitter:hover { color: #fff; background: #00aced; border-color: #00aced }
.viba-portfolio-single-meta .vp-share-google-plus:hover { color: #fff; background: #dd4b39; border-color: #dd4b39 }
.viba-portfolio-single-meta .vp-share-pinterest:hover { color: #fff; background: #cb2027; border-color: #cb2027 }
.viba-portfolio-single-meta .vp-share-linkedin:hover { color: #fff; background: #007bb6; border-color: #007bb6 }
.viba-portfolio-single-meta .vp-share-reddit:hover { color: #fff; background: #ff5700; border-color: #ff5700 }
.viba-portfolio-single-meta .vp-share-tumblr:hover { color: #fff; background: #32506d; border-color: #32506d }
.viba-portfolio-single-meta .vp-share-vk:hover { color: #fff; background: #45668e; border-color: #45668e }
.viba-portfolio-single-meta .vp-share-mail:hover { color: #fff; background: #5bc1af; border-color: #5bc1af } .viba-portfolio-single-pagination::before, .viba-portfolio-single-pagination::after { content: ""; display: table; clear: both; }
.viba-portfolio-single-pagination { position: relative;  margin-top: 50px; text-align: center; }
.single-viba-portfolio .viba-portfolio-single-pagination .vp-pagination-single-archives,
.single-viba-portfolio .viba-portfolio-single-pagination .vp-pagination-single-arrow a {
position: relative; display: inline-block; vertical-align: middle; height: 50px; width: 50px; line-height: 50px; font-size: 0;
border: 1px solid rgba(0,0,0,.07); color: inherit; margin-right: -1px;
-webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; padding: 0; font-weight: normal;
}
.vp-pagination-single-arrow::before,
.vp-pagination-single-archives::before { line-height: inherit; }
.vp-pagination-single-arrow { display: inline-block; }
.vp-pagination-single-arrow span {
position: absolute; top: -1px; min-width: 10px; max-width: 300px;  height: 50px; padding: 0 10px; opacity: 0; visibility: hidden; overflow: hidden;
border: 1px solid rgba(0,0,0,.07);
font-size: 14px; white-space: nowrap; text-overflow: ellipsis;
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.vp-pagination-single-arrow.vp-nav-previous span {
right: 100%; text-align: right;
-webkit-transform:translate3d(5px,0,0); transform:translate3d(5px,0,0);
}
.vp-pagination-single-arrow.vp-nav-next span {
left: 100%; text-align: left;
-webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0);
} @media screen and ( min-width: 1024px ) {
.vp-pagination-single-arrow:hover span { opacity: 1; visibility: visible; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
} .viba-portfolio-related { margin-top: 50px }
.viba-portfolio-related-title { margin-bottom: 0.67em; }.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//acagp.com/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//acagp.com/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//acagp.com/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}.mejs-container{clear:both;max-width:100%}.mejs-container *{font-family:Helvetica,Arial}.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body{background:#222}.mejs-time{font-weight:400;word-wrap:normal}.mejs-controls a.mejs-horizontal-volume-slider{display:table}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#fff}.mejs-controls .mejs-time-rail .mejs-time-current{background:#0073aa}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total{background:rgba(255,255,255,.33)}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span{border-radius:0}.mejs-overlay-loading{background:0 0}.mejs-controls button:hover{border:none;-webkit-box-shadow:none;box-shadow:none}.me-cannotplay{width:auto!important}.media-embed-details .wp-audio-shortcode{display:inline-block;max-width:400px}.audio-details .embed-media-settings{overflow:visible}.media-embed-details .embed-media-settings .setting span:not(.button-group){max-width:400px;width:auto}.media-embed-details .embed-media-settings .checkbox-setting span{display:inline-block}.media-embed-details .embed-media-settings{padding-top:0;top:28px}.media-embed-details .instructions{padding:16px 0;max-width:600px}.media-embed-details .setting .remove-setting,.media-embed-details .setting p{color:#a00;font-size:10px;text-transform:uppercase}.media-embed-details .setting .remove-setting{padding:5px 0}.media-embed-details .setting a:hover{color:#dc3232}.media-embed-details .embed-media-settings .checkbox-setting{float:none;margin:0 0 10px}.wp-video{max-width:100%;height:auto}.wp_attachment_holder .wp-audio-shortcode,.wp_attachment_holder .wp-video{margin-top:18px}.wp-video-shortcode video,video.wp-video-shortcode{max-width:100%;display:inline-block}.video-details .wp-video-holder{width:100%;max-width:640px}.wp-playlist{border:1px solid #ccc;padding:10px;margin:12px 0 18px;font-size:14px;line-height:1.5}.wp-admin .wp-playlist{margin:0 0 18px}.wp-playlist video{display:inline-block;max-width:100%}.wp-playlist audio{display:none;max-width:100%;width:400px}.wp-playlist .mejs-container{margin:0;max-width:100%}.wp-playlist .mejs-controls .mejs-button button{outline:0}.wp-playlist-light{background:#fff;color:#000}.wp-playlist-dark{color:#fff;background:#000}.wp-playlist-caption{display:block;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5}.wp-playlist-item .wp-playlist-caption{text-decoration:none;color:#000;max-width:-webkit-calc(100% - 40px);max-width:calc(100% - 40px)}.wp-playlist-item-meta{display:block;font-size:14px;line-height:1.5}.wp-playlist-item-title{font-size:14px;line-height:1.5}.wp-playlist-item-album{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-playlist-item-artist{font-size:12px;text-transform:uppercase}.wp-playlist-item-length{position:absolute;right:3px;top:0;font-size:14px;line-height:1.5}.rtl .wp-playlist-item-length{left:3px;right:auto}.wp-playlist-tracks{margin-top:10px}.wp-playlist-item{position:relative;cursor:pointer;padding:0 3px;border-bottom:1px solid #ccc}.wp-playlist-item:last-child{border-bottom:0}.wp-playlist-light .wp-playlist-caption{color:#333}.wp-playlist-dark .wp-playlist-caption{color:#ddd}.wp-playlist-playing{font-weight:700;background:#f7f7f7}.wp-playlist-light .wp-playlist-playing{background:#fff;color:#000}.wp-playlist-dark .wp-playlist-playing{background:#000;color:#fff}.wp-playlist-current-item{overflow:hidden;margin-bottom:10px;height:60px}.wp-playlist .wp-playlist-current-item img{float:left;max-width:60px;height:auto;margin-right:10px;padding:0;border:0}.rtl .wp-playlist .wp-playlist-current-item img{float:right;margin-left:10px;margin-right:0}.wp-playlist-current-item .wp-playlist-item-artist,.wp-playlist-current-item .wp-playlist-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-audio-playlist .me-cannotplay span{padding:5px 15px}