.portfolio-filter {
  margin-bottom : 20px;
}

.filter--empty {
  display : none!important;
}

.cbp-l-filters-button .cbp-filter-item {
  display            : inline-block;
  margin             : 0 3px 10px 3px;
  padding            : 0 14px;
  color              : #000;
  border             : none;
  background-color   : transparent;
  text-transform     : uppercase;
  font-size          : 11px;
  font-weight        : 600;
  letter-spacing     : 1.5px;
  -moz-transition    : all .2s;
  -ms-transition     : all .2s;
  -o-transition      : all .2s;
  -webkit-transition : all .2s;
  transition         : all .2s;
}
.cbp-l-filters-button .cbp-filter-item:hover,
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
  color            : #000;
  opacity          : 1;
  background-color : transparent;
}

.cbp-caption-active .cbp-caption-activeWrap {
  display         : flex;
  align-items     : center;
  justify-content : center;
}

.cbp-caption-fadeIn .cbp-caption-activeWrap {
  background-color   : rgba(255, 255, 255, .8);
  -moz-transition    : opacity .2s;
  -ms-transition     : opacity .2s;
  -o-transition      : opacity .2s;
  -webkit-transition : opacity .2s;
  transition         : opacity .2s;
}

.cbp-item .cbp-caption-activeWrap .wrap {
  width      : 100%;
  text-align : center;
}

.cbp-item .cbp-caption-activeWrap .wrap h3 {
  line-height : 1.4;
}

.cbp-caption-fadeIn .cbp-caption .cbp-caption-activeWrap.video {
  opacity          : 1;
  background-color : transparent;
}

.cbp-item .cbp-caption-activeWrap.video .wrap {
  opacity   : 1;
  transform : translateY(-50%);
}

.cbp-caption-activeWrap.video .wrap i {
  opacity            : 1;
  text-shadow        : 0px 0px 20px rgba(0, 0, 0, .15);
  -moz-transition    : opacity .3s;
  -ms-transition     : opacity .3s;
  -o-transition      : opacity .3s;
  -webkit-transition : opacity .3s;
  transition         : opacity .3s;
}

.cbp-caption-activeWrap.video .wrap i:hover {
  opacity : .8;
}

.cbp-item .cbp-caption .cbp-caption-activeWrap.video .wrap i:hover {
  padding-bottom : 25px;
}

.cbp-lightbox img {
  -moz-transition    : transform .4s;
  -ms-transition     : transform .4s;
  -o-transition      : transform .4s;
  -webkit-transition : transform .4s;
  transition         : transform .4s;
}

.cbp-lightbox:hover img {
  -moz-transform    : scale(1.1);
  -ms-transform     : scale(1.1);
  -o-transform      : scale(1.1);
  -webkit-transform : scale(1.1);
  transform         : scale(1.1);
}

/* cube portfolio custom */

.cbp-popup-singlePage .cbp-popup-content {
  margin-top : 85px;
}

.cbp-popup-singlePage {
  padding    : 0;
  background : rgba(8, 8, 8, 0.94);
}

.cbp-popup-navigation {
  background : #0db8ca;
}

.cbp-l-project-title h1 {
  margin         : 0px 0;
  font-size      : 36px;
  font-weight    : 700;
  line-height    : 1.1;
  letter-spacing : 1px;
}

.cbp-l-project-desc-text p {
  color      : #fff;
  text-align : justify;
  font-size  : 14px;
}

.cbp-l-project-details .btn-primary {
  margin : 30px 0;
}

.cbp-l-project-details {
  margin-top : 5px;
}

.cbp-l-project-details-list strong {
  display        : inline-block;
  min-width      : 100px;
  color          : #fff;
  font-size      : 16px;
  font-weight    : 400;
  letter-spacing : 0.5px;
}

.cbp-l-project-details-list>div,
.cbp-l-project-details-list>li {
  padding       : inherit;
  padding       : 8px 0;
  color         : #0db8ca;
  border-bottom : 1px dotted #fff;
}

.cbp-popup-singlePage .cbp-popup-navigation-wrap {
  z-index : 9999999;
  height  : 50px;
}

.cbp-l-project-subtitle {
  max-width  : 500px;
  margin     : 0 auto 30px;
  color      : #0db8ca;
  text-align : center;
}

.cbp-l-project-desc-title {
  margin-bottom : 22px;
  color         : #0db8ca;
  border-bottom : 1px solid #0db8ca;
  text-shadow   : none;
  transition    : all ease-in-out 0.3s;
}

.cbp-l-project-related-wrap {
  list-style : none;
}

.cbp-l-project-related-item img {
  transition : all ease-in-out 0.3s;
}

.cbp-l-project-related-item:hover img {
  opacity    : 0.5;
  transform  : scale(1.05);
  transition : all ease-in-out 0.3s;
}

.cbp-l-project-related-item:hover .cbp-l-project-related-title {
  opacity    : 0.5;
  transition : all ease-in-out 0.3s;
}

.cbp-l-project-desc-title span,
.cbp-l-project-details-title span {}

.cbp-l-project-related-title {
  margin-top : 20px;
  color      : #fff;
}

.cbp-nav-pagination-active {
  background : #0db8ca;
}

.cbp-l-project-details-list .share-list .share i {
  width         : 20px;
  height        : 20px;
  padding       : 8px;
  color         : #0db8ca;
  border-radius : 30px;
  background    : #060606;
  line-height   : 20px;
  transition    : all ease-in-out 0.3s;
}

.cbp-l-project-details-list .share-list .share:hover i {
  color      : #fff;
  background : #0db8ca;
  transition : all ease-in-out 0.3s;
}

.cbp-l-project-desc.disable-meta {
  width : 100%;
  float : none;
}

.cbp-l-project-details.disable-desc {
  width         : 100%;
  float         : none;
  margin-bottom : 15px;
  padding-left  : 0;
}

.mt-60.nav-show {
  margin-top : 60px;
}

.nav-hide .cbp-nav-controls {
  display : none;
}

.cbp-nav-controls {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cbp-mode-slider .cbp-nav-pagination {
  display : block;
}

.cbp-nav-next,
.cbp-nav-prev {
  background-color : #000;
}
.cbp-nav-next:hover,
.cbp-nav-prev:hover {
  background-color : #797979;
}
.cbp-nav-pagination-item {
  background-color : #797979;
}
.cbp-nav-pagination-item:hover,
.cbp-nav-pagination-active {
  background-color : #000;
}
.mt-60.nav-show {
    margin-bottom: 30px;
}
.cbp-nav-pagination {
    margin-top: 20px;
}
.cbp-nav-next,
.cbp-nav-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    cursor: pointer;
}
.cbp-nav-next:after,
.cbp-nav-prev:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffffff;
    background: none;
    position: relative;
    top: inherit;
    left: inherit;
    bottom: inherit;
    right: inherit;
    width: auto;
    height: auto;
}
.cbp-nav-next {
    margin-left: 1px;
}

.cbp-nav-next:after {
  content     : "\f054";
}
.cbp-nav-prev:after {
  content     : "\f053";
}
.cbp-nav-pagination {
    z-index: 100;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}
.cbp-popup-singlePage .cbp-nav-next:after {
  content : "";
}

.cbp-popup-singlePage .cbp-nav-prev:after {
  content : "";
}

.cbp-caption-overlayBottom .cbp-caption-activeWrap {
  height : 50%;
}

.cbp-caption-overlayBottomPush .cbp-caption-activeWrap {
  height            : 50%;
  -webkit-transform : translateY(0);
  transform         : translateY(0);
}

.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap {
  -webkit-transform : translateY(-100%);
  transform         : translateY(-100%);
}

.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
  height : 50%;
}

.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap {
  -webkit-transform : translateY(-50%);
  transform         : translateY(-50%);
}

.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
  height : 50%;
}

.cbp-l-filters-button .cbp-filter-counter {
  background-color : #000;
}
.cbp-l-filters-button .cbp-filter-counter:after {
  border-top : 4px solid #000;
}
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter {
    bottom: 10px;
}
.cbp-l-filters-alignCenter .cbp-filter-counter,
.cbp-l-filters-alignRight .cbp-filter-counter,
.cbp-l-filters-button .cbp-filter-counter,
.cbp-l-filters-buttonCenter .cbp-filter-counter,
.cbp-l-filters-text .cbp-filter-counter {
    opacity: 0;
    -webkit-transition: -webkit-transform .25s,opacity .25s;
    transition: transform .25s,opacity .25s;
}
.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter,
.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter,
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter,
.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter,
.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter {
  opacity           : 1;
  -webkit-transform : translateY(-25px);
  transform         : translateY(-25px);
}

.cbp-l-filters-button .cbp-filter-item {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}

.cbp-popup-wrap {
    z-index: 999999;
}
.cbp-item .cbp-caption-activeWrap .wrap h3 {
    line-height: 1.4;
    color: #fff;
}
.cbp-item .post--cat {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.cbp-item i.x3 {
    font-size: 20px;
    color: #fff;
}
.cbp-popup-lightbox-title h3 {
    padding-right: 70px;
    font-size: 24px;
    line-height: 21px;
    color: #fff;
}
.cbp-popup-lightbox-title span {
    font-size: 18px;
    letter-spacing: 0.5px;
}
.cube-iframe .mfp-iframe-holder {
    padding: 0;
}
.cube-iframe .mfp-iframe-holder .mfp-content {
    width: 100%;
    max-width: 100%;
    height: 100vh;
}
.cube-iframe .mfp-iframe-holder .mfp-close {
    font-size: 44px;
    color: #3c3a3a;
    position: fixed;
    top: 50px;
    right: 50px;
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50px;
    background-color: white;
}
.cube-iframe.mfp-bg {
    background: #ffffff;
    opacity: 1;
}
@media(max-width:768px) {
    .cbp-item .cbp-caption-activeWrap .wrap h3 {
        font-size: 24px;
    }
    .cbp-item .post--cat {
        font-size: 12px;
    }
}
.portfolio-cbp-nav {
    margin-top: 30px;
}
.portfolio-cbp-nav nav.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
.portfolio-cbp-nav .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    line-height: 1;
    background-color: #000;
    background-color: #797979;
}
.portfolio-cbp-nav .page-numbers:not(:last-child) {
    margin-right: 2px;
}
.portfolio-cbp-nav .page-numbers.current,
.portfolio-cbp-nav .page-numbers:hover {
    color: #fff;
    background-color: #000;
}
.portfolio-cbp-nav .page-numbers.next,
.portfolio-cbp-nav .page-numbers.prev {
    padding: 0 10px;
    width: auto;
}