/*====================================
    1. Default
====================================*/
.viba-portfolio-item-inner { color: #555; background-color: #fff; }
.viba-portfolio-arrow:before { background-color: #fff; }

.viba-portfolio-overlay { background-color: #243869; }
.viba-portfolio-cover,
.viba-portfolio-cover-fixed { color: #fff; }

.vp-slide-overlay .viba-portfolio-overlay,
.vp-overlay-off-hover .viba-portfolio-overlay,
.vp-overlay-visible .viba-portfolio-overlay,
.vp-overlay-on-hover .viba-portfolio-item-inner:hover .viba-portfolio-overlay, 
.vp-slide-overlay .viba-portfolio-item-inner:hover .viba-portfolio-overlay { opacity: 0.90; }

.viba-portfolio .viba-portfolio-title {
    font-size: 22px;
    line-height: 26px;
    text-align: right;
    margin-bottom: 5px;
    font-weight: normal;
}
.viba-portfolio .viba-portfolio-item-button { font-size:18px; line-height:24px; }
.viba-portfolio .viba-portfolio-likes { font-size:14px; line-height:24px; }
.viba-portfolio .viba-portfolio-categories { font-size:14px; line-height:24px; }
.viba-portfolio .viba-portfolio-short-description p { font-size:16px; line-height:30px; }

/* mobile portrait */
.viba-portfolio-wrapper { padding: 0 }
.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: 0px; }
.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 0px; }

/* mobile landscape */
@media screen and ( min-width: 480px ) {
    .viba-portfolio-wrapper { padding: 0 }
    .viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: 0px; }
    .viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 0px; }
}
/* tablet portrait */
@media screen and ( min-width: 768px ) {
    .viba-portfolio-wrapper { padding: 0 }
    .viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: 0px; }
    .viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 0px; }
}
/* tablet landscape */
@media screen and ( min-width: 960px ) {
    .viba-portfolio-wrapper { padding: 0 }
    .viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: 0px; }
    .viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 0px; }
}
/* desktop small */
@media screen and ( min-width: 1124px ) {
    .viba-portfolio-wrapper { padding: 0 }
    .viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: 0px; }
    .viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 0px; }
}
/* desktop large */
@media screen and ( min-width: 1400px ) {
    .viba-portfolio-wrapper { padding: 0 }
    .viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: 0px; }
    .viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}

/*====================================
    2. Home Classic Business
====================================*/
/* mobile portrait */
.vp-style-home-classic-business.viba-portfolio-wrapper { padding: 0 }
.vp-style-home-classic-business.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
.vp-style-home-classic-business.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }

/* mobile landscape */
@media screen and ( min-width: 480px ) {
    .vp-style-home-classic-business.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-classic-business.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-classic-business.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}
/* tablet portrait */
@media screen and ( min-width: 768px ) {
    .vp-style-home-classic-business.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-classic-business.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-classic-business.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}
/* tablet landscape */
@media screen and ( min-width: 960px ) {
    .vp-style-home-classic-business.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-classic-business.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-classic-business.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}
/* desktop small */
@media screen and ( min-width: 1124px ) {
    .vp-style-home-classic-business.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-classic-business.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-classic-business.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}
/* desktop large */
@media screen and ( min-width: 1400px ) {
    .vp-style-home-classic-business.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-classic-business.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-classic-business.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}


/*====================================
    3. Home Creative Agency
====================================*/
/* mobile portrait */
.vp-style-home-creative-agency.viba-portfolio-wrapper { padding: 0 }
.vp-style-home-creative-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -10px; }
.vp-style-home-creative-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 10px; }

/* mobile landscape */
@media screen and ( min-width: 480px ) {
    .vp-style-home-creative-agency.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-creative-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -10px; }
    .vp-style-home-creative-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 10px; }
}
/* tablet portrait */
@media screen and ( min-width: 768px ) {
    .vp-style-home-creative-agency.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-creative-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -10px; }
    .vp-style-home-creative-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 10px; }
}
/* tablet landscape */
@media screen and ( min-width: 960px ) {
    .vp-style-home-creative-agency.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-creative-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -10px; }
    .vp-style-home-creative-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 10px; }
}
/* desktop small */
@media screen and ( min-width: 1124px ) {
    .vp-style-home-creative-agency.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-creative-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -10px; }
    .vp-style-home-creative-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 10px; }
}
/* desktop large */
@media screen and ( min-width: 1400px ) {
    .vp-style-home-creative-agency.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-creative-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -10px; }
    .vp-style-home-creative-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 10px;     float: right; }
}


/*====================================
    4. Home Minimal Agency
====================================*/
/* mobile portrait */
.vp-style-home-minimal-agency.viba-portfolio-wrapper { padding: 0 }
.vp-style-home-minimal-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
.vp-style-home-minimal-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }

/* mobile landscape */
@media screen and ( min-width: 480px ) {
    .vp-style-home-minimal-agency.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-minimal-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-minimal-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}
/* tablet portrait */
@media screen and ( min-width: 768px ) {
    .vp-style-home-minimal-agency.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-minimal-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-minimal-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}
/* tablet landscape */
@media screen and ( min-width: 960px ) {
    .vp-style-home-minimal-agency.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-minimal-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-minimal-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}
/* desktop small */
@media screen and ( min-width: 1124px ) {
    .vp-style-home-minimal-agency.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-minimal-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-minimal-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}
/* desktop large */
@media screen and ( min-width: 1400px ) {
    .vp-style-home-minimal-agency.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-minimal-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-minimal-agency.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}


/*====================================
    5. Home Freelancer
====================================*/
/* mobile portrait */
.vp-style-home-freelancer.viba-portfolio-wrapper { padding: 0 }
.vp-style-home-freelancer.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
.vp-style-home-freelancer.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }

/* mobile landscape */
@media screen and ( min-width: 480px ) {
    .vp-style-home-freelancer.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-freelancer.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-freelancer.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}
/* tablet portrait */
@media screen and ( min-width: 768px ) {
    .vp-style-home-freelancer.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-freelancer.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-freelancer.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}
/* tablet landscape */
@media screen and ( min-width: 960px ) {
    .vp-style-home-freelancer.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-freelancer.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-freelancer.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}
/* desktop small */
@media screen and ( min-width: 1124px ) {
    .vp-style-home-freelancer.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-freelancer.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-freelancer.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}
/* desktop large */
@media screen and ( min-width: 1400px ) {
    .vp-style-home-freelancer.viba-portfolio-wrapper { padding: 0 }
    .vp-style-home-freelancer.viba-portfolio-wrapper .viba-portfolio.vp-margins { margin: -5px; }
    .vp-style-home-freelancer.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item { padding: 5px; }
}