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


.photos .photo {
  margin: 6px;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.filters {
  margin:0 auto;
  width:896px;
  list-style:none;
  font-size:11px;
  height:20px;
  padding: 10px 10px;
  text-align: center;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
.filters li {
  /*float:left;*/
  display:inline-block;
  /*width:15%; */
  background:transparent;
  position:relative;
  z-index:500;
  font-family:'Verdana';
  margin:0 5px 0 5px;
}

/* this is the parent menu */
.filters li a {
  display:block;
  /*padding:4px 5px 0 5px; */
  /*font-weight:700; */
  //text-transform:uppercase;
  height:20px;
  padding:0 10px 0 10px;
  text-decoration:none;
  color:#fff;
  text-align:center;
  line-height:20px;
  border: 1px solid #fff;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #333;
}

.filters li a:hover {
  color:#fff;
  background:#2d4851;
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0 , 0, 0.2);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0 , 0, 0.2);
  box-shadow: 0px 4px 5px 0px rgba(0, 0 , 0, 0.2);
  z-index: 1001;

}
/* you can make a different style for default selected value */
.filters a.selected {
  color:#fff;
  background:#497482;
}



.sort-by {
  margin:0 auto;
  width:802px;
  list-style:none;
  font-size:11px;
  height:20px;
  padding: 10px 10px;
  text-align: center;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
.sort-by li {
  /*float:left;*/
  display:inline-block;
  /*width:15%; */
  background:transparent;
  position:relative;
  z-index:500;
  font-family:'Verdana';
  margin:0 5px 0 5px;
}

/* this is the parent menu */
.sort-by li a {
  display:block;
  /*padding:4px 5px 0 5px; */
  /*font-weight:700; */
  //text-transform:uppercase;
  height:20px;
  padding:0 10px 0 10px;
  text-decoration:none;
  color:#fff;
  text-align:center;
  line-height:20px;
  border: 1px solid #fff;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;

  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #333;
}

.sort-by li a:hover {
  color:#fff;
  background:#2d4851;
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0 , 0, 0.2);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0 , 0, 0.2);
  box-shadow: 0px 4px 5px 0px rgba(0, 0 , 0, 0.2);
  z-index: 1001;

}
/* you can make a different style for default selected value */
.sort-by a.selected {
  color:#fff;
  background:#497482;
}