@charset "UTF-8";


/*------------------------------------------------------------------
	[Portfolio]
------------------------------------------------------------------*/
/* Popup Lightbox Close Button */
.cbp-popup-lightbox .cbp-popup-close,
.cbp-popup-lightbox .cbp-popup-next,
.cbp-popup-lightbox .cbp-popup-prev {
  width: 38px;
  height: 38px;
  background: #000;
  border-radius: 3px;
  opacity: .5;
}

.cbp-popup-lightbox .cbp-popup-close:after,
.cbp-popup-lightbox .cbp-popup-next:after,
.cbp-popup-lightbox .cbp-popup-prev:after {
  display: inline-block;
  width: 38px;
  height: 38px;
  font-size: 20px;
  font-family: FontAwesome;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}

.cbp-popup-lightbox .cbp-popup-close:hover,
.cbp-popup-lightbox .cbp-popup-next:hover,
.cbp-popup-lightbox .cbp-popup-prev:hover {
  opacity: 1;
}

.cbp-popup-lightbox .cbp-popup-close:after {
  font-size: 16px;
 /* content: "\2716";*/
  padding: 8px;
}

.cbp-popup-lightbox .cbp-popup-prev:after {
 /* content: "\f104";*/
}

.cbp-popup-lightbox .cbp-popup-next:after {
/*  content: "\f105";*/
}

/* Theme Portfolio Nav Controls v1 */
.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls {
  position: absolute;
  top: auto;
  left: 50%;
  bottom: -40px;
  margin-left: -35px;
}

.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next,
.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev {
  width: 30px;
  height: 30px;
  background: transparent;
  border-radius: 3px;
  margin: 0 3px;
}

.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next:after,
.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev:after {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 20px;
  font-family: FontAwesome;
  color: #34343c;
  text-align: center;
  background: transparent;
  border: 1px solid #34343c;
  border-radius: 50%;
  vertical-align: middle;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next:hover,
.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev:hover {
  opacity: 1;
}

.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next:hover:after,
.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev:hover:after {
  color: #fff;
  background: #34343c;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next:after {
  content: "\f105";
}

.theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev:after {
  content: "\f104";
}

/* Theme Portfolio Nav Controls v2 */
.theme-portfolio.theme-portfolio-nav-v2.theme-portfolio-nav-v2-on-hover {
  overflow: hidden;
}

.theme-portfolio.theme-portfolio-nav-v2.theme-portfolio-nav-v2-on-hover .cbp-nav-controls .cbp-nav-prev {
  left: -32px;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio.theme-portfolio-nav-v2.theme-portfolio-nav-v2-on-hover .cbp-nav-controls .cbp-nav-next {
  right: -32px;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio.theme-portfolio-nav-v2.theme-portfolio-nav-v2-on-hover:hover .cbp-nav-controls .cbp-nav-prev {
  left: 0;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio.theme-portfolio-nav-v2.theme-portfolio-nav-v2-on-hover:hover .cbp-nav-controls .cbp-nav-next {
  right: 0;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls {
  position: static;
}

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev,
.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next {
  width: 30px;
  height: 50px;
  z-index: 1;
  background: transparent;
  margin: -25px 3px 0;
}

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev:after,
.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next:after {
  display: inline-block;
  width: 30px;
  height: 50px;
  font-size: 20px;
  font-family: FontAwesome;
  color: #fff;
  text-align: center;
  line-height: 2.4;
  background: rgba(52, 52, 60, 0.8);
  vertical-align: middle;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev:hover,
.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next:hover {
  opacity: 1;
}

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev:hover:after,
.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next:hover:after {
  background: #34343c;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next {
  position: absolute;
  top: 50%;
  right: 0;
}

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next:after {
  content: "\f105";
  margin-right: -2px;
}

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev {
  position: absolute;
  top: 50%;
  left: 0;
}

.theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev:after {
  content: "\f104";
  margin-left: -2px;
}

/* Theme Portfolio Filter */
.theme-portfolio .cbp-l-filters-alignRight,
.theme-portfolio .cbp-l-filters-alignLeft,
.theme-portfolio .cbp-l-filters-alignCenter {
  font-size: 16px;
  font-weight: 300;
  font-family: Roboto, sans-serif;
  margin-bottom: 15px;
}

.theme-portfolio .cbp-filter-item {
  font-size:18px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  color: #34343c;
  background: transparent;
  border: none;
  border: 1px solid transparent;
  text-transform: inherit;
  padding: 5px 10px;
  margin: 0 10px 10px;
}

.theme-portfolio .cbp-filter-item.cbp-filter-item-active {
  color: #00bcd4;
  background: transparent;
  border-color: #9f745a;
}

.theme-portfolio .cbp-filter-item:hover {
  color: #00bcd4;
}

.theme-portfolio .cbp-filter-counter {
  background: #00bcd4;
}

.theme-portfolio .cbp-filter-counter:after {
  border-top-color: #00bcd4;
}

/* Media Queries under 768px */
@media (max-width: 768px) {
  .cbp-l-filters-alignRight,
  .cbp-l-filters-alignLeft {
    float: none;
    text-align: center;
  }
}

/* Theme Portfolio Load More Button */
.theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-link,
.theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-button-link,
.theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-link,
.theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-button-link {
  display: inline-block;
  background: #262626;
  min-width: auto;
  font-size: 16px;
  font-weight: 300;
  font-family: Roboto, sans-serif;
  color: #fff;
  line-height: 1.4;
  border: 1px solid #000;
  padding: 12px 25px;
  
}

.theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-link:hover,
.theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,
.theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-link:hover,
.theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-button-link:hover {
  color: #fff;
  background: #000;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}



/* Theme Portfolio Zoom Effect */
.theme-portfolio .cbp-caption-zoom .cbp-caption-activeWrap {
  background: rgba(0, 188, 212, 0.6);
}

/* Theme Portfolio Item v1 */
.theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-active-wrap {
  position: relative;
}

.theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-active-wrap:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  content: " ";
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-item-v1-heading {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-item-v1-heading .theme-portfolio-item-v1-title {
  font-size: 18px;
  margin-bottom: 0;
  -webkit-transform: translate3d(0, -40%, 0);
  -moz-transform: translate3d(0, -40%, 0);
  transform: translate3d(0, -40%, 0);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-item-v1-heading .theme-portfolio-item-v1-subtitle {
  display: block;
  font-size: 14px;
  font-style: italic;
  color: #606060;
  margin-bottom: 0;
  -webkit-transform: translate3d(0, 40%, 0);
  -moz-transform: translate3d(0, 40%, 0);
  transform: translate3d(0, 40%, 0);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v1:hover .theme-portfolio-active-wrap:before {
  background: rgba(255, 255, 255, 0.95);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v1:hover .theme-portfolio-item-v1-heading {
  opacity: 1;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v1:hover .theme-portfolio-item-v1-heading .theme-portfolio-item-v1-title {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v1:hover .theme-portfolio-item-v1-heading .theme-portfolio-item-v1-subtitle {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Theme Portfolio Item v2 */
.theme-portfolio .theme-portfolio-item-v2 .theme-portfolio-active-wrap {
  position: relative;
}

.theme-portfolio .theme-portfolio-item-v2 .theme-portfolio-active-wrap:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  content: " ";
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v2 .theme-portfolio-lightbox {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate3d(-50%, -20%, 0);
  -moz-transform: translate3d(-50%, -20%, 0);
  transform: translate3d(-50%, -20%, 0);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v2:hover .theme-portfolio-active-wrap:before {
  background: rgba(0, 188, 212, 0.5);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v2:hover .theme-portfolio-lightbox {
  opacity: 1;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Theme Portfolio Item v3 */
.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-active-wrap {
  position: relative;
}

.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-active-wrap:before {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  width: auto;
  height: auto;
  background: rgba(255, 255, 255, 0);
  content: " ";
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translate3d(-50%, -20%, 0);
  -moz-transform: translate3d(-50%, -20%, 0);
  transform: translate3d(-50%, -20%, 0);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-block;
  color: #34343c;
  text-align: center;
}

.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 30px;
  margin-top: -15px;
}

.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 1px;
  margin-left: -15px;
}

.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:before, .theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:after {
  background: #34343c;
  content: " ";
}

.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:hover:before, .theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:hover:after {
  background: #00bcd4;
}

.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  display: block;
  padding: 30px;
  opacity: 0;
  -webkit-transform: translate3d(0, 20%, 0);
  -moz-transform: translate3d(0, 20%, 0);
  transform: translate3d(0, 20%, 0);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-title {
  font-size: 16px;
  margin-bottom: 0;
}

.theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-subtitle {
  display: block;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 0;
}

.theme-portfolio .theme-portfolio-item-v3:hover .theme-portfolio-active-wrap:before {
  background: rgba(255, 255, 255, 0.8);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v3:hover .theme-portfolio-lightbox {
  opacity: 1;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio .theme-portfolio-item-v3:hover .theme-portfolio-item-v3-heading {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Theme Portfolio Title Heading */
.theme-portfolio .theme-portfolio-title-heading {
  text-align: center;
  background: #fff;
  padding: 20px 0;
}

.theme-portfolio .theme-portfolio-title-heading.theme-portfolio-title-heading-sm {
  padding: 15px;
}

.theme-portfolio .theme-portfolio-title-heading.theme-portfolio-title-heading-sm .theme-portfolio-title {
  font-size: 16px;
}

.theme-portfolio .theme-portfolio-title-heading.theme-portfolio-title-heading-sm .theme-portfolio-subtitle {
  font-size: 14px;
}

.theme-portfolio .theme-portfolio-title-heading .theme-portfolio-title {
  display: block;
  font-size: 18px;
  margin: 0 0 3px;
}

.theme-portfolio .theme-portfolio-title-heading .theme-portfolio-subtitle {
  display: block;
  color: #606060;
  font-size: 15px;
  font-style: italic;
}

/* Theme Portfolio Description */
.theme-portfolio-desc .portfolio-item-img-wrap {
  position: relative;
}

.theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-content-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: auto;
  height: auto;
}

.theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading {
  background: #fff;
  padding: 10px 20px;
  margin: 40px;
}

.theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading .portfolio-item-heading-title {
  font-size: 30px;
  font-weight: 400;
  margin: 0;
}

.theme-portfolio-desc .portfolio-item-subitem-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}

.theme-portfolio-desc .portfolio-item-subitem-paragraph {
  margin-bottom: 0;
}

.theme-portfolio-desc .portfolio-item-category {
  font-size: 15px;
  font-weight: 300;
  color: #606060;
}

.theme-portfolio-desc .portfolio-item-category:hover {
  color: #00bcd4;
  text-decoration: none;
}

/* Media Queries below 480px */
@media (max-width: 480px) {
  .theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading {
    margin: 10px;
    padding: 5px 10px;
  }
  .theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading .portfolio-item-heading-title {
    font-size: 18px;
  }
}

/*--------------------------------------------------
    [Theme Portfolio v2]
----------------------------------------------------*/
/* Filter */
.theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item {
  position: relative;
  z-index: 2;
  display: block;
  font-size: 16px;
  font-weight: 300;
  font-family: Roboto, sans-serif;
  color: #34343c;
  line-height: 1.4;
  border: none;
  background: inherit;
  text-transform: inherit;
  padding: 0;
  margin: 0 0 10px;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item:hover {
  color: #00bcd4;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
  color: #00bcd4;
  background: inherit;
}

/* Caption */
.theme-portfolio-v2 .cbp-caption {
  background: #fff;
  box-shadow: 0 2px 5px 3px #eff1f8;
  padding: 15px;
  margin: 5px;
}

/* Media Queries below 992px */
@media (max-width: 992px) {
  .theme-portfolio-v2 .cbp-l-filters-alignRight {
    text-align: center;
  }
  .theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item {
    display: inline-block;
    margin: 0 10px 10px;
  }
}

/*--------------------------------------------------
    [Theme Portfolio v3]
----------------------------------------------------*/
.theme-portfolio-v3 .cbp-l-filters-button {
  margin-bottom: 15px;
}

.theme-portfolio-v3 .cbp-l-filters-button .cbp-filter-item {
  font-size: 20px;
  font-weight: 300;
  font-family: Roboto, sans-serif;
  color: #fff;
  background: transparent;
  border: none;
  padding: 0 3px;
}

.theme-portfolio-v3 .cbp-l-filters-button .cbp-filter-item-active {
  font-weight: 400;
}

/* Hover Effect */
.theme-portfolio-v3 .cbp-caption-zoom .cbp-caption-activeWrap {
  background: rgba(52, 52, 60, 0.9);
}

/*--------------------------------------------------
    [Theme Portfolio Filter v1]
----------------------------------------------------*/
.theme-portfolio-filter-v1 .cbp-filter-item {
  font-size: 14px;
  color: #34343c;
  background: #fff;
  border-bottom: none;
  padding: 10px 20px;
  margin: 0 3px 40px;
}

.theme-portfolio-filter-v1 .cbp-filter-item.cbp-filter-item-active {
  color: #00bcd4;
  background: #fff;
}

/*--------------------------------------------------
    [Team v8]
----------------------------------------------------*/
.team-v8 {
  position: relative;
  overflow: hidden;
}

.team-v8 .team-v8-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 3;
  text-decoration: none;
}

.team-v8 .team-v8-img {
  position: relative;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  transform: scale(1, 1);
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.team-v8 .team-v8-img:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 52, 60, 0);
  content: " ";
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.team-v8 .team-v8-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 40px;
  opacity: 0;
  -webkit-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.team-v8 .team-v8-name {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 2px;
}

.team-v8 .team-v8-position {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
}

.team-v8 .team-v8-position:after {
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 1px;
  background: #fff;
  content: " ";
}

.team-v8:hover .team-v8-img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.team-v8:hover .team-v8-img:before {
  background: rgba(52, 52, 60, 0.7);
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.team-v8:hover .team-v8-info {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  transform: scale(1, 1);
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/* Theme Portfolio Description */
.theme-portfolio-desc .portfolio-item-img-wrap {
  position: relative;
}

.theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-content-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: auto;
  height: auto;
}

.theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading {
  background: #fff;
  padding: 10px 20px;
  margin: 40px;
}

.theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading .portfolio-item-heading-title {
  font-size: 30px;
  font-weight: 400;
  margin: 0;
}

.theme-portfolio-desc .portfolio-item-subitem-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}

.theme-portfolio-desc .portfolio-item-subitem-paragraph {
  margin-bottom: 0;
}

.theme-portfolio-desc .portfolio-item-category {
  font-size: 15px;
  font-weight: 300;
  color: #606060;
}

.theme-portfolio-desc .portfolio-item-category:hover {
  color: #00bcd4;
  text-decoration: none;
}

/* Media Queries below 480px */
@media (max-width: 480px) {
  .theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading {
    margin: 10px;
    padding: 5px 10px;
  }
  .theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading .portfolio-item-heading-title {
    font-size: 18px;
  }
}




.container {
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
}

.container * {
  box-sizing: border-box;
}

.flex-outer,
.flex-inner {
  list-style-type: none;
  padding: 10px;

}

.flex-outer {
  
  margin: 0 auto;
}

.flex-outer li,
.flex-inner {
 
  flex-wrap: wrap;
  align-items: center;
}

.flex-inner {
  padding: 0 8px;
  justify-content: space-between;  
}

.flex-outer > li:not(:last-child) {
  margin-bottom: 20px;
}

.flex-outer li label,
.flex-outer li p {
  padding: 8px;
  font-weight: 300;
  letter-spacing: .09em;
  text-transform: uppercase;
}



.flex-outer li p {
  margin: 0;
}

.flex-outer li input:not([type='checkbox']),
.flex-outer li textarea {
  padding: 15px;
  border: none;
}

.flex-outer li button {
  margin-left: auto;
  padding: 8px 16px;
  border: none;
  background: #333;
  color: #f2f2f2;
  text-transform: uppercase;
  letter-spacing: .09em;
  border-radius: 10px;
  width:100px;
  
}