.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.nohover:after,
.portfolio-holder .dribbble-container .dribbble_shot a:after,
.portfolio-holder .item-box .photo a:after,
.portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box .masonry-thumb:after,
.portfolio-holder .thumb .hover-state .info h3 a:after,
.single-portfolio-holder .gallery .photo:after,
.single-portfolio-holder .gallery .photo>a:after,
.single-portfolio-holder .gallery .portfolio-images-slider a:after,
.single-portfolio-holder .portfolio-featured-image a:after,
.single-portfolio-holder .portfolio-navigation a:after,
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .collapse-project-info:after,
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo .expand-project-info:after,
.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a:after,
.single-portfolio-holder.portfolio-type-6 .lightbox-featured-image:after {
    display: none
}

.nh:after {
    display: none !important
}

.product-filter ul li.subcategory-back a,
.product-filter ul li.subcategory-back a i,
.transall {
    transition: all 250ms cubic-bezier(.445, .05, .55, .95)
}

.base-border-radius {
    border-radius: 2px
}

.no-padding {
    padding: 0 !important
}

.no-top-margin {
    margin-top: 0 !important
}

.no-bottom-margin {
    margin-bottom: 0 !important
}

.no-left-margin {
    margin-left: 0 !important
}

.no-right-margin {
    margin-right: 0 !important
}

.no-animation,
.no-transitions {
    transition: none !important
}

.display-inline-block {
    display: inline-block !important
}

.display-inline {
    display: inline !important
}

.display-block,
.portfolio-holder .item-box .photo a {
    display: block
}

.is-fixed {
    position: fixed !important
}

.opacity-none {
    opacity: 0 !important
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

@font-face {
    font-family: "tripadvisortemp";
    src: url(fonts/tripadvisor/tripadvisor.eot?sv833i);
    src: url(fonts/tripadvisor/tripadvisor.eot?sv833i#iefix)format("embedded-opentype"), url(fonts/tripadvisor/tripadvisor.ttf?sv833i)format("truetype"), url(fonts/tripadvisor/tripadvisor.woff?sv833i)format("woff"), url(fonts/tripadvisor/tripadvisor.svg?sv833i#icomoon)format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.fab.fa-tripadvisor {
    font-family: "tripadvisortemp"
}

.fab.fa-tripadvisor:before {
    content: ""
}

.portfolio-holder:after,
.portfolio-holder:before {
    display: table;
    content: " "
}

.portfolio-holder:after {
    clear: both
}

.portfolio-holder.merged-item-spacing {
    margin-left: 15px;
    margin-right: 15px
}

.portfolio-holder.merged-item-spacing .portfolio-item {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.portfolio-holder.merged-item-spacing .portfolio-item .hover-state.hover-full {
    margin: 0
}

.portfolio-holder.is-masonry-layout {
    height: 100%
}

.portfolio-holder .item-box,
.portfolio-holder .item-box .photo {
    position: relative
}

.portfolio-holder .item-box .photo img {
    width: 100%
}

.portfolio-holder .item-box .photo .on-hover {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #00b19e;
    opacity: 0;
    visibility: hidden;
    transition: all 350ms cubic-bezier(.445, .05, .55, .95)
}

.portfolio-holder .item-box .photo .on-hover .custom-hover-icon,
.portfolio-holder .item-box .photo .on-hover i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 32px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1;
    display: block;
    margin: 0;
    width: 60px;
    text-align: center;
    height: 25px;
    -webkit-transform-origin: -50% -50%;
    transform-origin: -50% -50%
}

.portfolio-holder .item-box .photo .on-hover .custom-hover-icon img,
.portfolio-holder .item-box .photo .on-hover i img {
    height: auto
}

.portfolio-holder .item-box .photo .on-hover .custom-hover-icon.custom-hover-icon,
.portfolio-holder .item-box .photo .on-hover i.custom-hover-icon {
    width: auto;
    height: auto
}

.portfolio-holder .item-box .photo .on-hover.hover-style-black {
    background-color: #333
}

.portfolio-holder .item-box .photo .on-hover.hover-style-white,
.portfolio-holder .thumb .hover-state .info p a:after {
    background-color: #fff
}

.portfolio-holder .item-box .photo .on-hover.hover-style-white i {
    color: #111
}

.portfolio-holder .item-box .photo .on-hover.distanced {
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px
}

.portfolio-holder .item-box .photo.loading-finished .image-placeholder img,
.portfolio-holder .item-box .photo:hover .on-hover.opacity-no {
    opacity: 1
}

.portfolio-holder .item-box .photo:hover .on-hover {
    visibility: visible;
    opacity: .9
}

.portfolio-holder .item-box .info {
    padding: 10px 0
}

.portfolio-holder .item-box .info h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 5px
}

.portfolio-holder .item-box .info h3 a {
    color: #333;
    transition: all 200ms ease-in-out 0
}

.portfolio-holder .item-box .info h3 a::after {
    background: 0 0
}

.portfolio-holder .item-box .info p {
    font-size: 14px
}

.portfolio-holder .item-box .info p a {
    color: #6d6d6d
}

.portfolio-holder .item-box .info p a:hover,
.product-filter ul li a:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a:hover {
    color: #00b19e
}

.portfolio-holder .animated-eye-icon .item-box .photo .on-hover i {

    width: 45px;
    height: 45px;
    background-size: 45px
}

.portfolio-holder .animated-eye-icon .item-box .photo .on-hover i:before {
    content: ""
}

.portfolio-holder .dynamic-height-image .info {
    padding-bottom: 0
}

.portfolio-holder .dynamic-height-image .info p {
    margin-bottom: 0
}

.portfolio-holder .thumb,
.portfolio-holder .thumb>a {
    display: block
}

.portfolio-holder .thumb .hover-state {
    overflow: hidden;
    cursor: pointer
}

.portfolio-holder .thumb .hover-state .info {
    color: #fff;
    bottom: 0;
    left: 0;
    padding: 40px;
    position: absolute
}

@media screen and (max-width:768px) {
    .portfolio-holder .thumb .hover-state .info {
        padding: 25px
    }
}

.portfolio-holder .thumb .hover-state .info h3 {
    font-size: 22px;
    margin: 0
}

@media screen and (max-width:992px) {
    .portfolio-holder .thumb .hover-state .info h3 {
        padding: 0 !important
    }
}

@media screen and (max-width:768px) {
    .portfolio-holder .thumb .hover-state .info h3 {
        padding-bottom: 10px !important
    }
}

.portfolio-holder .thumb .hover-state .info h3 a,
.portfolio-holder .thumb .hover-state .info p a,
.portfolio-holder .thumb .hover-state .info p a:hover,
.portfolio-holder .thumb .portfolio-video-info a {
    color: #fff
}

.portfolio-holder .thumb .hover-state .info p {
    font-size: 15px;
    color: #fff;
    margin: 0;
    padding-top: 7px
}

@media screen and (max-width:992px) {
    .portfolio-holder .thumb .hover-state .info p {
        display: none
    }
}

@media screen and (max-width:768px) {
    .portfolio-holder .thumb .hover-state .info p {
        display: block
    }
}

.portfolio-holder .thumb .hover-state .likes {
    position: absolute;
    left: 40px;
    top: 40px
}

@media screen and (max-width:992px) {
    .portfolio-holder .thumb .hover-state .likes {
        top: auto
    }
}

.portfolio-holder .thumb .hover-state .likes .like-icon__icon svg {
    fill: #fff
}

.portfolio-holder .thumb .hover-state .likes .like-icon__icon svg .stroke-color {
    stroke: #fff
}

.portfolio-holder .thumb .hover-state .likes .like-icon__bubble {
    background-color: #fff
}

.portfolio-holder .thumb .hover-state.hover-is-visible {
    visibility: visible;
    opacity: .9
}

.portfolio-holder .thumb .hover-state.hover-is-visible.opacity-no {
    opacity: 1
}

.portfolio-holder .thumb .hover-state.hover-full {
    margin: 0
}

.portfolio-holder .thumb .hover-state.hover-distanced {
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
    width: auto;
    height: auto
}

.portfolio-holder .thumb .hover-state.hover-style-black {
    background-color: #333
}

.portfolio-holder .thumb .hover-state.hover-style-white,
.portfolio-holder .thumb .portfolio-video-info a:after {
    background-color: #fff
}

.portfolio-holder .thumb .hover-state.hover-style-white h3 a {
    color: #111
}

.portfolio-holder .thumb .hover-state.hover-style-white p a,
.portfolio-holder .thumb .hover-state.hover-style-white p a:hover {
    color: #6d6d6d
}

.portfolio-holder .thumb .hover-state.hover-style-white p a:after {
    background-color: #6d6d6d
}

.portfolio-holder .thumb .hover-state.hover-style-white .likes .like-icon .like-icon__icon svg {
    fill: #111
}

.portfolio-holder .thumb .hover-state.hover-style-white .likes .like-icon .like-icon__icon svg .stroke-color {
    stroke: #111
}

.portfolio-holder .thumb .hover-state.hover-style-white .likes .like-icon .like-icon__bubble {
    background-color: #111
}

.portfolio-holder .thumb .hover-state.position-top-left .likes {
    top: auto;
    bottom: 40px
}

@media screen and (max-width:768px) {
    .portfolio-holder .thumb .hover-state.position-top-left .likes {
        left: 25px;
        bottom: 25px
    }
}

.portfolio-holder .thumb .hover-state.position-top-left .info {
    top: 0;
    bottom: auto
}

.portfolio-holder .thumb .hover-state.position-top-right .likes {
    top: auto;
    left: auto;
    right: 40px;
    bottom: 40px
}

@media screen and (max-width:768px) {
    .portfolio-holder .thumb .hover-state.position-top-right .likes {
        right: 25px;
        bottom: 25px
    }
}

.portfolio-holder .thumb .hover-state.position-top-right .info {
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    text-align: right
}

.portfolio-holder .thumb .hover-state.position-center .likes {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -40px
}

.portfolio-holder .thumb .hover-state.position-center .likes~.info {
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%)
}

.portfolio-holder .thumb .hover-state.position-center .info {
    left: 0;
    right: 0;
    top: 50%;
    bottom: auto;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:768px) {
    .portfolio-holder .thumb .hover-state.position-bottom-left .likes {
        left: 25px
    }
}

.portfolio-holder .thumb .hover-state.position-bottom-right .likes {
    left: auto;
    right: 40px
}

@media screen and (max-width:768px) {
    .portfolio-holder .thumb .hover-state.position-bottom-right .likes {
        right: 25px
    }
}

.portfolio-holder .thumb .hover-state.position-bottom-right .info {
    right: 0;
    left: auto;
    text-align: right
}

.portfolio-holder .thumb .portfolio-video-info {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    padding: 20px 30px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0)0, rgba(0, 0, 0, .2) 100%);
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease-in-out;
    transition-delay: 1000ms
}

.portfolio-holder .thumb .portfolio-video-info.visible {
    visibility: visible;
    opacity: 1
}

.portfolio-holder .thumb .portfolio-video-info h3 {
    font-size: 22px;
    margin: 0 0 5px
}

.portfolio-holder .thumb .portfolio-video-info p {
    margin: 0;
    color: #fff
}

.portfolio-holder .thumb:hover .hover-state {
    opacity: .9
}

.portfolio-holder .thumb:hover .hover-state.opacity-no,
.product-filter ul li.subcategory-back a:hover,
.product-filter ul li.subcategory-back a:hover i,
.single-portfolio-holder .gallery .portfolio-images-slider.is-finished img {
    opacity: 1
}

.portfolio-holder .thumb:hover .hover-state.hover-reverse {
    visibility: hidden !important;
    opacity: 0
}

.portfolio-holder .thumb:hover .hover-state.hover-eff-fade-slide .info h3 {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: all .3s .1s cubic-bezier(.455, .03, .515, .955)
}

.portfolio-holder .thumb:hover .hover-state.hover-eff-fade-slide .info p {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: all .4s .2s cubic-bezier(.455, .03, .515, .955)
}

.portfolio-holder .thumb:hover .hover-state.hover-eff-fade-slide .likes {
    opacity: 1;
    transition: all .4s .2s cubic-bezier(.455, .03, .515, .955)
}

.portfolio-holder .thumb:hover .vjs-has-started~.portfolio-video-info {
    visibility: visible;
    opacity: 1;
    transition-delay: 100ms
}

.portfolio-holder .portfolio.not-clickable .likes {
    display: none
}

.portfolio-holder .portfolio.not-clickable .hover-state,
.portfolio-holder .portfolio.not-clickable h3 a {
    cursor: default
}

.portfolio-endless-pagination {
    overflow: hidden
}

.portfolio-endless-pagination .show-more {
    text-align: center
}

.portfolio-container-and-title .page-container {
    margin-bottom: 40px
}

.portfolio-container-and-title .portfolio-title-vc-content,
.portfolio-container-and-title.container-fullwidth,
.portfolio-holder .portfolio-item {
    padding-left: 15px;
    padding-right: 15px
}

.portfolio-holder {
    clear: both;
    position: relative
}

.portfolio-holder .portfolio-item {
    position: relative;
    width: 33.33333333%;
    float: left
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item {
        width: 50%
    }
}

@media screen and (max-width:480px) {
    .portfolio-holder .portfolio-item {
        width: 100%
    }
}

.portfolio-holder .portfolio-item.has-padding {
    padding: 15px
}

@media screen and (max-width:480px) {
    .portfolio-holder .portfolio-item.has-padding {
        padding-bottom: 0
    }
}

.portfolio-holder .portfolio-item.masonry-portfolio-item {
    padding: 0 !important
}

.portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box {
    position: relative;
    z-index: 1
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box {
        display: none
    }
}

.portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box .masonry-thumb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    overflow: hidden;
    margin: 15px
}

.portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box.masonry-mobile-box {
    display: none
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box.masonry-mobile-box {
        display: block
    }
}

.portfolio-holder .portfolio-item.masonry-portfolio-item .item-box-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    overflow: hidden
}

.portfolio-holder .portfolio-item.masonry-portfolio-item .item-box-container .item-box,
.portfolio-holder .portfolio-item.masonry-portfolio-item .item-box-container .thumb {
    width: 100%;
    height: 100%
}

.portfolio-holder .portfolio-item.masonry-portfolio-item.hover-disabled .item-box-container {
    display: none
}

.merged-item-spacing.portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box .masonry-thumb {
    margin: 0
}

.merged-item-spacing.portfolio-holder .portfolio-item.masonry-portfolio-item .item-box-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.portfolio-holder .portfolio-item .video-js-el,
.single-portfolio-holder .gallery .photo img {
    width: 100%;
    height: auto
}

.portfolio-holder .portfolio-item.grid-two {
    width: 50%
}

@media screen and (max-width:480px) {
    .portfolio-holder .portfolio-item.grid-two {
        width: 100%
    }
}

.portfolio-holder .portfolio-item.grid-three {
    width: 33.33333333%
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.grid-three {
        width: 50%
    }
}

@media screen and (max-width:480px) {
    .portfolio-holder .portfolio-item.grid-three {
        width: 100%
    }
}

.portfolio-holder .portfolio-item.grid-four {
    width: 25%
}

@media screen and (max-width:992px) {
    .portfolio-holder .portfolio-item.grid-four {
        width: 33.33333333%
    }
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.grid-four {
        width: 50%
    }
}

@media screen and (max-width:480px) {
    .portfolio-holder .portfolio-item.grid-four {
        width: 100%
    }
}

.portfolio-holder .portfolio-item.w2 {
    width: 16.66666667%
}

@media screen and (max-width:1199px) {
    .portfolio-holder .portfolio-item.w2 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width:1199px) and (min-width:992px) {
    .portfolio-holder .portfolio-item.w2 {
        float: left;
        width: 25%
    }
}

@media screen and (max-width:991px) {
    .portfolio-holder .portfolio-item.w2 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .portfolio-holder .portfolio-item.w2 {
        float: left;
        width: 33.33333333%
    }
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.w2 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width:480px) {
    .portfolio-holder .portfolio-item.w2 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.portfolio-holder .portfolio-item.w2-4 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:992px) {
    .portfolio-holder .portfolio-item.w2-4 {
        float: left;
        width: 20%
    }
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.w2-4 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    @-moz-document url-prefix() {
        .portfolio-holder .portfolio-item.w2-4 {
            width: 33.33333%
        }
    }
}

@media screen and (max-width:768px) and (min-width:768px) {
    .portfolio-holder .portfolio-item.w2-4 {
        float: left;
        width: 33.33333333%
    }
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.w2-4 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width:480px) {
    .portfolio-holder .portfolio-item.w2-4 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.portfolio-holder .portfolio-item.w3 {
    width: 25%
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.w3 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width:480px) {
    .portfolio-holder .portfolio-item.w3 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.portfolio-holder .portfolio-item.w4 {
    width: 33.33333333%
}

@-moz-document url-prefix() {
    .portfolio-holder .portfolio-item.w4 {
        width: 33.33333%
    }
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.w4 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width:480px) {
    .portfolio-holder .portfolio-item.w4 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.portfolio-holder .portfolio-item.w5 {
    width: 41.66666667%
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.w5 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width:480px) {
    .portfolio-holder .portfolio-item.w5 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.portfolio-holder .portfolio-item.w6 {
    width: 50%
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.w6 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width:480px) {
    .portfolio-holder .portfolio-item.w6 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.portfolio-holder .portfolio-item.w8 {
    width: 66.66666667%
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.w8 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width:480px) {
    .portfolio-holder .portfolio-item.w8 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.portfolio-holder .portfolio-item.w9 {
    width: 75%
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.w9 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width:480px) {
    .portfolio-holder .portfolio-item.w9 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.portfolio-holder .portfolio-item.w12 {
    width: 100%
}

.portfolio-holder .portfolio-item.bw3 {
    width: 25%
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.bw3 {
        width: 50%
    }
}

@media screen and (max-width:650px) {
    .portfolio-holder .portfolio-item.bw3 {
        width: 100%
    }
}

.portfolio-holder .portfolio-item.bw4 {
    width: 33.33333333%
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.bw4 {
        width: 50%
    }
}

@media screen and (max-width:650px) {
    .portfolio-holder .portfolio-item.bw4 {
        width: 100%
    }
}

.portfolio-holder .portfolio-item.bw6 {
    width: 50%
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.bw6 {
        width: 100%
    }
}

.portfolio-holder .portfolio-item.bw12,
.product-filter ul li.active a:after,
.single-portfolio-holder .details .project-description .lab-row-container.lab-full-width .vc_figure,
.single-portfolio-holder .details .project-description .lab-row-container.lab-full-width .vc_single_image-wrapper,
.single-portfolio-holder .details .project-description .lab-row-container.lab-full-width .vc_single_image-wrapper img,
.single-portfolio-holder .details .project-description .lab-row-container.lab-full-width .wpb_single_image,
.single-portfolio-holder .portfolio-featured-image img {
    width: 100%
}

@media screen and (max-width:768px) {
    .portfolio-holder .portfolio-item.bw12 {
        width: 100%
    }
}

.portfolio-holder.portfolio-type-1 .portfolio-item .info {
    padding-bottom: 0
}

.portfolio-holder.portfolio-type-1 .portfolio-item .info .terms,
.portfolio-title-holder .section-title .term-description p,
.portfolio-title-holder .section-title h1+p {
    margin-bottom: 0
}

.portfolio-holder~.pagination-container {
    margin-bottom: 0;
    margin-top: 30px
}

.portfolio-holder .dribbble-container {
    margin: 0;
    text-align: center
}

.portfolio-holder .dribbble-container ul {
    margin-left: -15px;
    margin-right: -15px
}

.portfolio-holder .dribbble-container ul:after,
.portfolio-holder .dribbble-container ul:before {
    display: table;
    content: " "
}

.portfolio-holder .dribbble-container ul:after {
    clear: both
}

.portfolio-holder .dribbble-container .dribbble_shot {
    width: 33.3333333%;
    padding: 0 15px;
    margin-bottom: 30px;
    position: relative
}

.portfolio-holder .dribbble-container .dribbble_shot a {
    display: block;
    float: none
}

@media screen and (max-width:992px) {
    .portfolio-holder .dribbble-container .dribbble_shot {
        width: 33.3333%
    }
}

@media screen and (max-width:768px) {
    .portfolio-holder .dribbble-container .dribbble_shot {
        width: 50%
    }
}

@media screen and (max-width:480px) {
    .portfolio-holder .dribbble-container .dribbble_shot {
        width: 100%
    }
}

.portfolio-holder .dribbble-container .dribbble_shot .dribbble-title {
    top: 0;
    left: 0;
    margin: 15px;
    padding: 15px;
    z-index: 0;
    position: absolute;
    line-height: 1;
    background-color: #00b19e;
    opacity: 0
}

.portfolio-holder .dribbble-container .dribbble_shot .dribbble-title span {
    display: block;
    font-size: 16px;
    color: #fff;
    margin: 0
}

.portfolio-holder .dribbble-container .dribbble_shot:hover .dribbble-title {
    opacity: .95
}

.portfolio-holder .dribbble-container .dribbble-errors {
    background-color: #e44c52;
    color: #fff;
    padding: 20px
}

.portfolio-holder .dribbble-container~.endless-pagination .show-more {
    margin-top: 0
}

.portfolio-holder .dribbble-four-columns .dribbble_shot {
    width: 25%
}

@media screen and (max-width:992px) {
    .portfolio-holder .dribbble-four-columns .dribbble_shot {
        width: 33.3333%
    }
}

@media screen and (max-width:768px) {
    .portfolio-holder .dribbble-four-columns .dribbble_shot {
        width: 50%
    }
}

@media screen and (max-width:480px) {
    .portfolio-holder .dribbble-four-columns .dribbble_shot {
        width: 100%
    }
}

.product-filter {
    text-align: right;
    position: relative
}

@media screen and (max-width:992px) {
    .product-filter {
        text-align: left
    }
}

.product-filter ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

.product-filter ul>li:first-child {
    margin-left: 0
}

.product-filter ul li {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 10px
}

@media screen and (max-width:992px) {
    .product-filter ul li {
        margin-left: 0;
        margin-right: 10px
    }
}

.product-filter ul li a {
    font-size: 16px;
    color: #6d6d6d;
    text-decoration: none
}

.product-filter ul li.subcategory-back a {
    color: #6d6d6d;
    opacity: .5
}

.product-filter ul li.subcategory-back a i {
    display: inline-block;
    margin-right: 10px;
    opacity: 0
}

.product-filter ul li.subcategory-back a:after {
    display: none
}

.product-filter ul li {
    transition: all 200ms cubic-bezier(.445, .05, .55, .95);
    transition-delay: 50ms
}

.product-filter ul li+li {
    transition-delay: 100ms
}

.product-filter ul li+li+li {
    transition-delay: 150ms
}

.product-filter ul li+li+li+li {
    transition-delay: 200ms
}

.product-filter ul li+li+li+li+li,
.product-filter ul.is-active li {
    transition-delay: 250ms
}

.product-filter ul li+li+li+li+li+li,
.product-filter ul.is-active li+li {
    transition-delay: 300ms
}

.product-filter ul.is-active li+li+li {
    transition-delay: 350ms
}

.product-filter ul.is-active li+li+li+li {
    transition-delay: 400ms
}

.product-filter ul.is-active li+li+li+li+li {
    transition-delay: 450ms
}

.product-filter ul.is-active li+li+li+li+li+li {
    transition-delay: 500ms
}

.product-filter .portfolio-subcategory li,
.subcategory-active.product-filter .portfolio-root-categories li {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.product-filter .portfolio-subcategory {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    visibility: hidden
}

.product-filter .portfolio-subcategory li {
    margin-bottom: 10px
}

.product-filter .portfolio-subcategory.is-active {
    visibility: visible
}

.product-filter .portfolio-subcategory.is-active li {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.product-filter .portfolio-subcategory+.portfolio-subcategory {
    z-index: 15
}

.portfolio-title-holder {
    display: flex;
    align-items: flex-end
}

@media screen and (max-width:992px) {
    .portfolio-title-holder {
        flex-direction: column;
        align-items: flex-start
    }

    .portfolio-title-holder .pt-column-title+.pt-filters {
        margin-bottom: 10px
    }
}

@media screen and (min-width:769px) {
    .portfolio-title-holder .pt-column-title {
        max-width: 45%;
        padding-right: 20px
    }

    .portfolio-title-holder .pt-column-title+.pt-filters {
        margin-left: auto
    }
}

.portfolio-title-holder .section-title>:only-child {
    margin-bottom: 0
}

.portfolio-title-holder+.page-container {
    margin-top: 20px
}

.row-stretch_row_content_no_spaces .portfolio-title-holder {
    padding-left: 30px;
    padding-right: 30px
}

.header-absolute .portfolio-title-vc-content {
    margin-top: 40px
}

.portfolio-title-vc-content .container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important
}

.portfolio-title-vc-content>.lab-row-container:last-child {
    margin-bottom: 20px
}

.elementor .elementor-widget-kalium-portfolio-items-legacy {
    margin-bottom: 35px
}

.elementor .elementor-widget-kalium-portfolio-items-legacy .portfolio-holder {
    margin-top: 20px
}

.single-portfolio .page-container {
    margin-top: 30px
}

.header-absolute.single-portfolio .page-container,
.single-portfolio-holder .details .inline-checklists .services>div+.checklist-entry {
    margin-top: 0
}

.single-portfolio-holder .title {
    margin-top: 0;
    clear: both
}

.single-portfolio-holder .title h1 {
    margin-top: 15px;
    transition: margin 220ms linear
}

.single-portfolio-holder .gallery-above {
    margin-bottom: 30px
}

.single-portfolio-holder .details {
    transition: opacity 400ms cubic-bezier(.445, .05, .55, .95)
}

.single-portfolio-holder .details:after,
.single-portfolio-holder .details:before {
    display: table;
    content: " "
}

.single-portfolio-holder .details:after {
    clear: both
}

.single-portfolio-holder .details>.row {
    position: relative
}

.single-portfolio-holder .details.disappear {
    opacity: 0
}

.single-portfolio-holder .details .project-description {
    position: relative
}

.single-portfolio-holder .details .project-description p {
    font-size: 16px
}

.single-portfolio-holder .details .project-description.ps-container {
    margin-right: -12px;
    overflow: hidden
}

.single-portfolio-holder .details .project-description.ps-container .post-formatting {
    padding-right: 25px
}

.single-portfolio-holder .details .project-description .lab-row-container {
    margin: 0-15px
}

.single-portfolio-holder .details .lgrad {
    position: relative;
    height: 25px;
    margin-top: -25px;
    margin-right: 12px;
    background-image: linear-gradient(to bottom, transparent 0, rgba(255, 255, 255, .9) 100%)
}

.single-portfolio-holder .details .services:after,
.single-portfolio-holder .details .services:before {
    display: table;
    content: " "
}

.single-portfolio-holder .details .services:after {
    clear: both
}

.single-portfolio-holder .details .services .checklist-entry {
    margin-top: 30px
}

.single-portfolio-holder .details .services .checklist-entry.half-width {
    float: left;
    width: 50%
}

@media screen and (max-width:768px) {
    .single-portfolio-holder .details .services {
        margin-top: 50px
    }
}

.single-portfolio-holder .details .services h3,
.single-portfolio-holder .social-links-plain .share-social h4 {
    font-size: 18px;
    margin-top: 0
}

.single-portfolio-holder .details .services ul {
    padding-left: 0
}

.single-portfolio-holder .details .services ul li {
    list-style-type: none;
    font-size: 16px;
    color: #6d6d6d;
    padding-bottom: 5px
}

.single-portfolio-holder .details .link {
    margin-top: 10px;
    font-size: 18px
}

.single-portfolio-holder .details .link .project-multiple-links+.project-multiple-links {
    margin-top: 15px
}

.single-portfolio-holder .details .inline-checklists {
    padding-top: 30px;
    margin-bottom: -5px;
    display: table;
    width: 100%;
    table-layout: auto
}

.single-portfolio-holder .details .inline-checklists .link,
.single-portfolio-holder .details .inline-checklists .services {
    display: table-cell;
    vertical-align: bottom
}

.single-portfolio-holder .details .inline-checklists .services {
    margin-left: 0;
    margin-right: 0;
    width: auto
}

.single-portfolio-holder .details .inline-checklists .services>div {
    width: 100%;
    padding: 0
}

.single-portfolio-holder .details .inline-checklists .link {
    margin-bottom: 0;
    text-align: right;
    padding-bottom: 15px;
    white-space: nowrap
}

.single-portfolio-holder .social-links-plain {
    display: flex;
    align-items: center
}

@media screen and (max-width:992px) {
    .single-portfolio-holder .social-links-plain {
        margin-bottom: 20px
    }
}

.portfolio-type-1.single-portfolio-holder .social-links-plain,
.portfolio-type-2.single-portfolio-holder .social-links-plain,
.portfolio-type-3.single-portfolio-holder .social-links-plain,
.portfolio-type-5.single-portfolio-holder .social-links-plain,
.single-portfolio-holder .details .services.row+.link {
    margin-top: 40px
}

.single-portfolio-holder .social-links-plain .likes .fa-heart {
    color: #00b19e;
    font-size: 20px
}

.single-portfolio-holder .social-links-plain .likes .counter {
    font-size: 14px;
    text-align: center
}

.single-portfolio-holder .social-links-plain .likes .like-button {
    position: relative;
    display: flex;
    background-color: #eee;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-left: 20px
}

.portfolio-type-1.single-portfolio-holder .social-links-plain .likes .like-button,
.portfolio-type-2.single-portfolio-holder .social-links-plain .likes .like-button,
.portfolio-type-3.single-portfolio-holder .social-links-plain .likes .like-button,
.portfolio-type-5.single-portfolio-holder .social-links-plain .likes .like-button {
    margin-right: 20px;
    margin-left: 0
}

.single-portfolio-holder .social-links-plain .share-social {
    flex-grow: 1
}

@media screen and (max-width:480px) {
    .single-portfolio-holder .social-links-plain .share-social h4 {
        margin-top: 0
    }
}

.single-portfolio-holder .social-links-plain .share-social .social-links a {
    font-size: 15px;
    color: #6d6d6d;
    margin-right: 12px;
    margin-bottom: 5px
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.facebook:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.facebook:hover i {
    color: #1877f2
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.twitter:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.twitter:hover i {
    color: #55acee
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.instagram:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.instagram:hover i {
    color: #3f729b
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.dribbble:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.dribbble:hover i {
    color: #ea4c89
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.behance:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.behance:hover i {
    color: #1769ff
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.deviantart:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.deviantart:hover i {
    color: #05cc47
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.flickr:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.flickr:hover i {
    color: #0063dc
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.pinterest:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.pinterest:hover i {
    color: #cc2127
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.google-plus:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.google-plus:hover i,
.single-portfolio-holder .social-links-plain .share-social .social-links a.google:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.google:hover i {
    color: #dd4b39
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.linkedin:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.linkedin:hover i {
    color: #0976b4
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.vk:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.vk:hover i,
.single-portfolio-holder .social-links-plain .share-social .social-links a.vkontakte:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.vkontakte:hover i {
    color: #45668e
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.houzz:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.houzz:hover i {
    color: #7ac142
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.social-500px:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.social-500px:hover i {
    color: #0099e5
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.youtube:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.youtube:hover i {
    color: #e52d27
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.delicious:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.delicious:hover i {
    color: #39f
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.tumblr:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.tumblr:hover i {
    color: #35465c
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.soundcloud:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.soundcloud:hover i {
    color: #f80
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.snapchat.dark:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.snapchat.dark:hover i,
.single-portfolio-holder .social-links-plain .share-social .social-links a.snapchat:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.snapchat:hover i {
    color: #fffc00
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.xing:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.xing:hover i {
    color: #026466
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.spotify:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.spotify:hover i {
    color: #2ebd59
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.email:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.email:hover i {
    color: #666
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.skype:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.skype:hover i {
    color: #00aff0
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.github:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.github:hover i {
    color: #4183c4
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.foursquare:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.foursquare:hover i {
    color: #f94877
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.vimeo:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.vimeo:hover i {
    color: #1ab7ea
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.yelp:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.yelp:hover i {
    color: #af0606
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.tripadvisor:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.tripadvisor:hover i {
    color: #00af87
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.twitch:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.twitch:hover i {
    color: #6441a5
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.tiktok:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.tiktok:hover i {
    color: #010101
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.phone:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.phone:hover i {
    color: #6dab3c
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.whatsapp:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.whatsapp:hover i {
    color: #25d366
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.telegram:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.telegram:hover i {
    color: #08c
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.custom:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.custom:hover i {
    color: #00b19e
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.facebook:after {
    background-color: #1877f2
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.twitter:after {
    background-color: #55acee
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.instagram:after {
    background-color: #3f729b
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.dribbble:after {
    background-color: #ea4c89
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.behance:after {
    background-color: #1769ff
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.deviantart:after {
    background-color: #05cc47
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.flickr:after {
    background-color: #0063dc
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.pinterest:after {
    background-color: #cc2127
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.google-plus:after,
.single-portfolio-holder .social-links-plain .share-social .social-links a.google:after {
    background-color: #dd4b39
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.linkedin:after {
    background-color: #0976b4
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.vk:after,
.single-portfolio-holder .social-links-plain .share-social .social-links a.vkontakte:after {
    background-color: #45668e
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.houzz:after {
    background-color: #7ac142
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.social-500px:after {
    background-color: #0099e5
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.youtube:after {
    background-color: #e52d27
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.delicious:after {
    background-color: #39f
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.tumblr:after {
    background-color: #35465c
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.soundcloud:after {
    background-color: #f80
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.xing:after {
    background-color: #026466
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.spotify:after {
    background-color: #2ebd59
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.email:after {
    background-color: #666
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.skype:after {
    background-color: #00aff0
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.github:after {
    background-color: #4183c4
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.foursquare:after {
    background-color: #f94877
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.vimeo:after {
    background-color: #1ab7ea
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.yelp:after {
    background-color: #af0606
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.tripadvisor:after {
    background-color: #00af87
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.twitch:after {
    background-color: #6441a5
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.tiktok:after {
    background-color: #010101
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.phone:after {
    background-color: #6dab3c
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.whatsapp:after {
    background-color: #25d366
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.telegram:after {
    background-color: #08c
}

.single-portfolio-holder .social-links-plain .share-social .social-links a.custom:after {
    background-color: #00b19e
}

.single-portfolio-holder .social-links-plain .share-social .social-links a:last-child {
    margin-right: 0
}

.single-portfolio-holder .social-links-rounded {
    margin-top: 15px;
    clear: both
}

.portfolio-type-1.single-portfolio-holder .social-links-rounded,
.portfolio-type-5.single-portfolio-holder .social-links-rounded {
    margin-top: 40px
}

.single-portfolio-holder .social-links-rounded .social-share-icon {
    position: relative;
    background-color: #eee;
    margin-right: 10px;
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: all 200ms ease-in-out !important
}

.single-portfolio-holder .social-links-rounded .social-share-icon:hover {
    background-color: #d5d5d5
}

.single-portfolio-holder .social-links-rounded .social-share-icon i,
.single-portfolio-holder .social-links-rounded .social-share-icon.like-button .like-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.single-portfolio-holder .social-links-rounded .social-share-icon.like-button .like-icon__icon {
    width: 16px;
    height: 16px
}

.single-portfolio-holder .social-links-rounded .social-share-icon.like-button .like-icon__icon svg {
    fill: #333
}

.single-portfolio-holder .social-links-rounded .social-share-icon.like-button .like-icon__icon svg .stroke-color {
    stroke: #333
}

.single-portfolio-holder .social-links-rounded .social-share-icon.like-button .like-icon__bubble {
    background-color: #333
}

.single-portfolio-holder .social-links-rounded .social-share-icon .like-count,
.single-portfolio-holder .social-links-rounded .social-share-icon.like-button .like-button__count {
    display: none
}

.single-portfolio-holder .social-links-rounded .social-share-icon i {
    font-size: 16px;
    color: #333;
    width: auto;
    height: auto;
    margin: 0;
    text-align: center
}

.single-portfolio-holder .social-links-rounded .social-share-icon:first-child,
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .social-links-rounded a:first-child {
    margin-left: 0
}

.single-portfolio-holder .social-links-rounded .social-share-icon:last-child {
    margin-right: 0
}

@media screen and (max-width:480px) {
    .single-portfolio-holder .social-links-rounded .social-share-icon:first-child {
        margin-left: 15px !important
    }

    .single-portfolio-holder .social-links-rounded .social-share-icon:last-child {
        margin-right: 15px !important
    }
}

.single-portfolio-holder .gallery {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    clear: both
}

.single-portfolio-holder .gallery+.social-links-rounded {
    margin-top: 0;
    padding-top: 20px
}

.single-portfolio-holder .gallery.no-spacing .comparison-image-slider,
.single-portfolio-holder .gallery.no-spacing .photo,
.single-portfolio-holder .gallery.no-spacing .portfolio-images-slider,
.single-portfolio-holder .gallery.no-spacing .portfolio-video,
.single-portfolio-holder .gallery.no-spacing blockquote {
    margin-bottom: 0
}

.single-portfolio-holder .gallery.no-spacing .row {
    margin: 0
}

.single-portfolio-holder .gallery.no-spacing .row>div {
    padding: 0
}

.single-portfolio-holder .gallery.full-width-container {
    overflow: hidden
}

.single-portfolio-holder .gallery.full-width-container blockquote {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto
}

.single-portfolio-holder .gallery .portfolio-images-slider,
.single-portfolio-holder .gallery .quote blockquote,
.single-portfolio-holder .gallery blockquote {
    margin-bottom: 30px
}

.single-portfolio-holder .gallery .photo>a,
.single-portfolio-holder .gallery .portfolio-images-slider a,
.single-portfolio-holder .portfolio-featured-image a {
    display: block
}

@media screen and (max-width:767px) {
    .single-portfolio-holder .gallery blockquote {
        margin-top: 10px
    }
}

.single-portfolio-holder .gallery .photo {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    float: left
}

.single-portfolio-holder .gallery .photo .caption {
    bottom: 15px;
    left: 15px;
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, .3);
    opacity: 0;
    z-index: 0;
    position: absolute;
    text-align: left;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition-duration: .2s;
    font-size: 16px;
    color: #fff;
    margin: 0
}

.single-portfolio-holder .gallery .photo .caption a {
    display: inline-block;
    color: #fff
}

.single-portfolio-holder .gallery .photo .caption a:after {
    background-color: #fff
}

@media screen and (max-width:768px) {
    .single-portfolio-holder .gallery .photo .caption {
        position: relative;
        margin: 0;
        padding: 15px 0;
        background-color: transparent;
        color: #6d6d6d;
        left: 0;
        bottom: 0;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.single-portfolio-holder .gallery .photo:hover .caption {
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.single-portfolio-holder .gallery .portfolio-video {
    margin-bottom: 30px;
    clear: both
}

.single-portfolio-holder .gallery .quote {
    position: relative;
    float: left
}

@media screen and (max-width:992px) {
    .single-portfolio-holder .gallery .quote blockquote {
        margin-bottom: 15px
    }
}

.single-portfolio-holder .gallery.gallery-type-description .row {
    position: relative;
    margin-left: 0;
    margin-right: 0
}

.single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description {
    position: relative;
    overflow: hidden
}

@media screen and (max-width:768px) {
    .single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description {
        margin-top: 20px;
        margin-bottom: 10px
    }
}

.single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description+.lgrad {
    visibility: hidden
}

.single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description.ps-active-y {
    padding-right: 20px
}

.single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description.ps-active-y .ps-scrollbar-y-rail {
    right: -10px !important
}

.single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description.ps-active-y+.lgrad {
    visibility: visible
}

.single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description.first-entry,
.single-portfolio-holder .gallery.gallery-type-description.no-spacing .gallery-item-description.first-entry {
    margin-top: 0
}

.single-portfolio-holder .gallery.gallery-type-description .row .lgrad {
    position: relative;
    height: 30px;
    margin-top: -30px;
    margin-right: 12px;
    background-image: linear-gradient(to bottom, transparent 0, rgba(255, 255, 255, .9) 100%)
}

.single-portfolio-holder .gallery.gallery-type-description.no-spacing .gallery-item-description {
    margin-top: 45px;
    margin-right: 45px
}

@media screen and (max-width:768px) {
    .single-portfolio-holder .gallery.gallery-type-description.no-spacing .gallery-item-description {
        margin-top: 40px;
        margin-right: 0
    }
}

.single-portfolio-holder .gallery.gallery-type-description.no-spacing .gallery-item-description.description-right {
    margin-right: 0;
    margin-left: 45px
}

@media screen and (max-width:768px) {
    .single-portfolio-holder .gallery.gallery-type-description.no-spacing .gallery-item-description.description-right {
        margin-left: 0
    }
}

.single-portfolio-holder .gallery.gallery-type-description.no-spacing .row {
    margin-left: 15px;
    margin-right: 15px
}

.single-portfolio-holder .gallery.gallery-type-description .zz-type-html img {
    max-width: 100%;
    height: auto !important
}

.single-portfolio-holder .gallery.captions-hide .caption,
.single-portfolio-holder .portfolio-big-navigation a:after {
    display: none
}

.single-portfolio-holder .gallery.captions-below .caption {
    opacity: 1;
    bottom: 0;
    left: 0;
    display: block;
    position: relative;
    -webkit-transform: none;
    transform: none;
    background: 0 0;
    background: #f6f6f6;
    color: #333
}

.single-portfolio-holder .gallery.captions-below .caption a {
    color: #00b19e
}

.single-portfolio-holder .gallery.captions-below .caption a:after {
    background-color: #00b19e
}

.single-portfolio-holder .portfolio-featured-image {
    position: relative;
    margin-bottom: 60px
}

.single-portfolio-holder .portfolio-featured-image .caption {
    bottom: 0;
    margin: 15px;
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    opacity: 0;
    z-index: 0;
    position: absolute;
    text-align: left
}

.single-portfolio-holder .portfolio-featured-image .caption h3 {
    font-size: 16px;
    color: #fff;
    margin: 0
}

@media screen and (max-width:768px) {
    .single-portfolio-holder .portfolio-featured-image .caption {
        position: relative;
        opacity: 1;
        margin: 0;
        padding: 15px 0;
        background-color: transparent
    }

    .single-portfolio-holder .portfolio-featured-image .caption h3 {
        color: #6d6d6d
    }
}

.single-portfolio-holder .portfolio-featured-image.loading-finished img {
    visibility: visible;
    opacity: 1
}

.single-portfolio-holder .portfolio-featured-image:hover .caption {
    opacity: 1;
    z-index: 1
}

.single-portfolio-holder .portfolio-navigation {
    position: fixed;
    bottom: 0;
    z-index: 25
}

.single-portfolio-holder .portfolio-navigation.is-not-visible a {
    opacity: 0
}

.single-portfolio-holder .portfolio-navigation a {
    position: relative;
    background: #333;
    float: left;
    margin: 0;
    border: 0;
    width: 45px;
    height: 45px;
    transition: all 200ms cubic-bezier(.25, .46, .45, .94)
}

.single-portfolio-holder .portfolio-navigation a.not-clickable {
    pointer-events: none
}

.single-portfolio-holder .portfolio-navigation a.not-clickable i {
    opacity: .4
}

.single-portfolio-holder .portfolio-navigation a i {
    width: 100%;
    font-size: 22px;
    color: #fff;
    top: 50%;
    margin-top: -11px;
    text-align: center;
    position: absolute;
    transition: all 200ms ease-in-out 0
}

.single-portfolio-holder .portfolio-navigation a:hover i {
    color: #00b19e
}

.single-portfolio-holder .portfolio-navigation .back-to-portfolio {
    border: 1px solid #393939;
    border-top: 0;
    border-bottom: 0
}

.single-portfolio-holder .portfolio-navigation.right-side {
    right: 0
}

.single-portfolio-holder .portfolio-navigation.left-side {
    left: 0
}

.single-portfolio-holder .portfolio-navigation.centered {
    left: 50%;
    -webkit-transform: translateX(-49.63%);
    transform: translateX(-49.63%)
}

.single-portfolio-holder .portfolio-big-navigation {
    margin-top: 80px;
    margin-bottom: 30px
}

.single-portfolio-holder .portfolio-big-navigation a {
    color: #333;
    font-size: 20px;
    transition: all 200ms ease-in-out
}

.single-portfolio-holder .portfolio-big-navigation a:hover {
    color: #4d4d4d
}

@media screen and (max-width:480px) {
    .single-portfolio-holder .portfolio-big-navigation a {
        font-size: 17px
    }
}

.single-portfolio-holder .portfolio-big-navigation a i {
    display: block;
    font-size: 32px
}

.single-portfolio-holder .portfolio-big-navigation .text-align-right {
    text-align: right
}

.single-portfolio-holder .portfolio-navigation-type-simple.with-margin {
    margin-bottom: 60px
}

.single-portfolio-holder.gallery-type-fullbg .gallery {
    overflow: hidden
}

.single-portfolio-holder.gallery-type-fullbg.is-sticky .details {
    opacity: 1
}

.single-portfolio-holder.alt-one .services {
    margin-top: 30px
}

.single-portfolio-holder.alt-one .gallery {
    padding-left: 0;
    padding-right: 0
}

.single-portfolio-holder.alt-two .services {
    margin-top: 60px
}

.single-portfolio-holder.alt-two .gallery {
    margin-top: -205px;
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width:992px) {
    .single-portfolio-holder.alt-two .gallery {
        margin-top: 30px
    }
}

.single-portfolio-holder.alt-two .gallery .photo {
    margin-bottom: 0
}

@media screen and (max-width:992px) {
    .single-portfolio-holder.alt-two .gallery .photo {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }
}

.single-portfolio-holder.alt-five .gallery {
    margin-top: 100px;
    float: left
}

.single-portfolio-holder.alt-five .gallery .image-desc-holder {
    float: left
}

.single-portfolio-holder.alt-five .gallery .image-desc-holder .description {
    max-height: 620px;
    background-color: transparent;
    border-top: 41px solid transparent;
    border-bottom: 41px solid transparent;
    padding: 0 45px 0 0;
    overflow: hidden;
    position: relative;
    float: right
}

@media screen and (max-width:992px) {
    .single-portfolio-holder.alt-five .gallery .image-desc-holder .description {
        padding: 0;
        max-height: auto
    }
}

.single-portfolio-holder.alt-five .gallery .image-desc-holder .description.first-description {
    border-top: 0
}

.single-portfolio-holder.alt-five .gallery .image-desc-holder .description.right-desc {
    padding-left: 45px
}

@media screen and (max-width:992px) {
    .single-portfolio-holder.alt-five .gallery .image-desc-holder .description.right-desc {
        padding-left: 0
    }
}

.single-portfolio-holder.alt-five .gallery .image-desc-holder .photo {
    width: 100%;
    margin-bottom: 0;
    float: left
}

.single-portfolio-holder.alt-six .social {
    padding-left: 15px;
    padding-right: 15px
}

.single-portfolio-holder.alt-six .services {
    width: 100%;
    margin-top: 50px;
    text-align: left;
    float: left
}

@media screen and (max-width:480px) {
    .single-portfolio-holder.alt-six .services {
        margin-top: 25px
    }
}

.single-portfolio-holder.alt-six .services h3 {
    font-size: 18px;
    margin-top: 3px;
    margin-right: 25px;
    float: left
}

.single-portfolio-holder.alt-six .services ul {
    margin-top: 2px;
    float: left
}

.single-portfolio-holder.alt-six .services ul li {
    display: inline-block;
    padding-right: 12px
}

.single-portfolio-holder.alt-six .services .link {
    margin-top: 0;
    float: right
}

@media screen and (max-width:768px) {
    .single-portfolio-holder.alt-six .services .link {
        clear: both;
        margin-top: 30px;
        float: left
    }
}

.single-portfolio-holder.alt-six .gallery {
    float: none
}

.single-portfolio-holder.portfolio-type-1 .details {
    padding-left: 0;
    padding-right: 0
}

.single-portfolio-holder.portfolio-type-1 .details .breadcrumb {
    margin-bottom: 30px
}

.single-portfolio-holder.portfolio-type-1 .details .breadcrumb .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.single-portfolio-holder.portfolio-type-2 .title.section-title+.portfolio-featured-image {
    margin-bottom: 40px
}

.single-portfolio-holder.portfolio-type-2 .breadcrumb .container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.single-portfolio-holder.portfolio-type-2 .services,
.single-portfolio-holder.portfolio-type-3 .services {
    margin-top: -15px
}

.single-portfolio-holder.portfolio-type-2 .gallery,
.single-portfolio-holder.portfolio-type-3 .gallery {
    margin-top: 40px
}

.single-portfolio-holder.portfolio-type-3 .gallery-slider {
    position: relative;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto
}

.single-portfolio-holder.portfolio-type-3 .gallery-slider.carousel-center-mode .gallery-item {
    opacity: .5
}

.single-portfolio-holder.portfolio-type-3 .gallery-slider.carousel-center-mode .gallery-item.slick-center {
    opacity: 1
}

.single-portfolio-holder.portfolio-type-3 .gallery-slider .gallery-item {
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    transition: opacity 250ms ease-in-out
}

.single-portfolio-holder.portfolio-type-3 .gallery-slider.no-spacing .gallery-item {
    margin-left: 0;
    margin-right: 0
}

.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next,
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev {
    background: 0 0;
    border: 0;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 45px;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 250ms ease-in-out;
    opacity: 0
}

@media screen and (max-width:768px) {

    .single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next,
    .single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev {
        opacity: 1
    }
}

@media screen and (max-width:992px) {

    .single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next,
    .single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev {
        font-size: 30px
    }
}

.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next:hover,
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev:hover {
    color: #00b19e
}

.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-disabled {
    opacity: 0 !important;
    visibility: hidden
}

.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev {
    left: 200px
}

.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev:active {
    left: 185px
}

@media screen and (max-width:768px) {
    .single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev {
        left: 25px
    }

    .single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev:active {
        left: 30px
    }
}

.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next {
    right: 200px
}

.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next:active {
    right: 185px
}

@media screen and (max-width:768px) {
    .single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next {
        right: 25px
    }

    .single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next:active {
        right: 30px
    }

    .single-portfolio-holder.portfolio-type-3 .gallery-slider.no-spacing .slick-prev {
        left: 15px
    }

    .single-portfolio-holder.portfolio-type-3 .gallery-slider.no-spacing .slick-next {
        right: 15px
    }
}

.single-portfolio-holder.portfolio-type-3 .gallery-slider:hover .slick-next,
.single-portfolio-holder.portfolio-type-3 .gallery-slider:hover .slick-prev {
    opacity: 1
}

.single-portfolio-holder.portfolio-type-3 .portfolio-big-navigation.portfolio-navigation-type-simple {
    margin-top: 70px;
    margin-bottom: 0
}

.single-portfolio-holder.portfolio-type-3 .portfolio-video {
    margin-bottom: 0
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container {
    position: fixed;
    left: 0;
    bottom: 0;
    max-width: 60%;
    max-height: 60%;
    background: #fff;
    padding: 0;
    overflow: hidden;
    z-index: 10
}

@media screen and (max-width:992px) {
    .single-portfolio-holder.portfolio-type-5 .portfolio-description-container {
        margin: 0
    }
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container h1 {
    margin-top: 10px
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .title {
    margin-bottom: 30px
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .link {
    font-size: 18px;
    margin-top: 30px
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .services {
    margin-top: 20px
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .services ul li {
    padding-bottom: 5px;
    display: inline-block;
    padding-right: 10px
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .social-links-rounded {
    text-align: left;
    margin-left: 0;
    margin-right: 0
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .social-links-rounded a {
    margin-right: 0;
    margin-left: 8px
}

@media screen and (max-width:992px) {
    .single-portfolio-holder.portfolio-type-5 .portfolio-description-container .social-links-rounded {
        text-align: left
    }

    .single-portfolio-holder.portfolio-type-5 .portfolio-description-container .social-links-rounded a {
        margin-left: 0 !important;
        margin-right: 8px !important
    }
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-sharing-container.col-sm-12 .social-links-rounded {
    text-align: left
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-sharing-container.col-sm-12 .social-links-rounded a {
    margin-left: 0;
    margin-right: 8px
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo {
    display: none;
    position: relative;
    padding: 30px 50px
}

@media screen and (max-width:992px) {
    .single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo {
        padding: 20px
    }
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo h3 {
    position: relative;
    margin: 0;
    padding-bottom: 10px
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo p {
    position: relative;
    margin: 0
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo .expand-project-info {
    position: absolute;
    display: block;
    width: 30px;
    height: 39px;
    top: 0;
    right: 0;
    margin-right: 2px;
    margin-top: 0
}

@media screen and (max-width:768px) {
    .single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo .expand-project-info {
        display: none
    }
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo .expand-project-info svg {
    display: block;
    width: 100%
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo {
    position: relative;
    padding: 30px 50px
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .lab-vc-container {
    width: 100% !important
}

@media screen and (max-width:992px) {
    .single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo {
        padding: 20px
    }
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .collapse-project-info {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    padding: 10px;
    margin-right: 35px;
    margin-top: 25px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width:992px) {
    .single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .collapse-project-info {
        margin-right: 15px;
        margin-top: 15px
    }
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .collapse-project-info svg {
    display: block;
    width: 30px;
    height: 39px
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .project-description {
    position: relative
}

@media screen and (max-width:992px) {
    .single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .project-description {
        max-height: 10000px
    }
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .lgrad {
    position: relative;
    height: 30px;
    margin-top: -30px;
    margin-right: 12px;
    visibility: hidden;
    background-image: linear-gradient(to bottom, transparent 0, rgba(255, 255, 255, .9) 100%)
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .breadcrumb {
    margin-bottom: 20px
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .breadcrumb .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container.is-collapsed {
    cursor: pointer
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container.is-collapsed .portfolio-description-fullinfo {
    display: none
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container.is-collapsed .portfolio-description-showinfo,
div.photo a {
    display: block
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .ps-scrollbar-y-rail {
    margin-top: 20px;
    margin-bottom: 20px
}

.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .ps-scrollbar-y-rail .ps-scrollbar-y {
    margin-right: 10px
}

@media screen and (max-width:768px) {
    .single-portfolio-holder.portfolio-type-5 .portfolio-description-container {
        position: fixed;
        max-width: 100%;
        max-height: 60%;
        left: 20px;
        right: 20px;
        margin-bottom: 30px
    }
}

@media screen and (max-width:992px) {
    .single-portfolio-holder.portfolio-type-5 .portfolio-navigation {
        margin: 0
    }
}

@media screen and (max-width:768px) {
    .single-portfolio-holder.portfolio-type-5 .portfolio-navigation {
        right: 20px;
        bottom: 30px
    }

    .single-portfolio-holder.portfolio-type-5 .portfolio-navigation a {
        clear: both;
        height: 32px
    }

    .single-portfolio-holder.portfolio-type-5 .portfolio-navigation a+a {
        border-top: 1px solid rgba(255, 255, 255, .1)
    }

    .single-portfolio-holder.portfolio-type-5 .portfolio-navigation+.portfolio-description-container {
        right: 65px
    }
}

.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav {
    position: fixed;
    z-index: 9;
    right: 20px;
    top: 50%;
    margin-top: -40px !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:992px) {
    .single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav {
        margin: 0
    }
}

@media screen and (max-width:768px) {
    .single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav {
        bottom: 5px;
        right: 20px;
        top: auto;
        left: 20px;
        text-align: center;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a {
    display: block;
    padding: 6px;
    margin: 0;
    line-height: 0
}

@media screen and (max-width:768px) {
    .single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a {
        display: inline-block;
        padding: 6px 2px
    }
}

.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a span {
    display: inline-block;
    line-height: 1;
    background: #fff;
    text-indent: -9999px;
    overflow: hidden;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    transition: all 400ms cubic-bezier(.445, .05, .55, .95)
}

.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a:hover span {
    background-color: rgba(0, 177, 158, .5)
}

.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a.current span {
    background-color: #00b19e
}

.single-portfolio-holder.portfolio-type-6 .section-title {
    text-align: center
}

.single-portfolio-holder.portfolio-type-6 .lightbox-featured-image {
    position: relative;
    display: block
}

.single-portfolio-holder.portfolio-type-6 .lightbox-featured-image:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .1);
    z-index: 100;
    transition: all 250ms ease-in-out
}

.single-portfolio-holder.portfolio-type-6 .lightbox-featured-image:hover:before {
    background-color: rgba(0, 0, 0, .2)
}

.single-portfolio-holder.portfolio-type-6 .lightbox-featured-image em {
    display: block;
    position: absolute;
    font-style: normal;
    left: 50%;
    top: 50%;
    background-color: #000;
    color: #fff;
    line-height: 1;
    margin-bottom: -1px;
    padding: 10px 15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.single-portfolio-holder.portfolio-type-6 .lightbox-featured-image em i {
    display: inline-block;
    background: url(../images/icons/open-lightbox-icon.png)no-repeat right center;
    line-height: 1;
    margin-left: 5px;
    background-size: 12px;
    width: 12px;
    height: 12px
}

.single-portfolio-holder.portfolio-type-7 .portfolio-big-navigation {
    margin-top: 20px
}

.single-portfolio-holder.portfolio-type-7>.vc-container {
    margin: 0-15px
}

.single-portfolio-holder.portfolio-type-7>.vc-container .container {
    width: 100%
}

.single-portfolio-holder .vc-container {
    overflow: visible
}

.single-portfolio-holder.portfolio-centered-layout .project-description {
    text-align: center
}

.single-portfolio-holder.portfolio-centered-layout .social-links-plain {
    margin-bottom: 10px;
    text-align: center;
    display: block
}

.single-portfolio-holder.portfolio-centered-layout .social-links-plain .likes,
.single-portfolio-holder.portfolio-centered-layout .social-links-plain .share-social {
    width: 100%;
    display: block;
    float: none;
    margin: 0
}

.single-portfolio-holder.portfolio-centered-layout .social-links-plain .likes .like-button {
    display: inline-flex;
    margin-left: 0;
    margin-right: 0
}

.single-portfolio-holder.portfolio-centered-layout .social-links-plain .share-social {
    position: relative;
    margin-top: 35px
}

.single-portfolio-holder.portfolio-centered-layout .social-links-plain .share-social a {
    margin: 0 7px
}

.single-portfolio-holder.portfolio-centered-layout .social-links-plain .share-social a i {
    margin-left: 0
}

.single-portfolio-holder.portfolio-centered-layout .social-links-rounded {
    text-align: center
}

.portfolio-full-bg-slider {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #eee;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1
}

.portfolio-full-bg-slider .image-entry {
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: ew-resize;
    cursor: -webkit-image-set(url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjgsMjUgMSwzMiA4LDM5ICIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjU2LDM5IDYzLDMyIDU2LDI1ICIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjYzLDMyIDQzLDMyIDEsMzIgIi8+PC9zdmc+)1x, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjgsMjUgMSwzMiA4LDM5ICIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjU2LDM5IDYzLDMyIDU2LDI1ICIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjYzLDMyIDQzLDMyIDEsMzIgIi8+PC9zdmc+)2x), ew-resize;
    background: no-repeat center center;
    opacity: 0;
    background-size: cover;
    transition: all 800ms cubic-bezier(.445, .05, .55, .95)
}

.portfolio-full-bg-slider .image-entry.active {
    opacity: 1;
    z-index: 100
}

.portfolio-full-bg-slider .image-entry .vjs-has-started {
    cursor: default
}

.portfolio-full-bg-slider .image-entry .video-js {
    padding-bottom: 0 !important;
    width: 100%;
    height: 100%
}

.portfolio-full-bg-slider .image-entry .video-js .vjs-control-bar {
    background: 0 0;
    width: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.portfolio-full-bg-slider .image-entry .video-js .vjs-control-bar:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: -150%;
    right: -150%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0)0, rgba(0, 0, 0, .2) 100%)
}

.portfolio-full-bg-slider.is-finished+.portfolio-full-bg-loader {
    visibility: hidden
}

.portfolio-full-bg-loader {
    position: fixed;
    top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.portfolio-vc-type-container .lab-full-width .vc_figure,
.portfolio-vc-type-container .lab-full-width .vc_single_image-wrapper,
.portfolio-vc-type-container .lab-full-width .vc_single_image-wrapper img,
.portfolio-vc-type-container .lab-full-width .wpb_single_image {
    width: 100%
}

.portfolio-vc-type-container .portfolio-like-share-vc {
    margin-bottom: 20px
}

.portfolio-vc-type-container .portfolio-like-share-vc .social-links-plain {
    margin-top: 0
}

.portfolio-vc-type-container .portfolio-like-share-vc.alignment-left .social-links-plain .likes .like-button {
    margin-left: 0;
    margin-right: 20px
}

.portfolio-vc-type-container .portfolio-like-share-vc.alignment-right {
    text-align: right
}

.portfolio-vc-type-container .portfolio-like-share-vc.alignment-right .likes {
    order: 2
}

.portfolio-vc-type-container .portfolio-like-share-vc.alignment-center {
    text-align: center
}

.portfolio-vc-type-container .portfolio-like-share-vc.alignment-center .social-links-plain {
    flex-direction: column;
    justify-content: center
}

.portfolio-vc-type-container .portfolio-like-share-vc.alignment-center .social-links-plain .likes {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px
}

.portfolio-vc-type-container .portfolio-like-share-vc.alignment-center .social-links-plain .likes .like-button {
    margin-left: 0
}