/* 3d mixins */
/* end 3d mixins */
div.portfolio-wrap {
  color: #333333;
}
div.portfolio-wrap .portfolio-container {
  position: relative;
}
div.portfolio-wrap .portfolio-container.list-layout .list-layout-item {
  margin-bottom: 20px;
}
div.portfolio-wrap .portfolio-container.list-layout .list-layout-item:last-child {
  margin-bottom: 0;
}
div.portfolio-wrap .portfolio-container.list-layout .list-layout-item .inner-wrap {
  margin: 0 0 20px 0;
}
div.portfolio-wrap .portfolio-container.list-layout .list-layout-item .inner-wrap .media-content {
  width: 28%;
  margin-right: 2%;
  float: left;
}
div.portfolio-wrap .portfolio-container.list-layout .list-layout-item .inner-wrap .item-content {
  width: 70%;
  float: left;
}
div.portfolio-wrap .portfolio-container.justified-layout .portfolio-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-between;
  -webkit-align-items: stretch;
}
div.portfolio-wrap .portfolio-container.justified-layout .portfolio-list .justified-layout-item {
  position: relative;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
div.portfolio-wrap .portfolio-container.justified-layout .portfolio-list .justified-layout-item .inner-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  overflow: inherit;
}
div.portfolio-wrap .portfolio-container.justified-layout .portfolio-list .justified-layout-item .justified-image {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
div.portfolio-wrap .portfolio-container.loading-animation-fade .portfolio-list .portfolio-item .inner-wrap {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
div.portfolio-wrap .portfolio-container.loading-animation-fade .portfolio-list .portfolio-item.animate-cycle-show .inner-wrap {
  opacity: 0;
  filter: alpha(opacity=0);
}
div.portfolio-wrap .portfolio-container.loading-animation-fade .portfolio-list .portfolio-item.animate-cycle-hide .inner-wrap {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;