/* 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;
}

/**** Isotope styles ****/
.element {
  width: 217px;
  min-height:260px;
  margin: 5px 10px 5px 5px;
  float: left;
  overflow: hidden;
  position: relative;
  color: #222;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.isotope_img img {
	position: relative;
    border-radius: 5px 5px 0 0;
	height: auto;
    width: 100%;
	opacity: 0.88;
	-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}

.isotope_img img:hover {
	opacity:1;
}

.isotope_content {
    border-radius: 0 0 5px 5px;
    color: #999999;
    display: block;
    margin-top: -5px;
    padding: 20px 10px 20px 10px;
    text-align: left;
}

.strip {
    display: block;
	background: none repeat scroll 0 0 #E92E28;
    height: 3px;
    width: 50px;
}

.isotope_content h3 {
    font-weight: normal;
	font-family:'MyriadPro-Semibold', Arial, Tahoma, sans-serif;
	font-size:14px;
	color:#666;
    margin-bottom: 0;
    padding: 5px 0;
}

.isotope_content h3 a { color:#666;} 

.isotope_content h3 a:hover { color:#E92E28; text-decoration:none;}

/**** Example Options ****/

#options ul {
    border-bottom: 1px solid rgba(127, 127, 127, 0.5);
    border-top: 1px solid rgba(127, 127, 127, 0.5);
    list-style: none outside none;
    margin: 0 auto 30px;
    max-width: 100% !important;
    position: relative;
    text-align: center;
}

#options ul li {
    display: inline-block;
}

#options ul li a {
    border-bottom: medium none !important;
    color: #666;
	font-family:'MyriadPro-Semibold', Arial, Tahoma, sans-serif;
    display: inline-block;
    font-size: 14px;
	font-weight:normal;
    line-height: 20px;
    margin: 0 auto;
    padding: 10px 15px;
    text-align: center;
}

#options ul li a { text-decoration:none;}

#options a {
    display: block;
    font-size: 12px;
    line-height: 22px;
    padding: 0 5px;
    text-transform: uppercase;
}


#options a:hover {
    color:#E92E28;
}