article.portfolio .portfolio-image.single {
 margin-bottom:30px
}
article.portfolio .comment-respond {
 border-top:1px solid var(--porto-input-bc);
 padding-top:3rem;
 margin-top:0
}
article.portfolio.media {
 display:block
}
#portfolioAjaxBox .portfolio-title,
.mfp-content .ajax-container .portfolio-title {
 margin-top:0!important
}
.portfolio-image {
 margin-bottom:15px
}
.mfp-content .ajax-container .portfolio-image.wide {
 margin-left:-25px;
 margin-right:-25px
}
@media (max-width:767px) {
 .mfp-content .ajax-container .portfolio-image.wide {
  margin-left:-12px;
  margin-right:-12px
 }
}
.portfolio-slideshow {
 text-align:center
}
.portfolio-title {
 margin-bottom:-15px
}
.portfolio-title a {
 display:inline-block
}
.portfolio-title i {
 font-size:1.7em
}
.portfolio-title .portfolio-nav,
.portfolio-title .portfolio-nav-all {
 margin-top:11px
}
.portfolio-title .portfolio-nav {
 text-align:right;
 white-space:nowrap
}
.portfolio-title .portfolio-nav a {
 width:50%;
 max-width:27px
}
.portfolio-title .portfolio-nav-all i {
 font-size:2em;
 margin-left:1px
}
.portfolio-title .portfolio-nav-prev {
 text-align:left
}
.portfolio-title .portfolio-nav-prev i:before {
 content:"\f053"
}
.portfolio-title .portfolio-nav-next {
 text-align:right
}
.portfolio-title .portfolio-nav-next i:before {
 content:"\f054"
}
.portfolio-title .entry-title {
 font-weight:700
}
.column3.boxed .portfolio-title .portfolio-nav {
 padding-left:0;
 padding-right:10px
}
.portfolio-desc {
 margin-top:20px
}
h5.portfolio-desc,
h5.portfolio-details-title {
 font-size:1.2em
}
.portfolio-desc,
.portfolio-details-title {
 font-weight:400
}
.portfolio-desc strong,
.portfolio-details-title strong {
 font-weight:800
}
.portfolio-info {
 margin:7px 0 10px
}
@media (min-width:576px) {
 .portfolio-info {
  float:right
 }
}
.portfolio-info ul {
 list-style:none;
 padding:0;
 margin:0
}
.portfolio-info ul li {
 display:inline-block;
 color:#b1b1b1;
 padding-right:8px;
 margin-right:8px;
 font-size:.9em;
 border-right:1px solid var(--porto-gray-2)
}
.portfolio-info ul li:last-child {
 border-right:0;
 padding-right:0;
 margin-right:0
}
.portfolio-info ul li a {
 cursor:pointer;
 color:#b1b1b1
}
.portfolio-info ul li .post-views-icon.dashicons,
.portfolio-info ul li i {
 margin-right:4px!important;
 font-size:1em!important;
 height:1em;
 line-height:1;
 width:1em
}
.portfolio-like,
.portfolio-liked {
 cursor:pointer;
 text-decoration:none
}
.portfolio-like i,
.portfolio-liked i {
 margin-right:4px!important;
 font-size:1em!important;
 height:1em;
 line-height:1;
 width:1em
}
.portfolio-like.linked,
.portfolio-like:hover,
.portfolio-liked.linked,
.portfolio-liked:hover {
 text-decoration:none
}
.portfolio-like.linked .fa-heart,
.portfolio-like:hover .fa-heart,
.portfolio-liked.linked .fa-heart,
.portfolio-liked:hover .fa-heart {
 color:#E53F51
}
.porto-recent-portfolios,
.related-portfolios {
 margin-top:35px
}
.porto-recent-portfolios .owl-carousel,
.related-portfolios .owl-carousel {
 margin-bottom:0
}
.single-portfolio .thumb-gallery-detail.owl-carousel {
 margin-bottom:10px
}
.single-portfolio .related-portfolios {
 background:var(--porto-gray-7);
 padding:5rem 0 4rem
}
.portfolio-item-small {
 float:left;
 margin:0 0 8px;
 padding:0 4px;
 width:33.3333%;
 max-width:92px
}
.portfolio-item-small:first-child {
 padding-top:0;
 border-top-width:0
}
.portfolio-item-small .portfolio-image {
 margin:0
}
.portfolio-item-small .portfolio-image img {
 width:100%;
 height:auto;
 filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
 filter:gray;
 -webkit-filter:grayscale(100%)
}
.portfolio-item-small .portfolio-image img:hover {
 filter:none;
 -webkit-filter:none
}
.portfolios-timeline .timeline .timeline-box {
 padding:10px
}
ul.portfolio-list {
 list-style:none;
 margin:0;
 padding:0
}
ul.portfolio-list .portfolio-item {
 margin-bottom:30px
}
.row>ul {
 display:flex;
 flex-wrap:wrap
}
.portfolio-item {
 word-wrap:break-word
}
.portfolio-item.outimage {
 text-align:center
}
.portfolio-item .thumb-info .thumb-info-type .portfolio-like i,
.portfolio-item .thumb-info .thumb-info-type .portfolio-liked i {
 color:var(--porto-primary-color-inverse);
 text-shadow:none
}
.portfolio-item .thumb-info .thumb-info-type .portfolio-like i:before {
 font-weight:400
}
.portfolio-item:hover .thumb-info-icons .thumb-info-icon {
 background-color:var(--porto-tertiary-color,#2BAAB1)!important
}
.portfolio .thumb-info .tooltip,
.portfolio-item .thumb-info .tooltip {
 display:none!important
}
ul.portfolio-details {
 list-style:none;
 padding:0;
 margin:0 0 20px 5px;
 font-size:.9em
}
ul.portfolio-details h5,
ul.portfolio-details p {
 display:inline-block
}
ul.portfolio-details h5 {
 font-size:1em;
 margin-bottom:0;
 font-weight:700;
 letter-spacing:normal
}
ul.portfolio-details h5 i {
 margin-right:6px
}
ul.portfolio-details>li {
 padding:0 0 10px 0;
 margin:0 0 10px;
 border-bottom:1px solid rgba(0,0,0,.06)
}
ul.portfolio-details>li:last-child {
 border-bottom:none
}
ul.portfolio-details p {
 padding:0;
 margin:0
}
ul.portfolio-details blockquote {
 padding:0 0 0 10px;
 margin:15px 0 0;
 color:#999
}
ul.portfolio-details ul.list-skills {
 margin-left:0
}
ul.portfolio-details ul.list-skills li {
 margin-right:20px;
 margin-bottom:5px
}
ul.portfolio-details.inline li {
 display:inline-block;
 margin-right:20px;
 vertical-align:top
}
ul.portfolio-details.inline li p {
 display:inline-block
}
ul.portfolio-details.inline li strong {
 margin-right:5px
}
ul.portfolio-details.inline li .share-links,
ul.portfolio-details.inline li ul {
 display:inline-block
}
ul.portfolio-details.inline li.pull-right {
 margin-right:0
}
ul.portfolio-details .testimonial {
 font-size:1.1111em
}
.page-portfolios.portfolios-full .portfolio {
 margin-bottom:2em
}
.post-gap {
 height:20px
}
.portfolios-large .entry-title a {
 color:inherit;
 font-weight:700
}
.portfolio-row {
 position:relative
}
.portfolio-row .portfolio {
 float:left;
 margin-top:0;
 width:100%;
 padding:0 var(--porto-column-spacing) var(--porto-grid-gutter-width)
}
.portfolio-row .portfolio-col-1 {
 width:100%
}
.portfolio-row .portfolio-col-2 {
 width:50%
}
.portfolio-row .portfolio-col-2.w2 {
 width:100%
}
@media (max-width:767px) {
 .portfolio-row .portfolio-col-2 {
  width:100%
 }
}
.portfolio-row .portfolio-col-3 {
 width:33.3333%
}
.portfolio-row .portfolio-col-3.w2 {
 width:66.6666%
}
@media (max-width:767px) {
 .portfolio-row .portfolio-col-3 {
  width:50%
 }
 .portfolio-row .portfolio-col-3.w2 {
  width:100%
 }
}
@media (max-width:575px) {
 .portfolio-row .portfolio-col-3 {
  width:100%
 }
}
.portfolio-row .portfolio-col-4 {
 width:25%
}
.portfolio-row .portfolio-col-4.w2 {
 width:50%
}
@media (max-width:991px) {
 .portfolio-row .portfolio-col-4 {
  width:33.3333%
 }
 .portfolio-row .portfolio-col-4.w2 {
  width:66.6666%
 }
}
@media (max-width:767px) {
 .portfolio-row .portfolio-col-4 {
  width:50%
 }
 .portfolio-row .portfolio-col-4.w2 {
  width:100%
 }
}
@media (max-width:575px) {
 .portfolio-row .portfolio-col-4 {
  width:100%
 }
}
.portfolio-row .portfolio-col-5 {
 width:20%
}
.portfolio-row .portfolio-col-5.w2 {
 width:40%
}
@media (max-width:991px) {
 .portfolio-row .portfolio-col-5 {
  width:25%
 }
 .portfolio-row .portfolio-col-5.w2 {
  width:50%
 }
}
@media (max-width:767px) {
 .portfolio-row .portfolio-col-5 {
  width:33.3333%
 }
 .portfolio-row .portfolio-col-5.w2 {
  width:66.6666%
 }
}
@media (max-width:575px) {
 .portfolio-row .portfolio-col-5 {
  width:50%
 }
 .portfolio-row .portfolio-col-5.w2 {
  width:100%
 }
}
.portfolio-row .portfolio-col-6 {
 width:16.6666%
}
.portfolio-row .portfolio-col-6.w2 {
 width:33.3333%
}
@media (max-width:991px) {
 .portfolio-row .portfolio-col-6 {
  width:25%
 }
 .portfolio-row .portfolio-col-6.w2 {
  width:50%
 }
}
@media (max-width:767px) {
 .portfolio-row .portfolio-col-6 {
  width:33.3333%
 }
 .portfolio-row .portfolio-col-6.w2 {
  width:66.6666%
 }
}
@media (max-width:575px) {
 .portfolio-row .portfolio-col-6 {
  width:50%
 }
 .portfolio-row .portfolio-col-6.w2 {
  width:100%
 }
}
.portfolio-row.full {
 margin:0
}
body.boxed .vc_row[data-vc-stretch-content] .portfolio-row.full {
 margin-left:0;
 margin-right:0
}
.portfolio-row.full .portfolio {
 padding:0;
 margin-bottom:0
}
.portfolio-ajax-modal .mfp-arrow,
.portfolio-ajax-modal .mfp-close,
.portfolio-modal .mfp-arrow,
.portfolio-modal .mfp-close {
 display:none
}
.portfolio-ajax-modal .container,
.portfolio-modal .container {
 width:100%;
 padding-left:0!important;
 padding-right:0!important
}
.portfolio-load-more-loader {
 display:none;
 position:relative;
 height:49px
}
.btn-portfolio-lazy-load {
 opacity:0
}
@media (max-width:991px) {
 .portfolio-nav,
 .portfolio-nav-all {
  display:none
 }
}
.portfolio-stripes .owl-carousel .owl-nav .owl-prev {
 line-height:initial
}
.portfolio-stripes .owl-carousel .owl-nav .owl-next {
 line-height:initial
}
.portfolio-stripes .owl-item .portfolio-item {
 width:calc(100% + 2px)
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info {
 border:none
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper {
 height:calc(100vh - 89px)
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper:before {
 content:"";
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 box-shadow:0 50px 190px 110px #182027;
 z-index:1
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .background-image {
 position:absolute;
 top:0;
 left:0;
 background-size:cover;
 width:100%;
 height:100%;
 transition:all 0.3s
}
.portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .background-image {
 transform:scale(1.1,1.1)
}
.thumb-info.thumb-info-basic-info .thumb-info-title {
 background:none;
 bottom:5.5%;
 left:5%;
 padding:0;
 font-size:2em;
 line-height:1;
 text-shadow:none
}
.portfolio-parallax {
 height:40vh
}
.portfolio-parallax:before {
 content:"";
 display:block;
 position:absolute;
 background:rgba(10,12,36,0);
 top:0;
 right:0;
 bottom:0;
 left:0;
 transition:all 0.3s
}
.portfolio-parallax h2 {
 bottom:7%;
 font-size:2em;
 left:1%;
 line-height:1;
 margin:0;
 padding:0;
 position:absolute
}
.portfolio-parallax:not(.hidden-plus):hover:before {
 background:rgba(10,12,36,.5)
}
html.gecko .thumb-info {
 z-index:1;
 transform:unset
}
@media (max-width:991px) {
 .portfolio-parallax {
  height:30vh
 }
}
@media (max-width:767px) {
 .portfolio-parallax {
  height:25vh
 }
}
.porto-portfolios-lighbox-thumbnails {
 position:fixed;
 bottom:2.5%;
 width:100%;
 text-align:center;
 z-index:99999
}
.porto-portfolios-lighbox-thumbnails .owl-carousel {
 margin-bottom:0
}
.porto-portfolios-lighbox-thumbnails .owl-carousel .owl-stage {
 margin:0 auto
}
.porto-portfolios-lighbox-thumbnails .owl-item {
 cursor:pointer
}
.porto-portfolios-lighbox-thumbnails .owl-item.current {
 opacity:.5;
 cursor:default
}
.portfolios-lightbox.with-thumbs .porto-portfolios-lighbox-thumbnails {
 visibility:hidden
}
@media (max-width:1023px) {
 .porto-portfolios-lighbox-thumbnails {
  display:none
 }
}
.skill-list a {
 display:inline-block;
 font-size:.75em;
 font-weight:700;
 text-transform:uppercase;
 padding:.25rem .5rem;
 margin:.125rem;
 border-radius:1rem;
 line-height:1
}
.skill-list a,
.skill-list a:hover {
 background:var(--porto-heading-color);
 color:var(--porto-body-bg)
}
.portfolios-masonry {
 max-height:300px;
 overflow:hidden
}
.portfolios-masonry>.portfolio-row {
 opacity:0
}
.portfolios-masonry.portfolio-iso-active {
 overflow:visible;
 max-height:none
}
.portfolios-masonry.portfolio-iso-active>.bounce-loader {
 display:none
}
.portfolios-masonry.portfolio-iso-active>.portfolio-row {
 opacity:1
}
.portfolio-fullscreen .portfolio-item {
 height:100vh;
 background-repeat:no-repeat;
 background-size:cover;
 position:relative
}
.portfolio-fullscreen .portfolio-meta {
 position:absolute;
 bottom:50px;
 left:0;
 padding:30px 50px 30px 20px;
 background:rgba(33,37,41,.9);
 min-width:25%;
 max-width:75%
}
.portfolio-fullscreen .portfolio-title {
 margin-bottom:10px;
 font-size:1.5em;
 font-weight:700;
 color:#fff
}
.portfolio-fullscreen .portfolio-cat {
 font-size:.9em;
 color:rgba(255,255,255,.6);
 text-transform:uppercase
}
.portfolio-fullscreen .btn-view-more {
 text-decoration:none;
 font-size:.9em;
 font-weight:700;
 text-transform:uppercase;
 color:#fff
}
.portfolio-fullscreen .btn-view-more i {
 margin-left:5px;
 transition:margin-left 0.25s
}
.portfolio-fullscreen .btn-view-more:hover i {
 margin-left:8px
}
.porto-grid-item .porto-portfolios {
 margin-bottom:0
}
.porto-grid-item .portfolio-row .portfolio {
 padding-bottom:0
}