.mfp-bg { top:0; left:0; width:100%; height:100%; z-index:100002; overflow:hidden; position:fixed; background:#0b0b0b; opacity:.8; filter:alpha(opacity=80) }
.mfp-wrap { top:0; left:0; width:100%; height:100%; z-index:100003; position:fixed; outline:none !important; -webkit-backface-visibility:hidden }
.mfp-container { text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mfp-container:before { content:''; display:inline-block; height:100%; vertical-align:middle }
.mfp-align-top .mfp-container:before { display:none }
.mfp-content { position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:100005 }
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width:100%; cursor:auto }
.mfp-ajax-cur { cursor:progress }
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out }
.mfp-zoom { cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in }
.mfp-auto-cursor .mfp-content { cursor:auto }
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select:none; -moz-user-select:none; user-select:none }
.mfp-loading.mfp-figure { display:none }
.mfp-hide { display:none !important }
.mfp-preloader { color:#ccc; position:absolute; top:50%; width:auto; text-align:center; margin-top:-0.8em; left:8px; right:8px; z-index:100004 }
.mfp-preloader a { color:#ccc }
.mfp-preloader a:hover { color:white }
.mfp-s-ready .mfp-preloader { display:none }
.mfp-s-error .mfp-content { display:none }
button.mfp-close,button.mfp-arrow { overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:0; padding:0; z-index:100006; -webkit-box-shadow:none; box-shadow:none }
button::-moz-focus-inner { padding:0; border:0 }
.mfp-close { width:44px; height:44px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:.65; filter:alpha(opacity=65); padding:0 0 18px 10px; color:white; font-style:normal; font-size:28px; font-family:Arial,Baskerville,monospace }
.mfp-close:hover,.mfp-close:focus { opacity:1; filter:alpha(opacity=100) }
.mfp-close:active { top:1px }
.mfp-close-btn-in .mfp-close { color:#333 }
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color:white; right:-6px; text-align:right; padding-right:6px; width:100% }
.mfp-counter { position:absolute; top:0; right:0; color:#ccc; font-size:12px; line-height:18px }
.mfp-arrow { position:absolute; opacity:.65; filter:alpha(opacity=65); margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:rgba(0,0,0,0) }
.mfp-arrow:active { margin-top:-54px }
.mfp-arrow:hover,.mfp-arrow:focus { opacity:1; filter:alpha(opacity=100) }
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a { content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent }
.mfp-arrow:after,.mfp-arrow .mfp-a { border-top-width:13px; border-bottom-width:13px; top:8px }
.mfp-arrow:before,.mfp-arrow .mfp-b { border-top-width:21px; border-bottom-width:21px; opacity:.7 }
.mfp-arrow-left { left:0 }
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a { border-right:17px solid white; margin-left:31px }
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b { margin-left:25px; border-right:0 }
.mfp-arrow-right { right:0 }
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a { border-left:17px solid white; margin-left:39px }
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b { border-left:0 }
.mfp-iframe-holder { padding-top:40px; padding-bottom:40px }
.mfp-iframe-holder .mfp-content { line-height:0; width:100%; max-width:900px }
.mfp-iframe-holder .mfp-close { top:-40px }
.mfp-iframe-scaler { width:100%; height:0; overflow:hidden; padding-top:56.25% }
.mfp-iframe-scaler iframe { position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0,0,0,0.6); background:black }
img.mfp-img { width:auto; max-width:100%; height:auto; display:block; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:40px 0 40px; margin:0 auto }
.mfp-figure { line-height:0 }
.mfp-figure:after { content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0,0,0,0.6); background:#444 }
.mfp-figure small { color:#bdbdbd; display:block; font-size:12px; line-height:14px }
.mfp-figure figure { margin:0 }
.mfp-bottom-bar { margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto }
.mfp-title { text-align:left; line-height:18px; color:#f3f3f3; word-wrap:break-word; padding-right:36px }
.mfp-image-holder .mfp-content { max-width:100% }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor:pointer }
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) { 
.mfp-img-mobile .mfp-image-holder { padding-left:0; padding-right:0 }
.mfp-img-mobile img.mfp-img { padding:0 }
.mfp-img-mobile .mfp-figure:after { top:0; bottom:0 }
.mfp-img-mobile .mfp-figure small { display:inline; margin-left:5px }
.mfp-img-mobile .mfp-bottom-bar { background:rgba(0,0,0,0.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mfp-img-mobile .mfp-bottom-bar:empty { padding:0 }
.mfp-img-mobile .mfp-counter { right:5px; top:3px }
.mfp-img-mobile .mfp-close { top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0,0,0,0.6); position:fixed; text-align:center; padding:0 }
}
@media all and (max-width:900px) { 
.mfp-arrow { -webkit-transform:scale(0.75); transform:scale(0.75) }
.mfp-arrow-left { -webkit-transform-origin:0 0; transform-origin:0 0 }
.mfp-arrow-right { -webkit-transform-origin:100%; transform-origin:100% }
.mfp-container { padding-left:6px; padding-right:6px }
}
.mfp-ie7 .mfp-img { padding:0 }
.mfp-ie7 .mfp-bottom-bar { width:600px; left:50%; margin-left:-300px; margin-top:5px; padding-bottom:5px }
.mfp-ie7 .mfp-container { padding:0 }
.mfp-ie7 .mfp-content { padding-top:44px }
.mfp-ie7 .mfp-close { top:0; right:0; padding-top:0 }
.mfp-ready .mfp-figure { opacity:0 }
.mfp-zoom-in .mfp-figure { opacity:0; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; -webkit-transform:scale(0.9); transform:scale(0.9)  }
.mfp-zoom-in.mfp-bg,.mfp-zoom-in .mfp-preloader { opacity:0; -webkit-transition:all .3s ease-out;  transition:all .3s ease-out }
.mfp-zoom-in.mfp-image-loaded .mfp-figure { opacity:1; -webkit-transform:scale(1);  transform:scale(1) }
.mfp-zoom-in.mfp-ready.mfp-bg,.mfp-zoom-in.mfp-ready .mfp-preloader { opacity:.8 }
.mfp-zoom-in.mfp-removing .mfp-figure { -webkit-transform:scale(0.9);  transform:scale(0.9); opacity:0 }
.mfp-zoom-in.mfp-removing.mfp-bg,.mfp-zoom-in.mfp-removing .mfp-preloader { opacity:0 }
.mfp-preloader  { 
width:50px; height:50px; background-color:#FFF; opacity: 1; margin:0 auto; border-radius: 3px;
-webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes rotateplane {
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);
}
}.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 { }
.vp-modal-open { overflow: hidden; }
.viba-portfolio { 
list-style: none; 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-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; } @font-face {
font-family: 'viba-portfolio';
src: url(//heydensecurit.de/wp-content/plugins/viba-portfolio/assets/css/../font/viba-portfolio.eot?5836488);
src: url(//heydensecurit.de/wp-content/plugins/viba-portfolio/assets/css/../font/viba-portfolio.eot?5836488#iefix) format('embedded-opentype'),
url(//heydensecurit.de/wp-content/plugins/viba-portfolio/assets/css/../font/viba-portfolio.woff?5836488) format('woff'),
url(//heydensecurit.de/wp-content/plugins/viba-portfolio/assets/css/../font/viba-portfolio.ttf?5836488) format('truetype'),
url(//heydensecurit.de/wp-content/plugins/viba-portfolio/assets/css/../font/viba-portfolio.svg?5836488#viba-portfolio) format('svg');
font-weight: normal;
font-style: normal;
font-display:swap;}
.vp-loader,
.viba-portfolio-item-button::before,
.viba-portfolio-likes::before,
.viba-portfolio-categories::before,
.viba-portfolio-categories::after,
.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-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-close::before { content: "\e810"; }
.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"; }
.viba-portfolio-categories::before,
.viba-portfolio-categories::after { content: "\e812"; }
.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.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 .4s; transition: all .4s;
}
.js-vp-loading .viba-portfolio-loader { opacity: 1; visibility: visible; -webkit-transition: all .4s; transition: all .4s; }
.js-vp-loaded .viba-portfolio-loader { opacity: 0; visibility: hidden; -webkit-transition: all .4s; transition: all .4s;}
.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: 3px }
.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; } .vp-items-horizontal-flipbook,
.vp-items-vertical-flipbook { -moz-perspective: 1800px; -webkit-perspective: 1800px; perspective: 1800px;-webkit-transform-style: flat;  }
.vp-items-vertical-flipbook .viba-portfolio-item { -webkit-transform-origin: top center; transform-origin: top center; }
.vp-items-horizontal-flipbook .viba-portfolio-item { -webkit-transform-origin: left top; transform-origin: left top; }
.vp-items-rotate-down-left .viba-portfolio-item { -webkit-transform-origin:top left;transform-origin:top left; }
.vp-items-rotate-down-right .viba-portfolio-item { -webkit-transform-origin:top right;transform-origin:top right; }
.vp-items-rotate-up-left .viba-portfolio-item { -webkit-transform-origin:bottom left;transform-origin:bottom left; }
.vp-items-rotate-up-right .viba-portfolio-item { -webkit-transform-origin:bottom right;transform-origin:bottom right; }
.js-vp-loaded .vp-items-fade .viba-portfolio-item { -webkit-animation-name: vpFade; animation-name: vpFade; }
.js-vp-loaded .vp-items-scale .viba-portfolio-item { -webkit-animation-name: vpScale; animation-name: vpScale; }
.js-vp-loaded .vp-items-rotate .viba-portfolio-item { -webkit-animation-name: vpRotate; animation-name: vpRotate; }
.js-vp-loaded .vp-items-rotate-down-left .viba-portfolio-item { -webkit-animation-name: vpRotateDownLeft; animation-name: vpRotateDownLeft; }
.js-vp-loaded .vp-items-rotate-down-right .viba-portfolio-item { -webkit-animation-name: vpRotateDownRight; animation-name: vpRotateDownRight; }
.js-vp-loaded .vp-items-rotate-up-left .viba-portfolio-item { -webkit-animation-name: vpRotateUpLeft; animation-name: vpRotateUpLeft; }
.js-vp-loaded .vp-items-rotate-up-right .viba-portfolio-item { -webkit-animation-name: vpRotateUpRight; animation-name: vpRotateUpRight; }
.js-vp-loaded .vp-items-slide-top .viba-portfolio-item { -webkit-animation-name: vpInTop; animation-name: vpInTop; }
.js-vp-loaded .vp-items-slide-right .viba-portfolio-item { -webkit-animation-name: vpInRight; animation-name: vpInRight; }
.js-vp-loaded .vp-items-slide-bottom .viba-portfolio-item { -webkit-animation-name: vpInBottom; animation-name: vpInBottom; }
.js-vp-loaded .vp-items-slide-left .viba-portfolio-item { -webkit-animation-name: vpInLeft; animation-name: vpInLeft; }
.js-vp-loaded .vp-items-horizontal-flip .viba-portfolio-item { -webkit-animation-name: vpHorizontalFlip; animation-name: vpHorizontalFlip; }
.js-vp-loaded .vp-items-vertical-flip .viba-portfolio-item { -webkit-animation-name: vpVerticalFlip; animation-name: vpVerticalFlip; }
.js-vp-loaded .vp-items-horizontal-flipbook .viba-portfolio-item { -webkit-animation-name: vpHorizontalFlipbook; animation-name: vpHorizontalFlipbook; }
.js-vp-loaded .vp-items-vertical-flipbook .viba-portfolio-item { -webkit-animation-name: vpVerticalFlipbook; animation-name: vpVerticalFlipbook; }  .vp-js .vp-layout-grid,
.vp-js .vp-layout-multi-size-grid { height: 150px; opacity: 0; overflow: hidden; }
.js-vp-loaded .vp-layout-grid,
.js-vp-ready .vp-layout-grid,
.js-vp-loaded .vp-layout-multi-size-grid,
.js-vp-ready .vp-layout-multi-size-grid { opacity: 1; overflow: visible; }
.viba-portfolio .viba-portfolio-item {  width: 33.33%; margin: 0; display: inline-block; vertical-align: top; float: left; } 
.viba-portfolio-item-inner { 
width: 100%; display: block; position: relative; 
} .vp-col-mp-6 .viba-portfolio-item { width: 16.667% }
.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.334% }
.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.334% }
.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.667% }
.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-6 .viba-portfolio-item { width: 16.667% }
.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.334% }
.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.334% }
.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.667% }
.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-6 .viba-portfolio-item { width: 16.667% }
.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.334% }
.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.334% }
.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.667% }
.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-6 .viba-portfolio-item { width: 16.667% }
.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.334% }
.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.334% }
.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.667% }
.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-6 .viba-portfolio-item { width: 16.667% }
.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.334% }
.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.334% }
.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.667% }
.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-6 .viba-portfolio-item { width: 16.667% }
.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.334% }
.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.334% }
.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.667% }
.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% }
}  .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; z-index: 2 }
.viba-portfolio-owl .owl-wrapper { display:none; position:absolute; height: 100%; }
.viba-portfolio-owl .owl-wrapper-outer { position:relative; width:100%; overflow: hidden; z-index: 2; }
.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 { height: 150px; overflow: hidden; opacity: 0; }
.js-vp-ready .vp-layout-carousel { height: auto; overflow: visible; }
.vp-layout-carousel .owl-wrapper-outer { 
height: 150px; overflow: hidden; z-index: 2;
-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(//heydensecurit.de/wp-content/cache/asset-cleanup/css/img/openhand.cur) 8 8, move; cursor: -webkit-grab; cursor: -moz-grab; }
.viba-portfolio-owl .grabbing .owl-item { cursor: url(//heydensecurit.de/wp-content/cache/asset-cleanup/css/img/closedhand.cur) 8 8, move; cursor: -webkit-grabbing; cursor: -moz-grabbing; } .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; cursor: pointer; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; color: #fff; background: rgba(255,255,255,.25) }
.viba-portfolio-owl .owl-buttons div::before { font-size: 18px; line-height: 48px; }
.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: 15px; }
.viba-portfolio-owl .owl-controls .owl-page { display: inline-block; }
.viba-portfolio-owl .owl-controls .owl-page span { 
display: block; width: 13px; height: 13px; margin: 0 3px; border-radius: 50%; border: 2px solid #bbb;
-webkit-transition: all 0.4s; transition: all 0.4s; 
}
.viba-portfolio-owl .owl-controls .owl-page.active span,
.viba-portfolio-owl .owl-controls.clickable .owl-page:hover span { background: #bbb; } @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.6); transform: translate3d(0,0,0) scale(0.6); }
.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,-100%,0); transform: translate3d(0,-100%,0); }
.vp-layout-carousel.vp-items-slide-right .owl-item .viba-portfolio-item { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
.vp-layout-carousel.vp-items-slide-bottom .owl-item .viba-portfolio-item { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
.vp-layout-carousel.vp-items-slide-left .owl-item .viba-portfolio-item { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,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); }
} .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;
-webkit-transition: all 0.4s; transition: all 0.4s;
}
.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-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: 10px 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: 3px; 
-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-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-categories { }
.viba-portfolio-categories::before,
.viba-portfolio-categories::after { font-size: inherit; margin-top: -2px; line-height: inherit; }
.viba-portfolio-categories span { margin: 0 2px; display: inline-block; }
.viba-portfolio-categories span:first-child { margin: 0 }
.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-short-description p { margin: 10px 0 0 0 } .viba-portfolio-likes { 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; margin: 0; padding: 0; margin-right: -1px; margin-bottom: 5px }
.viba-portfolio-filter li a { 
padding: 5px 10px; display: block; color: #999; border: 1px solid #ddd; background: #fafafa; cursor: pointer; text-decoration: none;
-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; 
}
.viba-portfolio-filter li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px }
.viba-portfolio-filter li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .vp-filter-button { 
position: relative; cursor: pointer; padding: 10px 15px; display: inline-block; 
-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; border-radius: 3px;
background: #fafafa; border: 1px solid #ddd;
}
.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: 10; 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; background: #fafafa; border-color: #ddd; }
.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; z-index: -2;
visibility: hidden; opacity: 0; 
-webkit-transform:translate3d( 0,-10px,0 );  transform:translate3d( 0,-10px,0 );
-webkit-transition:all 0.4s; transition:all 0.4s; 
background: #fafafa; border: 1px solid #ddd; 
}
.viba-portfolio-wrapper .vp-filter-dropdown ul li { display: block; margin: 0 0 -1px 0 }
.vp-filter-dropdown ul li a { padding: 8px 15px; box-shadow: none; border:0; border-radius: 0; background: none; color: #999; }
.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 .4s; transition: all .4s; 
-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: #999; }
.viba-portfolio-pagination .vp-load-more,
.viba-portfolio-pagination .vp-pagination-arrow a,
.viba-portfolio-pagination .page-numbers .page-numbers { background: #fafafa; border-color: #ddd; }
.viba-portfolio-pagination .vp-pagination-arrow { color: #ddd; }
.viba-portfolio-pagination .vp-pagination-arrow a { color: #999;; }
.viba-portfolio-pagination .vp-pagination-arrow-desc { color: #999; } .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; list-style: none; font-size: 0 }
.vp-pagination-numbers .page-numbers .page-numbers { display: inline-block; padding: 2px 12px;  margin-right: -1px; position: relative; overflow: hidden; }
.vp-pagination-numbers .page-numbers li:first-child .page-numbers { border-top-left-radius: 3px; border-bottom-left-radius: 3px }
.vp-pagination-numbers .page-numbers li:last-child .page-numbers { border-top-right-radius: 3px; border-bottom-right-radius: 3px }
.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: 40px; 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: 3px; border-bottom-left-radius: 3px; }
.vp-pagination-arrow.vp-nav-next a { border-top-right-radius: 3px; border-bottom-right-radius: 3px }
.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: 38px; z-index: 2 }
.vp-pagination-arrow a span { display: none; } .viba-portfolio-pagination .vp-load-more { position: relative; overflow: hidden; display: inline-block; padding: 15px; border-radius: 3px; cursor: pointer; }
.vp-load-more .vp-load-more-count { display: inline-block; margin-left: 5px }
.vp-load-more .vp-load-more-text,
.vp-load-more .vp-load-more-loader { -webkit-transition: opacity .4s, -webkit-transform .4s; transition: opacity .4s, transform .4s;  }
.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 .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:vpRotate infinite linear 1.5s; animation:vpRotate 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 #ddd;
}
.vp-ajax-actions-wrapper .vp-ajax-actions { display: inline-block; }
.vp-ajax-actions-wrapper .vp-ajax-actions a { 
padding: 0; height: 49px; width: 50px; text-align: center; font-size: 0; font-weight: bold; display: inline-block; cursor: pointer;
color: #333; border: none; border-left: 1px solid #ddd; 
-webkit-transition: all 0.4s; transition: all 0.4s; 
}
.vp-ajax-actions-wrapper .vp-ajax-actions a::before { line-height: 50px; }
.vp-ajax-actions-wrapper .vp-ajax-actions a:hover { border-color: #ddd; color: #111; background: #eee }
.vp-ajax-close {  } .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: 0 0 20px 0; padding: 0; font-size: 26px } @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: 0 0 30px 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.4s; transition: all 0.4s;  
} @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: #f1f1f1; 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.4s; transition: all 0.4s;  
}
.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.7); transform: translate3d(0,0,0) scale(0.7);  }
.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,-50%,0); transform:translate3d(0,-50%,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(50%,0,0); transform:translate3d(50%,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,50%,0); transform:translate3d(0,50%,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(-50%,0,0); transform:translate3d(-50%,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(720deg); transform: translate3d(0,0,0) scale(0) rotate(720deg); }
.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; max-height: 0; 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 { background: #fcfcfc; border: 1px solid #ddd; }
.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 { background: #fcfcfc; border: 1px solid #ddd; 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  } .js-vp-ready .vp-ajax-wrapper .viba-portfolio-gallery { height: 150px; opacity: 0; overflow: hidden; }
.js-vp-ready .vp-ajax-wrapper .js-vp-ready .viba-portfolio-gallery,
.js-vp-ready .vp-ajax-wrapper .viba-portfolio-gallery-stacked { height: auto; overflow: visible; opacity: 1;  }
.js-vp-ready .vp-ajax-wrapper .js-vp-ready .viba-portfolio-gallery.viba-portfolio-gallery-carousel,
.js-vp-ready .vp-ajax-wrapper .js-vp-ready .viba-portfolio-gallery.viba-portfolio-gallery-slider { overflow: hidden; } .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; color: #666; background: none; border: none; border-right: 1px solid #ddd;
-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 #ddd }
.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;
color: #666; background: none; border:none; border-right: 1px solid #ddd;
-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
}
}  .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 } @-webkit-keyframes vpFade { 		
0% { opacity: 0 } 	
100% { opacity: 1 } 
}
@keyframes vpFade { 		
0% { opacity: 0 } 	
100% { opacity: 1 }  
}
@-webkit-keyframes vpPulse { 		
0% { -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1); }
100% { -webkit-transform:translate3d(0,0,0) scale(.7); transform:translate3d(0,0,0) scale(.7); } 
}
@keyframes vpPulse { 		
0% { -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1); }
100% { -webkit-transform:translate3d(0,0,0) scale(.7); transform:translate3d(0,0,0) scale(.7); } 
}
@-webkit-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 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); } 
}
@-webkit-keyframes vpScale { 		
0% { -webkit-transform:translate3d(0,0,0) scale(0.4); opacity: 0; transform:translate3d(0,0,0) scale(0.4); opacity: 0; } 	
100% { -webkit-transform:translate3d(0,0,0); opacity: 1; transform:translate3d(0,0,0); opacity: 1; } 
}
@keyframes vpScale { 		
0% { -webkit-transform:translate3d(0,0,0) scale(0.4); opacity: 0; transform:translate3d(0,0,0) scale(0.4); opacity: 0; } 	
100% { -webkit-transform:translate3d(0,0,0); opacity: 1; transform:translate3d(0,0,0); opacity: 1; } 
}
@-webkit-keyframes vpRotate { 
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 vpRotate { 
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); } 
}
@-webkit-keyframes vpRotateDownLeft { 
0% { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); }
100% { -webkit-transform: translate3d(0,0,0) rotate(0deg); transform: translate3d(0,0,0) rotate(0deg); }  
}
@keyframes vpRotateDownLeft { 
0% { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); }
100% { -webkit-transform: translate3d(0,0,0) rotate(0deg); transform: translate3d(0,0,0) rotate(0deg); }  
}
@-webkit-keyframes vpRotateDownRight { 
0% { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); }
100% { -webkit-transform: translate3d(0,0,0) rotate(0deg); transform: translate3d(0,0,0) rotate(0deg); }  
}
@keyframes vpRotateDownRight { 
0% { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); }
100% { -webkit-transform: translate3d(0,0,0) rotate(0deg); transform: translate3d(0,0,0) rotate(0deg); }  
}
@-webkit-keyframes vpRotateUpLeft { 
0% { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); }
100% { -webkit-transform: translate3d(0,0,0) rotate(0deg); transform: translate3d(0,0,0) rotate(0deg); }  
}
@keyframes vpRotateUpLeft { 
0% { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); }
100% { -webkit-transform:  rotate(0deg); transform:  rotate(0deg); }  
}
@-webkit-keyframes vpRotateUpRight { 
0% { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); }
100% { -webkit-transform: translate3d(0,0,0) rotate(0deg); transform: translate3d(0,0,0) rotate(0deg); }  
}
@keyframes vpRotateUpRight { 
0% { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); }
100% { -webkit-transform: translate3d(0,0,0) rotate(0deg); transform: translate3d(0,0,0) rotate(0deg); }  
}
@-webkit-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 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); } 
}
@-webkit-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 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); } 
}
@-webkit-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 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); } 
}
@-webkit-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 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); } 
}
@-webkit-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 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); } 
}
@-webkit-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 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); } 
}
@-webkit-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 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); } 
}
@-webkit-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 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); } 
}
@-webkit-keyframes vpVerticalFlip { 		
0% { -webkit-transform:translate3d(0,0,0) rotateX(180deg); transform:translate3d(0,0,0) rotateX(180deg); } 	
100% { -webkit-transform:translate3d(0,0,0) rotateX(0deg); transform:translate3d(0,0,0) rotateX(0deg); } 
}
@keyframes vpVerticalFlip { 		
0% { -webkit-transform:translate3d(0,0,0) rotateX(180deg); transform:translate3d(0,0,0) rotateX(180deg); } 	
100% { -webkit-transform:translate3d(0,0,0) rotateX(0deg); transform:translate3d(0,0,0) rotateX(0deg); } 
}
@-webkit-keyframes vpHorizontalFlip { 		
0% { -webkit-transform:translate3d(0,0,0) rotateY(180deg); transform:translate3d(0,0,0) rotateY(180deg); } 	
100% { -webkit-transform:translate3d(0,0,0) rotateY(0deg); transform:translate3d(0,0,0) rotateY(0deg); } 
}
@keyframes vpHorizontalFlip { 		
0% { -webkit-transform:translate3d(0,0,0) rotateY(180deg); transform:translate3d(0,0,0) rotateY(180deg); } 	
100% { -webkit-transform:translate3d(0,0,0) rotateY(0deg); transform:translate3d(0,0,0) rotateY(0deg); } 
}
@-webkit-keyframes vpVerticalFlipbook { 		
0% { -webkit-transform:translate3d(0,0,0) rotateX(90deg); transform:translate3d(0,0,0) rotateX(90deg); } 	
100% { -webkit-transform:translate3d(0,0,0) rotateX(0deg); transform:translate3d(0,0,0) rotateX(0deg); } 
}
@keyframes vpVerticalFlipbook { 		
0% { -webkit-transform:translate3d(0,0,0) rotateX(90deg); transform:translate3d(0,0,0) rotateX(90deg); } 	
100% { -webkit-transform:translate3d(0,0,0) rotateX(0deg); transform:translate3d(0,0,0) rotateX(0deg); } 
}
@-webkit-keyframes vpHorizontalFlipbook { 		
0% { -webkit-transform:translate3d(0,0,0) rotateY(-90deg); transform:translate3d(0,0,0) rotateY(-90deg); } 	
100% { -webkit-transform:translate3d(0,0,0) rotateY(0deg); transform:translate3d(0,0,0) rotateY(0deg); } 
}
@keyframes vpHorizontalFlipbook { 		
0% { -webkit-transform:translate3d(0,0,0) rotateY(-90deg); transform:translate3d(0,0,0) rotateY(-90deg); } 	
100% { -webkit-transform:translate3d(0,0,0) rotateY(0deg); transform:translate3d(0,0,0) rotateY(0deg); } 
}
@-webkit-keyframes vpLoader1 { 
100% { -webkit-transform: translate3d(0,0,0) rotate(360deg); transform: translate3d(0,0,0) rotate(360deg); } 
}
@keyframes vpLoader1 { 
100% { -webkit-transform: translate3d(0,0,0) rotate(360deg); transform: translate3d(0,0,0) rotate(360deg); } 
}
@-webkit-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 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; }
}
@-webkit-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 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); }
}
@-webkit-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-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); }
}
@-webkit-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 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); }
}
@-webkit-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 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); }
}
@-webkit-keyframes vpLoader7 {
0% { margin: 20%; width: 10%; height: 10% }
50% { margin: 10%; width: 80%; height: 80% }
100% { margin: 20%; width: 10%; height: 10% }
}
@keyframes vpLoader7 {
0% { margin: 20%; width: 10%; height: 10% }
50% { margin: 10%; width: 80%; height: 80% }
100% { margin: 20%; width: 10%; height: 10% }
}
@-webkit-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 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); }
}
@-webkit-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 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); }
}
@-webkit-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); }
}
@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; 
-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 { -webkit-transition: all .4s ease-out; transition: all .4s 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 { -webkit-transition: all .4s ease-out; transition: all .4s 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 .4s;  }
.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 { -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-inner {  -webkit-transition: all .45s ease-out; transition: all .45s ease-out; }
.vp-fluorine .viba-portfolio-item-inner:hover { z-index: 3; -webkit-transform: translate3d(0,-25px,0); -ms-transform:translate(0,-25px); transform: translate3d(0,-25px,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; 
}
.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 { 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 ); }.viba-portfolio-single-item { float: none; display: block; width: 100%; }
.viba-portfolio-single-item::after { content: ''; display: table; clear: both; }
.viba-portfolio-single-item .viba-portfolio-single-media img { width: 100%; height: auto; display: block; }
.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: 20px } @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; }
.viba-portfolio-single-media p { margin: 0; padding: 0 } .viba-portfolio-media-caption { 
position: absolute; top: 0; left: 0; right: 0; height: 40px; line-height: 40px; overflow: hidden; max-width: 100%;
background: rgba(0,0,0,.2); color: #fff; opacity: 0; padding: 0 20px 0 50px; 
text-transform: uppercase; font-size: 12px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; 
-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0);
-webkit-transition: all 0.4s; transition: all 0.4s; 
}
.viba-portfolio-single-media .viba-portfolio-media-link { 
position: absolute; top: 0; left: 0; height: 40px; width: 40px;
background: rgba(0,0,0,.5); text-align: center; opacity: 0;
-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); 
-webkit-transition: all 0.4s; transition: all 0.4s; color: inherit; text-decoration: none; border: none; padding: 0; margin: 0; font-weight: normal;
}
.viba-portfolio-single-media .viba-portfolio-media-link { color: #fff }
.viba-portfolio-single-media .viba-portfolio-media-link:hover { color: #fff; }
.viba-portfolio-media-link::before { line-height: 40px; font-size: 16px; color: inherit; }
.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,
.viba-portfolio-gallery-item:hover .viba-portfolio-media-link { opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .viba-portfolio-single-thumbnail { position: relative; }
.vp-js .viba-portfolio-single-thumbnail { height: 150px; overflow: hidden; }
.js-vp-ready.viba-portfolio-single-thumbnail { overflow: visible; height: auto }
.vp-js .viba-portfolio-single-thumbnail img { -webkit-transition: opacity .4s; transition: opacity .4s; opacity: 0; }
.js-vp-ready.viba-portfolio-single-thumbnail img { opacity: 1; } .viba-portfolio-gallery { -webkit-transition: opacity .4s; transition: opacity .4s; }
.viba-portfolio-gallery-item { position: relative; }
.vp-js .viba-portfolio-gallery,
.js-vp-loading .viba-portfolio-gallery {  height: 150px; opacity: 0; overflow: hidden; }
.js-vp-loading .viba-portfolio-gallery { opacity: 0 !important }
.js-vp-ready .viba-portfolio-gallery { height: auto; overflow: visible; opacity: 1  }
.viba-portfolio-gallery .owl-wrapper-outer {
height: 150px;
-webkit-transition-property: height, width; transition-property: height, width;
-webkit-transition-duration: 1.2s; transition-duration: 1.2s;
}
.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 #f7f7f7; }
.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: #f7f7f7; } .viba-portfolio-gallery-slider,
.js-vp-ready .viba-portfolio-gallery.viba-portfolio-gallery-slider { overflow: hidden; } .vp-js .viba-portfolio-gallery-stacked,
.js-vp-loading .viba-portfolio-gallery-stacked {  height: auto; opacity: 1; overflow: hidden; }
.viba-portfolio-gallery-stacked .viba-portfolio-gallery-item { margin-top: 15px;  }
.viba-portfolio-gallery-stacked .viba-portfolio-gallery-item:first-child { margin-top: 0 }
.vp-js .viba-portfolio-gallery-stacked .viba-portfolio-gallery-item { height: 150px; overflow: hidden; }
.viba-portfolio-gallery-stacked .js-vp-ready.viba-portfolio-gallery-item { overflow: visible; height: auto; }
.vp-js .viba-portfolio-gallery-stacked .viba-portfolio-gallery-item img { -webkit-transition: opacity .4s; transition: opacity .4s; opacity: 0; }
.viba-portfolio-gallery-stacked .js-vp-ready.viba-portfolio-gallery-item img { opacity: 1; } .viba-portfolio-gallery-carousel { overflow: hidden; width: auto !important; max-width: none; min-width: 100%; margin: 0 -5px  }
.js-vp-ready .viba-portfolio-gallery.viba-portfolio-gallery-carousel { overflow: hidden; }
.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 } .viba-portfolio-gallery-grid { 
width: auto; max-width: none; min-width: 100%; margin: -5px;
-webkit-transition: opacity .4s, height 1.2s; transition: opacity .4s, height 1.2s;
}
.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%;}
.viba-portfolio-gallery-grid .viba-portfolio-media-caption,
.viba-portfolio-gallery-grid .viba-portfolio-media-link { top: 5px; left: 5px; }
.viba-portfolio-gallery-grid .viba-portfolio-media-caption { right: 5px } @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; background: #fcfcfc }
.viba-portfolio-video .wp-playlist-tracks,
.viba-portfolio-audio .wp-playlist-tracks { margin: 0; padding: 10px 10px 5px 10px; border: 1px solid #ddd; border-top: 0; }
.viba-portfolio-video .wp-playlist-item,
.viba-portfolio-audio .wp-playlist-item { border-color: #eee }
.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; color: #333; font-weight: normal; margin: 20px 0 5px 0; padding: 0 }
.viba-portfolio-single-item .viba-portfolio-single-meta div:first-child h3 { margin-top:  7px }
.viba-portfolio-single-meta,
.viba-portfolio-single-content .viba-portfolio-single-meta a { color: #999; text-decoration: none; }
.viba-portfolio-single-date {}
.viba-portfolio-single-client {}
.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 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 { color: inherit; text-decoration: none; border: none; padding: 0; margin: 0; font-weight: normal;
}
.viba-portfolio-single-project-link { margin-top: 20px }
.viba-portfolio-single-item .viba-portfolio-single-project-link a { 
display: inline-block; padding: 10px 15px; font-weight: bold; text-transform: uppercase; font-size: 12px;
background: #fafafa; border: 1px solid #ddd;
-webkit-transition: all 0.4s; transition: all 0.4s; 
}
.viba-portfolio-single-item .viba-portfolio-single-project-link a:hover { opacity: .7; border-color: #ccc } .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: inline-block; 
background: #fafafa; border: 1px solid #ddd;
}
.viba-portfolio-single-item .viba-portfolio-likes:hover { border-color: #ddd; color: #444 } .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-single-meta .viba-portfolio-share { 
width:40px; height: 40px; line-height: 40px; font-size: 0; text-align: center; display: block; overflow: hidden;
color: #bbb; background: #fafafa; border: 1px solid #ddd;
-webkit-transition: all 0.4s; transition: all 0.4s; 
}
.viba-portfolio-share::before { font-size: 18px; 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;
background: #fafafa; color: #444; border: 1px solid #ddd; margin-right: -1px;
-webkit-transition: all 0.4s; transition: all 0.4s; text-decoration: none; padding: 0; font-weight: normal;
}
.vp-pagination-single-arrow::before,
.vp-pagination-single-archives::before { line-height: inherit; }
.vp-pagination-single-archives:hover,
.vp-pagination-single-arrow a:hover { }
.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;
background: #fcfcfc; border: 1px solid #ddd;
font-size: 12px; white-space: nowrap; text-overflow: ellipsis; 
-webkit-transition: all 0.4s; transition: all 0.4s; 
}
.vp-pagination-single-arrow.vp-nav-previous span { 
right: 100%; text-align: right; 
-webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0); 
}
.vp-pagination-single-arrow.vp-nav-next span { 
left: 100%; text-align: left; 
-webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,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 }.vp-style-default .viba-portfolio-item-inner { color: #bc0a00; background-color: #ededed; }
.vp-style-default .viba-portfolio-arrow:before { background-color: #ededed; }
.vp-style-default .viba-portfolio-overlay { background-color: ; }
.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.70; }
.vp-style-default.js-vp-loaded .viba-portfolio-item { -webkit-animation-duration: 800ms; animation-duration: 800ms; }
.vp-style-default .vp-layout-carousel .owl-item,
.vp-style-default .vp-layout-carousel .owl-item .viba-portfolio-item { -webkit-transition-duration: 800ms; transition-duration: 800ms; } .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: -20px; }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 20px; }
} @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: -20px; }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 20px; }
} @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: -20px; }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 20px; }
} @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: -20px; }
.vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 20px; }
}
.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: #bc0a00; }
.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 #bc0a00; border-left: 5px solid #bc0a00; }
.vp-style-default .viba-portfolio-filter li a:hover, 
.vp-style-default .viba-portfolio-filter li a.selected,
.vp-style-default .vp-filter-slide-in .vp-filter-button:hover { background-color: #bc0a00; border-color: #bc0a00; color: #fff; }
.vp-style-default .vp-filter-dropdown ul li a:hover,
.vp-style-default .vp-filter-dropdown ul li a.selected { background:none; color: #bc0a00; }
.vp-style-default .viba-portfolio .viba-portfolio-title { font-size:18px; line-height:26px; text-transform:none; }
.vp-style-default .viba-portfolio .viba-portfolio-item-button { font-size:18px; line-height:24px; text-transform:none; }
.vp-style-default .viba-portfolio .viba-portfolio-likes { font-size:14px; line-height:24px; text-transform:none; }
.vp-style-default .viba-portfolio .viba-portfolio-categories { font-size:14px; line-height:24px; text-transform:none; }
.vp-style-default .viba-portfolio .viba-portfolio-short-description p { font-size:16px; line-height:30px; text-transform:none; }
.vp-style-default .viba-portfolio-filter a,
.vp-style-default .viba-portfolio-filter .vp-filter-button { font-size:12px; line-height:24px; 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; line-height:24px; text-transform:uppercase; font-family: 'Montserrat'; font-weight:700; } .vp-style-default .vp-beryllium.vp-visible-on-hover .viba-portfolio-item-inner { box-shadow: 0 0 0 0 #ededed; }
.vp-style-default .vp-beryllium.vp-visible-on-hover .viba-portfolio-item-inner:hover { box-shadow: 0 0 0 10px #ededed; }