/*--------------------------------------------------
	[CUBEPORTFOLIO]
----------------------------------------------------*/
/* Popup Wrap */
.cbp-popup-wrap {
  z-index: 9999 !important; }

.cube-portfolio {
  /* Filter */
  /* Caption Effects */
  /* Portfolio Icons */ }
  .cube-portfolio .cbp-l-filters-alignCenter .cbp-filter-item {
    font-size: 14px;
    padding: 6px 15px;
    text-transform: uppercase;
    color: #3f5263; }
    .cube-portfolio .cbp-l-filters-alignCenter .cbp-filter-item:hover {
      color: #fff;
      background: #3f5263; }
  .cube-portfolio .cbp-l-filters-alignCenter .cbp-filter-item-active {
    color: #fff;
    background: #3f5263; }
  .cube-portfolio .cbp-caption .cbp-caption-hover-gradient {
    position: relative; }
    .cube-portfolio .cbp-caption .cbp-caption-hover-gradient:before {
      width: 100%;
      height: 100%;
      content: " ";
      position: absolute;
      transition-duration: 300ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
    .cube-portfolio .cbp-caption .cbp-caption-hover-gradient:after {
      top: 10px;
      left: 10px;
      right: 10px;
      bottom: 10px;
      content: " ";
      position: absolute;
      transition-duration: 300ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
  .cube-portfolio .cbp-caption:hover .cbp-caption-hover-gradient:before {
    opacity: .8;
    background: #3f5263; }
  .cube-portfolio .cbp-caption:hover .cbp-caption-hover-gradient:after {
    border: 2px solid #fff; }
  .cube-portfolio .cbp-caption .cbp-caption-activeWrap {
    background: inherit; }
  .cube-portfolio .portfolio-icons i {
    width: 40px;
    height: 40px;
    padding: 10px;
    margin: 5px;
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    color: #3f5263;
    background: #fff;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
    .cube-portfolio .portfolio-icons i:hover {
      color: #fff;
      background: #d15d5d;
      transition-duration: 300ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }