@charset "utf-8";
.collection {
  width: 71%;
  padding-top: 40px;
  padding-right: calc(40px - 1.5%);
  margin-right: 0;
}
.collection__looks {
  width: 105.71428571428572%;
  margin: 0 -5.714285714285714%;
  padding-bottom: 5.714285714285714%;
}
.collection__looks:after {
  content: ' ';
  display: block;
  clear: both;
}
.collection__look {
  float: left;
  position: relative;
  width: 45.94594594594595%;
  height: 0;
  padding-bottom: 69.5945945945946%;
  margin: 10.81081081081081% 2.027027027027027% 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.collection__look--top {
  margin-top: 0;
}
.collection__look--full {
  width: 95.94594594594594%;
}
.collection__look--right {
  float: none;
  margin-left: auto;
}
.collection__look--show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 720ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: opacity 720ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: opacity 720ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: opacity 720ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 720ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.collection__a {
  z-index: 2;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: rgba(255,255,255,0);
}
.collection__phs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.collection__phs,
.collection__phs__box,
.collection__phs__slides {
  height: 100%;
}
.collection__ph {
  height: 100%;
  background-color: #f5f5f5;
}
.collection__ph__img {
  width: auto;
  height: 100%;
  margin: 0 auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.collection__ph.Slider__slide--show .collection__ph__img {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 1600ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: opacity 1600ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: opacity 1600ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: opacity 1600ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 1600ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.collection__ph--single .collection__ph__img {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.collectionModal {
  display: none;
  background-color: #f5f5f5;
  height: 100vh;
}
.collectionModal__looks {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 150px;
  height: 100%;
}
.collectionModal__look {
  height: 100%;
  display: none;
}
.collectionModal__phs,
.collectionModal__phs__box,
.collectionModal__phs__slides {
  height: 100%;
}
.collectionModal__ph {
  position: relative;
  height: 100%;
  background-color: #f5f5f5;
}
.collectionModal__ph__img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  margin: auto;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: none;
}
.collectionModal__ph.Slider__slide--show .collectionModal__ph__img {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 1600ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: opacity 1600ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: opacity 1600ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: opacity 1600ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 1600ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.collectionModal__ph--single .collectionModal__ph__img {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.collectionModal__cursorIcon {
  display: none;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  pointer-events: none;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  cursor: none;
}
@media screen and (max-width: 736px) {
  .collection {
    width: auto;
    padding-top: 28vw;
    padding-right: 0;
    margin-right: auto;
  }
  .collection__looks {
    width: auto;
    margin: 0;
    padding-bottom: 6.666666666666667vw;
  }
  .collection__look {
    float: none;
    width: 86.66666666666667vw;
    height: 131.33333333333334vw;
    margin: 3.333333333333333vw auto 0;
    padding-bottom: 0;
  }
  .collection__look--top {
    margin-top: 3.333333333333333vw;
  }
  .collection__look--full {
    width: 86.66666666666667vw;
  }
  .collection__look:first-child {
    margin-top: 0;
  }
  .collection__phs {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .collection__ph {
    position: relative;
  }
  .collection__ph__img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}