body:not(.ismobileortablet) .portfolio-preview ul{height:85px;position:relative}body:not(.ismobileortablet) .portfolio-preview ul:hover:before,body:not(.ismobileortablet) .portfolio-preview ul:hover:after{-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;opacity:1}body:not(.ismobileortablet) .portfolio-preview ul:before{content:attr(data-myportfolio);background:rgba(0,0,0,0.6);display:block;width:336px;height:85px;border-radius:6px;font-size:16px;font-weight:700;text-align:center;line-height:85px;color:#fff;position:absolute;z-index:4;opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}body:not(.ismobileortablet) .portfolio-preview ul:after{content:'\f054';font:normal normal normal 14px/1 FontAwesome;color:#fff;padding-top:38px;position:absolute;right:86px;z-index:4;opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}body:not(.ismobileortablet) .portfolio-preview.wide figure{padding:30px 0}body:not(.ismobileortablet) .portfolio-preview.wide figure figcaption{height:40px;border-bottom:1px solid #dddddd;padding:0 20px}body:not(.ismobileortablet) .portfolio-preview.wide figure figcaption strong{font-size:18px;color:#0e0e0f;text-transform:capitalize}body:not(.ismobileortablet) .portfolio-preview.wide figure figcaption a{display:inline-block;padding:9px 22px;border:1px solid #dddddd;border-radius:3px;color:#555555;text-align:center;margin-top:-10px}body:not(.ismobileortablet) .portfolio-preview.wide figure figcaption a:hover{text-decoration:none}body:not(.ismobileortablet) .portfolio-preview.wide figure figcaption a:after{content:'\f054';font:normal normal normal 12px/1 FontAwesome;padding-left:5px}body:not(.ismobileortablet) .portfolio-preview.wide figure figcaption span{display:none}body:not(.ismobileortablet) .portfolio-preview.wide figure ul{height:120px}body:not(.ismobileortablet) .portfolio-preview.wide figure ul:before{width:100%;height:100%;line-height:120px}body:not(.ismobileortablet) .portfolio-preview.wide figure ul:after{padding-top:54px;right:calc(45% - 60px)}body:not(.ismobileortablet) .portfolio-preview.wide figure>a{display:block;padding:0 20px}body.ismobile .portfolio-preview figure{padding:20px 15px}body.ismobile .portfolio-preview figure ul{height:87px}.portfolio-preview figure{background-color:#fff;border:1px solid #dddddd;margin-bottom:30px;padding:30px}.portfolio-preview figure figcaption a{color:#00698C;font-size:14px;font-weight:500;float:right}.portfolio-preview figure strong{font-size:16px;margin-right:4px}.portfolio-preview figure .gig-badges{vertical-align:bottom}.portfolio-preview figure ul{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:1px solid #e3e3e3;border-radius:6px;overflow:hidden}.portfolio-preview figure ul li{border-right:1px solid #dddddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:33.3%;overflow:hidden}.portfolio-preview figure ul li.placeholder{background:#fafafa url("//assetsv2.fiverrcdn.com/assets/v2_globals/icn-media-8ab79055c5066dca73d3e495da5a8bf3.svg") no-repeat center}.portfolio-preview figure ul li:last-child{border:0}.portfolio-preview img{min-height:100%;max-width:150%}body.body-gig-show .portfolio-preview{margin-top:20px;margin-bottom:-10px}body.body-gig-show .portfolio-preview ul:before{width:294px}body.body-gig-show .portfolio-preview ul:after{right:64px}