@charset "utf-8";

/*.primary-slides-fade .item2 {
  width: 100% !important;
  height: 100% !important;
}
.primary-slides-fade .item {
  opacity: 0;
  width: 100% !important;
  height: 100% !important;
}

.primary-slides-fade .item.active {
  opacity: 1;
  z-index: 2;
}

.primary-slides-fade .item.next {
  opacity: 1;
  z-index: 1
} */

.primary {
  opacity: 0;
}

.primary-slides-fade .item {
  width: 100%;
  height: 100%;
}

.primary-slides-fade .prev, .primary-slides-fade .next {
  background: url(HP-HeroArrow-@2x.png) top left no-repeat;
  position: absolute;
  transition:all .5s;
  outline: 0;
  opacity: .5;
}
.primary-slides-fade .prev:hover, .primary-slides-fade .next:hover {
  opacity: 1;
}
.primary-slides-fade.hide .prev, .primary-slides-fade.hide .next, .primary-slides-fade.hide .item img {
  opacity: 0;
}
.primary-slides-fade.hide .item:first-child img {
  opacity: 1;
}

.primary-bottom.slide-fader {
  height: 27px;
}

.primary .dots {
  position: absolute;
  width: 300px;
  left: 50%;
  margin-left: -150px;
  top: 0;
  padding-top: 49%;
  text-align: center;
  z-index: 3;
}

.primary .dots a {
  height: 10px;
  width: 10px;
  display: inline-block;
  margin: 10px 5px;
  background: #e3e3e3;
  transition: all 1s;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-indent: -9999em;
}
.primary .dots a.activeSlide, .primary .dots a:hover {
  background: #7fd3cc;
}
.primary-slides-fade .prev, .primary-slides-fade .next {
  background: url(http://marketing.modcloth.com/cms/home/static/HP-HeroArrow-@2x.png) center right no-repeat;
  background-size: 33px;
  position: absolute;
  display: block;
  width: 63px;
  top: 111px;
  left: 0;
  height: 501px;
  z-index: 12;
}
.primary-slides-fade .next {
  left: auto;
  right: 0;
  background: url(http://marketing.modcloth.com/cms/home/static/HP-HeroArrow-@2x.R.png) center left no-repeat;
  background-size: 33px;
}