.sticky{
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  /*height: 50vh;*/
  margin: 0;
  /*top: 10vh;*/
  bottom:0vh;
  left: 0;
  background: #ffffff
}
h1{
  font-size: 36px;
  color: #222;
  line-height: normal;
}
/* Widget Color Filter */
.color-filter ul li  {
  color: #666;
  float: left;
  font-size: 14px;
  line-height: 28px;
  cursor: pointer;
}
.color-filter li, .size-filter li, .diotrie-filter li {
  float: left;
  margin: 3px;
}
.color-filter ul li span.count { float: right;}
span.color {
  background: #ddd none repeat scroll 0 0;
  display: inline-block;
  height: 25px;
  width: 25px;
  border-radius:15px;
  border: 1px solid #dedede;
}
.color-filter ul li span img {
  border-radius: 2px;
}
.color-filter ul li.active span.color,
.color-filter ul li:hover span.color,
.color-filter ul li.active span img,
.color-filter ul li:hover span img,
.size-filter ul li:hover,
.size-filter ul li.active
{
  outline: 2px solid #C5A46D;
  outline-offset: 2px;
  cursor: pointer;
  border-radius: 2px;
}

@media screen and (max-width: 767px){
  h1{
    font-size: 26px;
  }
}
