/* Start dooGrid stack each CSS code */

.stacks_in_8gridWrapper > div{
	display: inline-block !important;
	width: 25%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;

    margin-top: 15px;
    padding-right: 7.500000px;
    padding-left: 7.500000px;
}


.stacks_in_8gridWrapper{
	margin-right: -7.500000px;
    margin-left: -7.500000px;
    margin-top: -15px;
}






@media all and (max-width: 1024px) {
	
	
	
	.stacks_in_8gridWrapper > div{
		width: 33.333333%;
	}
	
}

@media all and (max-width: 768px) {
	
	
	
	.stacks_in_8gridWrapper > div{
		width: 50%;
	}
		
}

@media all and (max-width: 480px) {
	
	
	
	.stacks_in_8gridWrapper > div{
		width: 100%;
	}
	
}



/* End dooGrid stack each CSS code *//* Start dooGridChild stack each CSS code */

/* End dooGridChild stack each CSS code *//* Start dooRinse stack each CSS code */


#stacks_in_6 img {
 -webkit-filter: grayscale(1);
 -webkit-transition: all 300ms ease-out;
 z-index: 1;
 -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#stacks_in_6 .RinseFilter{
	z-index: 10;
}

.dooRinse {
    position: relative;
	display: inline-block;
	margin: 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	z-index: 2;
}


	
	#stacks_in_6 img:hover {
	  -webkit-filter: grayscale(0%);
	}
	
	
	
	



/* End dooRinse stack each CSS code *//* Start dooGridChild stack each CSS code */

/* End dooGridChild stack each CSS code *//* Start dooRinse stack each CSS code */


#stacks_in_18 img {
 -webkit-filter: grayscale(1);
 -webkit-transition: all 300ms ease-out;
 z-index: 1;
 -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#stacks_in_18 .RinseFilter{
	z-index: 10;
}

.dooRinse {
    position: relative;
	display: inline-block;
	margin: 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	z-index: 2;
}


	
	#stacks_in_18 img:hover {
	  -webkit-filter: grayscale(0%);
	}
	
	
	
	



/* End dooRinse stack each CSS code *//* Start dooGridChild stack each CSS code */

/* End dooGridChild stack each CSS code *//* Start dooRinse stack each CSS code */


#stacks_in_20 img {
 -webkit-filter: grayscale(1);
 -webkit-transition: all 300ms ease-out;
 z-index: 1;
 -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#stacks_in_20 .RinseFilter{
	z-index: 10;
}

.dooRinse {
    position: relative;
	display: inline-block;
	margin: 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	z-index: 2;
}


	
	#stacks_in_20 img:hover {
	  -webkit-filter: grayscale(0%);
	}
	
	
	
	



/* End dooRinse stack each CSS code *//* Start dooGridChild stack each CSS code */

/* End dooGridChild stack each CSS code *//* Start dooRinse stack each CSS code */


#stacks_in_22 img {
 -webkit-filter: grayscale(1);
 -webkit-transition: all 300ms ease-out;
 z-index: 1;
 -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#stacks_in_22 .RinseFilter{
	z-index: 10;
}

.dooRinse {
    position: relative;
	display: inline-block;
	margin: 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	z-index: 2;
}


	
	#stacks_in_22 img:hover {
	  -webkit-filter: grayscale(0%);
	}
	
	
	
	



/* End dooRinse stack each CSS code *//* Start dooGridChild stack each CSS code */

/* End dooGridChild stack each CSS code *//* Start dooRinse stack each CSS code */


#stacks_in_26 img {
 -webkit-filter: grayscale(1);
 -webkit-transition: all 300ms ease-out;
 z-index: 1;
 -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#stacks_in_26 .RinseFilter{
	z-index: 10;
}

.dooRinse {
    position: relative;
	display: inline-block;
	margin: 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	z-index: 2;
}


	
	#stacks_in_26 img:hover {
	  -webkit-filter: grayscale(0%);
	}
	
	
	
	



/* End dooRinse stack each CSS code */