/* ######## Portfolio Header ########## */
.portfolioPage .header-wrapper  {
min-height:400px;
 background:#1E222B url('../../../images/waves3.png') no-repeat  center 150px;
 background-size:100%;
}


.alt.headerContainer {
  max-width:1000px;
  margin:0 auto;
  padding-top:340px;
  padding-bottom:30px;
}
.alt.headerContainer h1 {
  font-size:38px;
  padding-top:50px;
  color:#CCA9DD;
}
.alt.headerContainer h1 strong {
  color:#fff!important;
}
.alt.headerContainer .smallLine {
  background:#353A47;
}
.portfolioPage .header-wrapper svg {
  display:none;
}

@media all and (max-width: 769px)  {
	.alt.headerContainer {
    padding-top:180px;
    padding-bottom:20px;
  }
}
@media all and (max-width: 475px)  {
	.alt.headerContainer {
    padding-top:100px;
    padding-bottom:10px;
  }
}





.showcase-top-wrapper {
  background:#1E222B;
  padding:20px 0px;
  box-shadow:0px 15px 15px rgba(5,5,5,0.4);
}

.button-group.filters-button-group {
  max-width:520px;
  margin:0 auto;
}
.button-group.filters-button-group > button  {
  background:none;
  color:#fff;
  text-transform:uppercase;
  font-weight:400;
  border:0px;
  padding:5px 15px;
  border-radius:3px;
  margin-right:10px;
}
.button-group.filters-button-group > button.is-checked {
  background:#794791;
  color:#fff;
}
#portfolioContainer {
  padding:10px 0px;
  background:#1E222B;
}
#portfolioGrid {
  max-width:100%;
  margin:0 auto;
}

@media all and (max-width: 475px)  {
  .showcase-top-wrapper {
   padding:0px;
  }
	.button-group.filters-button-group > button  {
   margin-bottom:20px;
  }
}


.grid-item {
  width: -moz-calc(25% - 15px);
  width: -webkit-calc(25% - 15px);
  width: -o-calc(25% - 15px);
  width: calc(25% - 15px);
  margin-top:15px;
  margin-right:15px!important;
}
.grid-item--width2 { width: 50%; }

@media all and (max-width: 1000px)  {
	.grid-item {
    width: -moz-calc(33% - 15px);
    width: -webkit-calc(33% - 15px);
    width: -o-calc(33% - 15px);
    width: calc(33% - 15px);
    margin-top:15px;
    margin-right:15px!important;
  }
}
@media all and (max-width: 750px)  {
	.grid-item {
    width: -moz-calc(50% - 15px);
    width: -webkit-calc(50% - 15px);
    width: -o-calc(50% - 15px);
    width: calc(50% - 15px);
    margin-top:15px;
    margin-right:15px!important;
  }
}
@media all and (max-width: 450px)  {
	.grid-item {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: -o-calc(100%);
    width: calc(100%);
    margin-top:15px;
    margin-right:0px!important;
  }
}
/*
.animateElement .grid-item {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}
*/
.grid-item.shown,
.no-js .grid-item,
.no-cssanimations .grid-item {
	opacity: 1;
}

/* Effect 3: Scale up
.grid-item.animate {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
*/




/* BOTTOM */
body.portfolioPage .testimonial-wrapper-home { background:#794791;}