/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


/* Color shapes */

.color-shape {
  width: 220px;
  height: 350px;
  margin-bottom: 1%;
  float: left;

  border-bottom: 3px solid #8432c4;
  background-color: #fff;
}
.color-shape.photoshop a {color: #333;} 

.color-shape.shape1 {
	background-color: #edf2f6;
}
.shape1 a {
	text-decoration: none;
	
}

.shape1 .shape_box { 
	width: 100%;
	height: 100%;
	padding: 20px;
}
.shape1 .shape_box .shape_box_t1 {
	display: block;
	text-align: right;
	color: #4a9abf;
} 
.shape1 .shape_box .shape_box_t2 {
	display: block;
	font-size: 20px;
	padding-top: 3em;
} 



@media screen and (max-width:580px) {
	.color-shape {width:95%; height: auto; float: none;}
}