@charset "utf-8";
.fixed-icons{
display: none;
}
.nav ul li {
padding: 0 !important;
}
.landing-slot #intro h2 {
  margin: 0 0 45px;
  text-align: center;
  font-size: 24px;
  font-family: 'NeueHaasGroteskText W01','Noto Sans Japanese',Arial,sans-serif;
}
.ui-datepicker-multi {
  width: 100%;
}
.ui-datepicker-multi .ui-datepicker-group.left-img {
  width: 13%;
}
.ui-datepicker-multi .ui-datepicker-group.right-img {
  /* width: 13.17%; */
  width: 13%;
}
#sect-1-2-wrapper .ui-datepicker-group.center-img {
  width: calc(100% - 28.7%);
  -webkit-width: calc(100% - 28.7%);
  margin: 0px 1.25%;
  position: relative;
  overflow: hidden;
}
video#video {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
}
#intro .ui-datepicker-group.center-img .intro-text p {
  text-align: center;
}
.ui-datepicker-group.center-img .intro-text {
  width: 100%;
  position: absolute;
  top: 10%;
  right: 0;
  text-align: center;
  color: #000;
}
.ui-datepicker-group.right-img {
  width: calc(100% - 13%);
  padding-left: 26.3%;
  position: relative;
}
.ui-datepicker-group .right-txt {
  width: 21%;
  text-align: left;
  position: absolute;
  top: 0;
  left: 5%;
  margin-top: 0;
}
.ui-datepicker-group h2,
.ui-datepicker-group p {
  color: #000;
}
#film .ui-datepicker-group.right-img,
#collection .ui-datepicker-group.right-img {
  width: 13%;
  padding-left: 0;
}
#collection .ui-datepicker-group.right-img {
  width: 10.8%;
}
#film .ui-datepicker-group.left-img,
#collection .ui-datepicker-group.center-img {
  width: calc(100% - 13%);
  padding-right: 22.3%;
  position: relative;
}
#collection .ui-datepicker-group.center-img {
  width: 100%;
}
#film .ui-datepicker-group .right-txt,
#collection .ui-datepicker-group .right-txt {
  width: 22%;
  right: 0%;
  left: auto;
}
.ui-datepicker-group p > span {
  font-weight: 300;
  font-family: "NeueHaasGroteskDisp W01";
}
.ui-datepicker-group .place {
  letter-spacing: 0.5em;
}
.artist .ui-datepicker-group.left-img {
  width: 28.4%;
  position: relative;
}
.artist .ui-datepicker-group.center-img {
  width: calc(100% - 43.6%);
  -webkit-width: calc(100% - 43.6%);
  margin: 0px 1.25%;
  position: relative;
}
.artist .ui-datepicker-group.right-img {
  width: 12.7%;
}
#okamoto .ui-datepicker-group.center-img {
  cursor: pointer;
  position: relative;
}
/* #okamoto .ui-datepicker-group.center-img:hover .sound {
  opacity: 0.5;
} */
#okamoto .ui-datepicker-group.center-img .sound_bg {
  background: #bebbb2;
  width: 100%;
  height: 55px;
  opacity: 0.8;
  position: absolute;
  bottom: 0;
}
#okamoto .ui-datepicker-group.center-img .sound {
  width: 100%;
  position: absolute;
  bottom: 0;
  line-height: 55px;
  height: 55px;
}
#okamoto .ui-datepicker-group.center-img .sound_txt {
  margin: 0;
  font-size: 12px;
  /* float: left; */
  text-indent: 23px;
  letter-spacing: 0.5em;
  display: inline-block;
  /* line-height: 45px; */
}
#okamoto .ui-datepicker-group.center-img .sound img {
  display: inline-block;
  vertical-align: middle;
}
#okamoto .ui-datepicker-group.center-img .sound_img {
  position: relative;
  margin-left: 15px;
}
#okamoto .ui-datepicker-group.center-img .sound_img.on:after {
  content: '';
  border-bottom: 3px solid #fff;
  width: 42px;
  position: absolute;
  display: inline-block;
  top: 50%;
  left: -4px;
}
#okamoto .ui-datepicker-group.center-img .intro-text {
  width: 26%;
  position: absolute;
  right: 3.5%;
  top: 50px;
}
#aoi .ui-datepicker-group.center-img .intro-text {
  width: 35%;
  position: absolute;
  left: 3.5%;
  top: 50px;
}
.blackfont .ui-datepicker-group.center-img .intro-text h2 {
  margin-bottom: 15px;
}
.blackfont .ui-datepicker-group.center-img .intro-text p.place {
  margin-bottom: 35px;
}
.blackfont .ui-datepicker-group.center-img .intro-text h2,
.blackfont .ui-datepicker-group.center-img .intro-text p {
  color: #000;
}
.blackfont .ui-datepicker-group.center-img .intro-text p.style_text {
  max-width: 80%;
}
.collection .ui-datepicker-group.left-img {
  width: 29.16%;
  position: relative;
}
.collection.ui-datepicker-multi .ui-datepicker-group.center-img {
  width: calc(100% - 41.79%);
  -webkit-width: calc(100% - 41.79%);
  position: relative;
}
#dna.collection.ui-datepicker-multi .ui-datepicker-group.center-img {
  padding-right: 29.1%;
  margin-left: 1.8%;
}
#dna.collection.ui-datepicker-multi .ui-datepicker-group.center-img .intro-text {
  width: 33%;
  position: absolute;
  top: 70%;
  transform: translateY(-50%);
  right: 80px;
  text-align: center;
  color: #000;
}
.blackfont .ui-datepicker-group.center-img .intro-text .cta-block {
  margin-top: 40px;
}
.blackfont .ui-datepicker-group.center-img .intro-text a,
#film .ui-datepicker-group .intro-text a {
  color: #fff !important;
  border: 2px solid #000;
  background-color: #000;
  margin-left: 0;
  letter-spacing: 0.3em;
}
.blackfont .ui-datepicker-group.center-img .intro-text a:hover,
#film .ui-datepicker-group .intro-text a:hover {
  color: #000 !important;
  background-color: #fff
}
#photography.collection.ui-datepicker-multi .ui-datepicker-group.center-img {
  padding-left: 29.12%;
  margin-right: 1.8%;
}
.collection .ui-datepicker-group.right-img {
  width: 10.83%;
}
#photography .ui-datepicker-group.center-img .intro-text {
  width: 25%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100px;
  text-align: center;
  color: #000;
}
/* .landing-slot section.scroll-to.scroll-to-3, */ /* PHOTOGRAPHY公開後はこの1行を削除 */
/* .landing-slot section.scroll-to.scroll-to-6 {
  padding-bottom: 135px;
} */
.landing-slot section.scroll-to.scroll-to-none {
  display: none;
}
.play-btn {
  width: 225px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 50%;
  left: 28%;
  transform: translateY(-50%);
}
.play-btn .mybtn {
  color: #fff;
  border: 1px solid #fff;
  display: block;
  text-align: center;
  letter-spacing: 0.15em;
  font-family: 'NeueHaasGroteskText W01','Noto Sans Japanese',Arial,sans-serif;
}
.play-btn .mybtn:hover {
  opacity: 0.5;
}
.play-btn .mybtn img {
  width: 14px;
  margin-left: 10px;
  vertical-align: text-bottom;
}

.visible-xl {
  display: block!important;
}
.visible-l, .visible-tb, .visible-mb, .visible-mb5 {
  display: none!important;
}

.landing-slot #shop-text {
  margin: 50px auto;
}
.landing-slot a.button {
  display: table;
  position: relative;
  letter-spacing: 2px;
  font-family: 'NeueHaasGroteskText W01','Noto Sans Japanese',Arial,sans-serif;
  font-weight: normal;
  line-height: 40px;
  color: #fff;
  border-style: none;
  min-width: 130px;
  height: 40px;
  border: 2px solid #fff;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}
.landing-slot .slick-arrow {
  position: absolute;
  bottom: -50px;
  cursor: pointer;
}
.prev.slick-arrow {
  left: 30%;
}
.next.slick-arrow {
  right: 30%;
}

    @media(max-width: 1440px){
      .visible-xl, .visible-tb, .visible-mb {
        display: none!important;
      }
      .visible-l {
        display: block!important;
      }
      .ui-datepicker-multi .ui-datepicker-group.left-img,
      .ui-datepicker-multi .ui-datepicker-group.right-img {
        width: 17%;
      }
      #sect-1-2-wrapper .ui-datepicker-group.center-img {
        width: calc(100% - 37.6%);
        -webkit-width: calc(100% - 37.6%);
        margin: 0 25px;
        margin: 0px 1.8%;
        position: relative;
      }
      .ui-datepicker-group.center-img .intro-text {
        width: 100%;
        position: absolute;
        top: 10%;
        right: 0;
        text-align: center;
        color: #000;
      }
      .ui-datepicker-group.center-img .intro-text p,
      .ui-datepicker-group p {
        font-size: 14px;
      }
      .landing-slot #shop-text {
        margin: 35px auto;
      }
        .ui-datepicker-group.right-img {
          width: calc(100% - 17%);
          padding-left: 38.5%;
          position: relative;
        }
        .ui-datepicker-group .right-txt {
          width: 25%;
          left: 10%;
        }
        .ui-datepicker-group h2,
        .ui-datepicker-group p {
          color: #000;
        }
        .ui-datepicker-group .place {
          letter-spacing: 0.5em;
        }
        .artist .ui-datepicker-group.left-img {
          width: 26%;
          position: relative;
        }
        .artist .ui-datepicker-group.center-img {
          width: calc(100% - 40.4%);
          margin: 0px 1.8%;
          position: relative;
        }
        .artist .ui-datepicker-group.right-img {
          width: 10.75%;
        }
        #okamoto .ui-datepicker-group.center-img .intro-text {
          width: 31%;
          position: absolute;
          right: 3.5%;
          top: 50px;
        }
        #aoi .ui-datepicker-group.center-img .intro-text {
          width: 39%;
          position: absolute;
          left: 3.5%;
          top: 50px;
        }
        .blackfont .ui-datepicker-group.center-img .intro-text h2 {
          margin-bottom: 15px;
        }
        .blackfont .ui-datepicker-group.center-img .intro-text p.place {
          margin-bottom: 35px;
        }
        .blackfont .ui-datepicker-group.center-img .intro-text h2,
        .blackfont .ui-datepicker-group.center-img .intro-text p {
          color: #000;
        }
        #aoi .ui-datepicker-group.center-img .intro-text .style_text {
          max-width: 75%;
        }
        .collection .ui-datepicker-group.left-img {
          width: 29.16%;
          position: relative;
        }
        .collection.ui-datepicker-multi .ui-datepicker-group.center-img {
          width: calc(100% - 41.79%);
          -webkit-width: calc(100% - 41.79%);
          position: relative;
        }
        #dna.collection.ui-datepicker-multi .ui-datepicker-group.center-img {
          padding-right: 29.1%;
          margin-left: 1.8%;
        }
        #dna.collection.ui-datepicker-multi .ui-datepicker-group.center-img .intro-text {
          width: 33%;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 60px;
          text-align: center;
          color: #000;
        }
        .blackfont .ui-datepicker-group.center-img .intro-text .cta-block {
          margin-top: 40px;
        }
        .blackfont .ui-datepicker-group.center-img .intro-text a {
          color: #fff !important;
          border: 2px solid #000;
          background-color: #000;
          margin-left: 0;
          letter-spacing: 0.3em;
        }
        .blackfont .ui-datepicker-group.center-img .intro-text a:hover {
          color: #000 !important;
          background-color: #fff
        }
        #photography.collection.ui-datepicker-multi .ui-datepicker-group.center-img {
          padding-left: 29.12%;
          margin-right: 1.8%;
        }
        .collection .ui-datepicker-group.right-img {
          width: 10.83%;
        }
        #photography .ui-datepicker-group.center-img .intro-text {
          width: 33%;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 60px;
          text-align: center;
          color: #000;
        }
        .play-btn {
          width: 225px;
          height: 40px;
          line-height: 40px;
          position: absolute;
          top: 50%;
          left: calc(50% - 112.5px);
          transform: translateY(-50%);
        }
        .play-btn .mybtn {
          color: #fff;
          display: block;
          text-align: center;
          letter-spacing: 0.15em;
        }
        .play-btn .mybtn img {
          width: 14px;
          margin-left: 10px;
          vertical-align: text-bottom;
        }
    }

    @media(max-width: 1200px){
      .landing-slot #intro h2 {
        margin-bottom: 15px;
        font-size: 16px;
      }
      .landing-slot #shop-text {
        margin: 30px auto 0;
      }
      .ui-datepicker-group.center-img .intro-text p,
      .ui-datepicker-group p {
        line-height: 19px;
        font-size: 10px;
      }
    }
    @media(max-width: 1200px) and (min-width: 979px) {
      #photography.blackfont .ui-datepicker-group.center-img .intro-text h2 {
        margin: 0;
      }
      #photography.blackfont .ui-datepicker-group.center-img .intro-text p.place {
        margin-bottom: 20px;
      }
      #photography.blackfont .ui-datepicker-group.center-img .intro-text .cta-block {
        margin-top: 20px;
      }
    }
    @media(max-width: 979px){
      .visible-xl, .visible-l, .visible-mb, .visible-mb5,
      .hidden-tb {
        display: none!important;
      }
      .visible-tb {
        display: block!important;
      }
      .ui-datepicker-multi .ui-datepicker-group.left-img, .ui-datepicker-multi .ui-datepicker-group.right-img {
        width: 13%;
      }
      #sect-1-2-wrapper .ui-datepicker-group.center-img {
        margin: 0;
        width: 100%
      }
      .ui-datepicker-group.center-img .intro-text {
        top: auto;
        bottom: 0;
      }
      #lofted-wool.ui-datepicker-multi .ui-datepicker-group.left-img {
        width: 19.5%;
      }
      .ui-datepicker-group.right-img {
        width: calc(100% - 19.5%);
        padding-left: 60.9%;
      }
      .ui-datepicker-group .right-txt {
        width: 40%;
        left: 20%;
      }

      #film .ui-datepicker-group.right-img,
      #collection .ui-datepicker-group.right-img {
        width: 19.5%;
      }
      #film .ui-datepicker-group.left-img {
        width: calc(100% - 19.5%);
        padding-right: 60.9%;
      }
      #collection .ui-datepicker-group.center-img {
        width: 100%;
        padding-right: 0;
      }
      #film .ui-datepicker-group .right-txt,
      #collection .ui-datepicker-group .right-txt {
        width: 40%;
        right: 20%;
      }

      .ui-datepicker-group.slender-img {
        width: 19.5%;
        float: right;
      }
      #okamoto .ui-datepicker-group.center-img,
      #okamoto .ui-datepicker-group.bottom-img {
        margin: 0 7.1% 0 0;
        width: calc(100% - 25.8%);
      }
      #okamoto .ui-datepicker-group.center-img .sound_bg,
      #okamoto .ui-datepicker-group.center-img .sound {
        bottom: 54.3%;
      }
      #okamoto .ui-datepicker-group.center-img .sound_txt {
        text-indent: 12px;
        letter-spacing: 0.3em;
      }
      .artist .ui-datepicker-group.right-img {
        width: 18.7%;
      }
      #okamoto .ui-datepicker-group.bottom-img,
      #aoi .ui-datepicker-group.bottom-img {
        position: relative;
      }
      #okamoto .ui-datepicker-group.center-img .intro-text,
      #aoi .ui-datepicker-group.center-img .intro-text {
        color: #000;
        margin: 0 auto;
        right: 40%;
        top: auto;
        bottom: 18%;
        width: 40%;
      }
      #aoi .ui-datepicker-group.center-img .intro-text .style_text {
        max-width: 95%;
      }
      #aoi .ui-datepicker-group.center-img .intro-text {
        right: 20%;
      }
      #okamoto .ui-datepicker-group.center-img .intro-text h2,
      #aoi .ui-datepicker-group.center-img .intro-text h2 {
        color: #000;
        text-align: left;
        margin-top: 0;
      }
      #okamoto .ui-datepicker-group.center-img .intro-text p,
      #aoi .ui-datepicker-group.center-img .intro-text p {
        color: #000;
        text-align: left;
        margin-top: 0;
        font-size: 12px;
        line-height: 24px;
      }
      #okamoto .artist .ui-datepicker-group.right-img {
        width: 19.5%;
        float: right;
      }
      #aoi .artist .ui-datepicker-group.right-img {
        width: 19.5%;
        float: left;
      }
      #aoi .ui-datepicker-group.center-img,
      #aoi .ui-datepicker-group.bottom-img {
        margin: 0 0 0 7.1%;
        width: calc(100% - 25.8%);
        float: right;
      }
      #dna.collection.ui-datepicker-multi .ui-datepicker-group.center-img,
      #collection.collection.ui-datepicker-multi .ui-datepicker-group.center-img {
        margin: 0 auto;
        padding: 0;
      }
      .landing-slot .collection h2,
      .landing-slot .collection p {
        color: #000;
      }
      #photography.collection.ui-datepicker-multi .ui-datepicker-group.center-img {
        margin: 0 auto;
        padding: 0;
      }
      .collection.ui-datepicker-multi .ui-datepicker-group.center-img {
        width: 100%;
        margin-bottom: 50px;
      }
      #collection {
        width: auto;
        margin: 0 20px;
      }
      /* #dna.collection.ui-datepicker-multi .ui-datepicker-group.center-img {
        width: 100%;
      } */
      .movie-img {
        position: relative;
      }
      #dna.collection.ui-datepicker-multi .ui-datepicker-group.center-img,
      #photography.collection.ui-datepicker-multi .ui-datepicker-group.center-img {
        margin-bottom: 30px;
      }
      .landing-slot a.button {
        color: #fff;
        /* background: #000; */
        border-color: none;
      }
      .landing-slot a.button:first-child {
        margin-bottom: 35px;
      }
      .blackfont .intro-text a,
      #film .ui-datepicker-group .intro-text a {
        color: #fff !important;
        border: 2px solid #000;
        background-color: #000;
      }
      .intro-text.visible-tb .cta-block {
        margin-bottom: 48px;
      }
      .intro-text.visible-tb {
        width: 50%;
        margin: 0 auto 120px;;
      }
      .intro-text.visible-tb h2 {
        margin: 0;
      }
      /* .intro-text.visible-tb p {
        max-width: 200px;
      } */
      .intro-text.visible-tb .place {
        margin: 5px 0 25px;
        letter-spacing: 0.4em;
        max-width: 100%;
      }
      .intro-text.visible-tb .cta-block {
        margin-top: 40px;
      }
      .intro-text.visible-tb .landing-slot section.scroll-to {
        padding-top: 100px;
      }
      .intro-text.visible-tb .landing-slot a.button {
        float: left;
      }
      .slick {
        margin-bottom: 50px;
      }
      .slick.slick-initialized.slick-slider {
        width: 438.141px;
        margin: 0 auto 150px;
      }
      .prev.slick-arrow {
        left: 38%;
      }
      .next.slick-arrow {
        right: 38%;
      }
      .ui-datepicker-group.visible-tb.movie-img {
        float: none;
        clear: both;
      }
      .intro-text.left-txt.visible-tb {
        width: 39%;
      }
      .intro-text.left-txt.visible-tb .place {
        margin: 20px 0 10px;
      }
      .ui-datepicker-group.center-img .intro-text p, .ui-datepicker-group p {
        font-size: 12px;
      }
    }

    @media(max-width: 767px){
      #okamoto .ui-datepicker-group.center-img .intro-text {
        width: 40%;
        bottom: 14%;
      }
      #aoi .ui-datepicker-group.center-img .intro-text .style_text {
        max-width: 100%;
      }
      #aoi .ui-datepicker-group.center-img .intro-text {
        bottom: 6%;
      }
      .intro-text.right-txt.visible-tb {
        width: 70%;
      }
      #collection .intro-text.right-txt.visible-tb {
        width: 100%;
        margin: 0 auto;
      }
      .intro-text.left-txt.visible-tb {
        width: 68%;
      }
      .next.slick-arrow {
        right: 28%;
      }
      .next.slick-arrow {
        right: 28%;
      }
      #okamoto .ui-datepicker-group.center-img {
        margin-bottom: 13px;
      }
    }
    @media(max-width: 680px){
    
    }

    @media(max-width: 580px){
      .visible-xl, .visible-l, .hidden-mb, #video.visible-tb, .visible-mb5 {
        display: none!important;
      }
      .visible-tb, .visible-mb {
        display: block!important;
      }
      .landing-slot #intro h2 {
        letter-spacing: 3px;
      }
      .ui-datepicker-group.center-img .intro-text p {
        font-size: 10px;
      }
      .landing-slot #intro h2 {
        margin-bottom: 10px;
      }
      #intro .ui-datepicker-group.center-img .intro-text {
        top: auto;
        bottom: 10px;
      }
      #intro .ui-datepicker-group.center-img .intro-text p {
        margin-bottom: 10px;
      }
      #intro #shop-text {
        margin-top: 40px;
        width: 100%;
      }

      .landing-slot section.scroll-to.scroll-to-1 {
        padding-top: 30px;
      }
      #intro .landing-slot a.button {
        min-width: 220px;
      }
      {
        display: inline-block;
        position: relative;
        margin-bottom: 70px;
      }
      #lofted-wool.ui-datepicker-multi .ui-datepicker-group.left-img {
        position: absolute;
        bottom: 0;
        width: 26.6%;
      }
      .ui-datepicker-group.right-img {
        float: right;
        width: calc(100% - 26.6%);
        padding-left: 46.8%;
      }
      .ui-datepicker-group .right-txt {
        width: 67%;
        left: -18%;
        top: 22%;
      }
      .ui-datepicker-group h2 {
        margin-bottom: 5px;
      }
      .ui-datepicker-group p {
        font-size: 12px;
        line-height: 24px;
      }
      .ui-datepicker-group .place {
        margin-bottom: 20px;
      }
      #film .ui-datepicker-group.right-img,
      #collection .ui-datepicker-group.right-img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 26.6%;
      }
      #film .ui-datepicker-group.left-img {
        float: left;
        width: calc(100% - 26.6%);
        padding-right: 46.8%;
      }
      #collection .ui-datepicker-group.center-img {
        width: 100%;
        padding-right: 46.8%;
      }
      #film .ui-datepicker-group .right-txt,
      #collection .ui-datepicker-group .right-txt {
        width: 67%;
        right: -18%;
        top: 23%;
      }
      #film .ui-datepicker-group .intro-text a,
      #collection .ui-datepicker-group .intro-text a {
        letter-spacing: 0.0em;
      }
      #creative.ui-datepicker-multi .ui-datepicker-group.left-img {
        width: 26.6%;
      }
      #creative.ui-datepicker-group .right-txt {
        width: 48%;
        left: 8%;
        top: 40%;
      }
      .landing-slot section.scroll-to.scroll-to-2 {
        padding-top: 0;
      }
      .landing-slot a.button {
        color: #fff;
        background: #000;
        border-color: none;
      }
      #okamoto .ui-datepicker-group.center-img .intro-text, #aoi .ui-datepicker-group.center-img .intro-text {
        color: #000;
        margin: 0 auto;
        right: 13%;
        top: auto;
        bottom: 7%;
        width: 70%;
      }
      #okamoto .ui-datepicker-group.center-img .sound_bg,
      #okamoto .ui-datepicker-group.center-img .sound {
        line-height: 72px;
        height: 72px;
        bottom: 55%;
      }
      #okamoto .ui-datepicker-group.center-img .sound_txt {
        text-indent: 0;
        padding: 10px 0 0 15px;
      }
      #okamoto .ui-datepicker-group.center-img .sound img {
        vertical-align: text-bottom;
      }
      #okamoto .ui-datepicker-group.center-img .sound_img.on:after {
        top: 0;
      }
      .intro-text.visible-tb {
        width: 78%;
        margin: 0 auto 50px;
      }
      .slick.slick-initialized.slick-slider {
        width: 100%;
        margin: 0;
        /* margin-bottom: 75px; */
      }
      .slick {
        margin-bottom: 30px;
      }
      .prev.slick-arrow {
        left: 28%;
      }
      .next.slick-arrow {
        right: 28%;
      }
      .intro-text.left-txt.visible-tb {
        width: 78%;
      }
      .landing-slot section.scroll-to.scroll-to-5 {
        padding-top: 50px;
      }
      .intro-text.visible-tb .cta-block {
        float: left;
      }
      .collection.ui-datepicker-multi {
        margin: 0 14.6%;
        width: auto;
      }
      .landing-slot section.scroll-to.scroll-to-5 {
        padding-bottom: 60px;
      }
      span.introduction {
        font-weight: 200;
        margin-top: 5px;
        display: inline-block;
      }
      #aoi .ui-datepicker-group.bottom-img {
        margin-top: 3px;
      }
    }


    @media(max-width: 320px){
      .visible-mb5 {
        display: block!important;
      }
      .landing-slot #intro h2 {
        letter-spacing: 2px;
        line-height: 30px;
        margin-bottom: 10px;
      }
      #intro .ui-datepicker-group.center-img .intro-text {
        top: auto;
        bottom: 50px;
      }
      #intro .ui-datepicker-group.center-img .intro-text p {
        margin-bottom: 10px;
        padding: 0 5px!important;
      }
      span.introduction {
        font-weight: 200;
        margin-top: 10px;
        display: inline-block;
      }
      #intro #shop-text {
        margin-top: 40px;
      }
      .ui-datepicker-group .right-txt {
        width: 80%;
        left: -27%;
      }
      #okamoto .ui-datepicker-group.center-img .intro-text, #aoi .ui-datepicker-group.center-img .intro-text {
        right: 10px;
        bottom: 6%;
        width: 90%;
      }
      #okamoto .ui-datepicker-group.center-img .intro-text h2, #aoi .ui-datepicker-group.center-img .intro-text h2 {
        margin-bottom: 10px;
      }
      .blackfont .ui-datepicker-group.center-img .intro-text p.place {
        margin-bottom: 10px;
      }
      .intro-text.right-txt.visible-tb,
      .intro-text.left-txt.visible-tb {
        width: 87%;
      }
      .intro-text.visible-tb .cta-block {
        margin-top: 20px;
      }
      .prev.slick-arrow {
        left: 18%;
      }
      .next.slick-arrow {
        right: 18%;
      }
      .play-btn {
        width: 180px;
        left: calc(50% - 90px);
      }
      .play-btn .mybtn {
        font-size: 11px;
      }
      #okamoto .ui-datepicker-group.center-img .sound_txt {
        line-height: 18px;
      }
      #okamoto .ui-datepicker-group.center-img .sound_img {
        margin-left: 45px;
        top: -15px;
      }
      .collection.ui-datepicker-multi {
        margin: 0 15.2%;
        width: auto;
      }
    }

    /* CG OVERRIDE STYLES*/
    .landing-slot {
        font-family: "NeueHaasGroteskDisp W01";
        text-align: left;
    }    
    .landing-slot p {
        font-family: "NeueHaasGroteskDisp W01";
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.5px;
        font-weight: 500;
        text-align: left;
        margin-top: 1em;
    }
    .landing-slot h1 {
        color: #fff;
        font-family: "NeueHaasGroteskText W01";
        font-size: 12px;
        line-height: 30px;
        letter-spacing: 5px;
        font-weight: 500;
        text-align: left;
        margin: 15px 0;
        text-transform: uppercase;
    }
    .landing-slot h2 {
        color: #fff;
        font-family: "NHaasGroteskTXW01-65Md";
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 6px;
        font-weight: 500;
        text-align: left;
        margin: 15px 0 23px 0;
        text-transform: uppercase;
    }
    .landing-slot h3 {
        color: #fff;
        font-family: "NHaasGroteskTXW01-65Md";
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 4.5px;
        font-weight: 500;        
        text-align: left;        
        margin: 0px 0 23px 0;
        text-transform: uppercase;
    }
    .landing-slot img {
        max-width: 100%;
        height: auto;
    }


    /* LANDING PAGE ISOLATED STYLES */
    .twbs .float-left {
        float: left !important;
    }
    .twbs .float-right {
        float: right !important;
    }
    /* .landing-slot {
        overflow-x: hidden;
    } */
    .landing-slot .hidden {
        display: none;
    }
    .landing-slot,
    .landing-slot .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .landing-slot .row-spacing-top-1 {
		padding-top: 16px; 
	}
	.landing-slot .row-spacing-top-2 {
		padding-top: 66px; 
	}
	.landing-slot .row-spacing-top-3 {
		padding-top: 126px;
    }
    .landing-slot .row-spacing-top-4 {
        padding-top: 180px;
    }
    .landing-slot .spacing-top-1 {
		padding-top: 14px;	
	}
	.landing-slot .spacing-top-2 {
		padding-top: 30px;	
    }  
    .landing-slot .spacing-top-3 {
		padding-top: 66px;	
    }
    .landing-slot .spacing-top-4 {
		padding-top: 80px;	
    }

    .landing-slot a.button.sub-cta {
        margin: 0 auto 14px;
        min-width: 245px;
    }
    .landing-slot a.button.sub-cta.min-w-260 {
        min-width: 260px;
    }
    .landing-slot a.button.sub-cta.min-w-320 {
        min-width: 320px;
    }
    .landing-slot a.button.sub-cta.min-w-330 {
        min-width: 320px;
    }
    .landing-slot a.button.sub-cta.px-20 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .landing-slot a.button:hover, 
    .landing-slot a.button:active, 
    .landing-slot a.button:focus {
        color: #000 !important;
        background-color: #fff;
        border-color: #000;
    } 

    .landing-slot section.scroll-to{
        padding-top: 0;
        display: inline-block;
        width: 100%;
    }
    .landing-slot .sect-wrapper {
        margin: 0;
    }
    .landing-slot .sect-wrapper:not(:last-of-type) {
        display: block;padding-bottom: 135px;
        color: #fff;
        width: 100%;
    }

    .landing-slot .sect-wrapper#sect-5-wrapper {
        background-color: #353232;
    }
    .landing-slot .sect-wrapper#sect-6-wrapper {
        background-color: #525050;
        padding: 50px 0 40px 0;
    }
    .landing-slot #intro .copy-layer {
        position: absolute;
        bottom: 19vh;
        left: 0;
    }
    
    .landing-slot #intro div.copy-block {
        margin-top: 20px;
    }

    .landing-slot span.subhed {
        font-size: 12px;
        line-height: 30px;
        letter-spacing: 5px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .landing-slot .quote-by {
        font-size: 10px;
        letter-spacing: 2.86px;
        line-height: 13px;
        margin-top: 35px;
        text-transform: uppercase;
    }

    .landing-slot .photo-by {
        font-size: 10px;
        letter-spacing: 2.86px;
        line-height: 20px;
        margin-top: 18px;
        text-transform: uppercase;
    }

    .landing-slot .shoppable-outer-txt {        
        color: #fff;
        text-transform: uppercase;
    }
    .landing-slot .shoppable-outer-txt.shoppable-micetype { 
        font-family: "NHaasGroteskTXW01-65Md";       
        font-size: 12px;
        letter-spacing: 3.5px;
        line-height: 15px;
        -moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -moz-transform-origin: right;
		-ms-transform-origin: right;
		-webkit-transform-origin: right;
        transform-origin: right;
        text-align: left;
        position: absolute;
        left: -153px;
        bottom: 0;        
    }
    .landing-slot .shoppable-outer-txt.shoppable-micetype.left-fix,
    .landing-slot .shoppable-outer-txt.shoppable-micetype.right-side-d {
        left: -45px;
        -moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -moz-transform-origin: left;
		-ms-transform-origin: left;
		-webkit-transform-origin: left;
        transform-origin: left;
        width: 100%;
    }
    .landing-slot .shoppable-outer-txt.shoppable-micetype.left-fix span,
    .landing-slot .shoppable-outer-txt.shoppable-micetype.right-side-d span {
        -moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
    }

    .landing-slot .shoppable-outer-txt.shoppable-desc {    
        font-family: "NeueHaasGroteskText W01";
        font-size: 10px;
        letter-spacing: 2px;
        line-height: 11px;
        margin: 24px 0 0 29px;
    }
    .landing-slot .shoppable-outer-txt.shoppable-desc.right-align {
        margin-right: 20px;
        text-align: right;
    } 

    /* SHOPPABLE OVERLAY */
    .landing-slot .shoppable-container{
        position: relative;
    }
    .landing-slot .shoppable-container .shoppable-image {
        cursor: pointer;
        position: relative;
        margin-top: 0;
        margin-left: 0;
        z-index: 4;
        -webkit-transition: margin 0.3s;
        -moz-transition: margin 0.3s;
        -o-transition: margin 0.3s;
        transition: margin 0.3s;
    }
    .landing-slot .shoppable-container .shoppable-image
    .landing-slot .shoppable-container .shoppable-image img {
        width: 100%;
        object-fit: cover;
    }

    .landing-slot .shoppable-container .shoppable-image:hover {
        margin-top: 5px;
        margin-left: 5px;
    }
    .landing-slot .shoppable-container .shoppable-image:hover ~ .shoppable-image-bg{
        margin-top: 15px;
        margin-left: 15px;
    }

    .landing-slot .shoppable-container .shoppable-footer {
        position: absolute;
        left: 17px;
        bottom: 17px;
    }
    .landing-slot .shoppable-container .shoppable-footer .shoppable-expand {
        display: inline-block;
        border: solid #fff 2px;
        padding: 3px 11px;
    }
    .landing-slot .shoppable-container .shoppable-footer .shoppable-expand .shoppable-expand-cross {
        color: #fff;
        font-family: "NeueHaasGroteskDisp W01";
        font-size: 27px;
        line-height: 23px;
        position: absolute;
        left: 14px;
    }
    .landing-slot .shoppable-container .shoppable-footer .shoppable-expand .shoppable-expand-label {
        color: #fff;
        margin-left: 27px;
        font-family: "NeueHaasGroteskDisp W01";
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 23px;
        left: 31px;
        text-transform: uppercase;
    }   
    .landing-slot .shoppable-container .shoppable-image-bg {
        position: absolute;  
        top: 0;
        left: 0;      
        z-index: -1;
        margin-top: 20px;
        margin-left: 20px;
        -webkit-transition: margin 0.3s;
        -moz-transition: margin 0.3s;
        -o-transition: margin 0.3s;
        transition: margin 0.3s;
    }
    .landing-slot .sect-wrapper#sect-1-2-wrapper .shoppable-container .shoppable-image-bg {
        background-color: #514847;
    }
    .landing-slot .sect-wrapper#sect-1-2-wrapper .shoppable-container .shoppable-image-bg.shoppable-image-bg-1{
        background-color: #464B54;
    }
    .landing-slot .sect-wrapper#sect-3-wrapper .shoppable-container .shoppable-image-bg {
        background-color: #675E5E;
    }
    .landing-slot .sect-wrapper#sect-4-wrapper .shoppable-container .shoppable-image-bg {
        background-color: #4E5659;
    }

    .landing-slot .shoppable-overlay {
        color: #000 !important;
        width: 100vw;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.95);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5;
        pointer-events: none;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
        -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
        -o-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
        transition: visibility 0s 0.3s, opacity 0.3s ease-out;
    }
    .landing-slot .shoppable-overlay.visible {
        pointer-events: auto;
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.75s ease-out;
        -moz-transition: opacity 0.75s ease-out;
        -o-transition: opacity 0.75s ease-out;
        transition: opacity 0.75s ease-out;
    }
    .landing-slot .shoppable-overlay .shoppable-content {
        position: absolute;
        width: 100%;
        height: 86%;
        z-index: 7;
        margin-top: auto;
        margin-bottom: auto;
        overflow-x: hidden;
        overflow-y: scroll;
        top: 97px;
        left: 0;
    }
    .landing-slot .shoppable-overlay .shoppable-content img {
        width: 100%;
        object-fit: cover;
    }
    .landing-slot .shoppable-overlay .shoppable-product-mens,
    .landing-slot .shoppable-overlay .shoppable-product-womens {
        position: absolute;
        left: 0;
        opacity: 0;
        z-index: 7;
        background-color: #ffffff;
        -webkit-transition: opacity 0.3s ease-out;
        -moz-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
    }
    .landing-slot .shoppable-overlay .shoppable-product-mens.visible,
    .landing-slot .shoppable-overlay .shoppable-product-womens.visible {
        opacity: 1;
    }
    .landing-slot .shoppable-overlay .toggle-gender {
        display: inline-flex;
        font-family: "NHaasGroteskTXW01-65Md";
        font-size: 12px;
        line-height: 28px;
        letter-spacing: 2.8px;
        font-weight: 500;        
        text-align: left;        
        margin: 0 0 16px;
        text-transform: uppercase;
        color: #000 !important;
        border-bottom: transparent 3px solid;
    }
    .landing-slot .shoppable-overlay .toggle-gender.active {
        font-weight: 900;
        border-bottom: #000000 3px solid;
    }
    .landing-slot .shoppable-overlay .toggle-gender:hover,
    .landing-slot .shoppable-overlay .toggle-gender:active,
    .landing-slot .shoppable-overlay .toggle-gender:focus {
        text-decoration: none;
    }
    .landing-slot .shoppable-overlay .toggle-divider {
        display: inline-flex;
        color: #000;
        font-size: 14px;
        margin: 0 12px;
    }
    .landing-slot .shoppable-overlay .shoppable-content-plus {
        display: block;
        font-size: 50px;
        color: #000000;
        padding: 10px 0;
        text-align: center;
    }
    .landing-slot .shoppable-overlay .shoppable-content-item {
        display: inline-block;
        background-color: #fff;
    }
    .landing-slot .shoppable-overlay [class*=shoppable-content-] {
        opacity: 0;
        -webkit-transition: opacity 0.5s ease-out;
        -moz-transition: opacity 0.5s ease-out;
        -o-transition: opacity 0.5s ease-out;
        transition: opacity 0.5s ease-out;
        transition-delay: 0ms;
    }
    .landing-slot .shoppable-overlay [class*=shoppable-content-].visible {
        opacity: 1;
        -webkit-transition: opacity 0.5s ease-out;
        -moz-transition: opacity 0.5s ease-out;
        -o-transition: opacity 0.5s ease-out;
        transition: opacity 0.5s ease-out;
    }
    .landing-slot .shoppable-overlay .shoppable-content-left.visible {
        transition-delay: 1000ms;
    }
    .landing-slot .shoppable-overlay .shoppable-content-middle.visible {
        transition-delay: 1300ms;
    }
    .landing-slot .shoppable-overlay .shoppable-content-plus.visible {
        transition-delay: 1600ms;
    }
    .landing-slot .shoppable-overlay .shoppable-content-right.visible {
        transition-delay: 1900ms;
    }
    .landing-slot .shoppable-overlay div.shoppable-product-hed {
        font-family: "NHaasGroteskTXW01-65Md";
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 2.1px;
        font-weight: 600;        
        text-align: left;        
        margin: 0 0 16px;
        text-transform: uppercase;
    }
    .landing-slot .shoppable-overlay a.button.toggle-cta {
        z-index: 8;
    }
    .landing-slot .shoppable-overlay p.shoppable-product-desc {
        color: #000 !important;
    }
    .landing-slot .shoppable-overlay .shoppable-product-title {
        display: block;
        text-transform: uppercase;
        font-family: "NHaasGroteskTXW01-65Md";
        font-size: 12px;
        line-height: 28px;
        letter-spacing: 2.8px;
        font-weight: 900;
        padding-top: 5px;
    }
    .landing-slot .shoppable-overlay .shoppable-product-cta {
        display: inline-block;
        text-transform: uppercase;
        margin-top: 10px;
        padding: 3px;
        font-family: "NHaasGroteskTXW01-65Md";
        font-size: 12px;
        line-height: 25px;
        letter-spacing: 2.8px;
        font-weight: 600;               
        text-transform: uppercase;
        color: #000 !important;
        border-bottom: #000 2px solid;
        opacity: 0.7;
        -webkit-transition: opacity 0.3s ease-out;
        -moz-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
    }
    .landing-slot .shoppable-overlay .shoppable-product-cta:hover {
        opacity: 1;
        text-decoration: none;
    }
    .landing-slot .shoppable-overlay .shoppable-close-btn {
        position: fixed;
        top: 96px;
        right: 20px;
        padding: 10px;
        display: inline-block;
        cursor: pointer;
        z-index: 8;
    }    
    .landing-slot .shoppable-overlay .shoppable-close-btn > img {
        max-width: 22px !important;
    }
    .landing-slot .shoppable-container .shoppable-image-bg {
        width: 100%;
        height: 100%;
    }

    /**PHOTO CAROUSEL**/
    .landing-slot .photog-carousel-d-item {
        -moz-transform: scale(0.875);
		-ms-transform: scale(0.875);
		-webkit-transform: scale(0.875);
       transform: scale(0.875);
       -moz-transform-origin: top;
		-ms-transform-origin: top;
		-webkit-transform-origin: top;
       transform-origin: top;
       -webkit-transition: ease-in-out 0.8s;
        -moz-transition: ease-in-out 0.8s;
        -o-transition: ease-in-out 0.8s;
       transition: ease-in-out 0.8s;
    }
    .landing-slot .photog-carousel-d-item.slick-center {
        transform: scale(1);
        transform-origin: top;
    }

    .landing-slot div.photog-credit {
        font-size: 12px;
        letter-spacing: 3.43px;
        margin: 25px 0 34px 0;
        text-transform: uppercase;
        text-align: left;
    }
    .landing-slot .gallery-nav {
        max-height: 50px;
        cursor: pointer;
    }

    /* NAV BAR */
    .landing-slot .nav {
        position: fixed;
        height: auto;
        width: 38px;
        direction: rtl;
        text-align: right;
        position: fixed;
		right: 0;
        top: 36vh;
		z-index: 5;
        display: none;
    }
    .landing-slot .nav ul.nav-indicators {
        list-style-type: none;
        text-align: center;
        font-size: 62px !important;
        margin-top: 47px !important;
        margin-bottom: 35px !important;
    }
    .landing-slot .nav ul.nav-indicators li {
        position: relative;
        height: 18px;
        width: 0px;
    }
    .landing-slot .nav ul.nav-indicators li::before {
        content: "\2022";
        color: #a5a5aa;
        font-weight: bold;
        display: inline-block; 
        width: 38px;
    }
    .landing-slot .nav ul.nav-indicators li.active::before {
        content: "\2022";
        color: #fff;
        font-weight: bold;
        display: inline-block; 
        width: 38px;
    }
    .landing-slot .nav ul.nav-indicators li span.nav-hover {
        height: 48px;
        width: 40px;
        position: absolute;
        top: 27px;
        right: -1px;  
        z-index: 5;      
    }
    .landing-slot span.nav-txt {
        color: #fff;
        font-family: "NeueHaasGroteskText W01";
        font-size: 10px;
        letter-spacing: 3.4px;
        text-transform: uppercase;
        text-align: right;
    }
    .landing-slot .nav-label-m {
        position: fixed;
        -moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -moz-transform-origin: right;
		-ms-transform-origin: right;
		-webkit-transform-origin: right;
        transform-origin: right;
        right: 12px;
        top: 10vh;
        z-index: 5;
    }
    .landing-slot .nav-label-m span.nav-txt {
        position: absolute;
        width: 215px;
        opacity: 0;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .landing-slot .nav-label-m span.nav-txt.active {
        display: block;
        opacity: 1;        
    }
	
	@media all and (max-width:320px){
	  .landing-slot a.button.sub-cta.min-w-320 {
        min-width: 299px;
		font-size: 11px;
		padding: 0px 9px;
	  }
	  .landing-slot .nav{
		top: 40vh;
	  }
	  .landing-slot .shoppable-container .shoppable-footer .shoppable-expand .shoppable-expand-cross {
        font-size: 22px;
        line-height: 21px;
		left: 14px;
	  }
	}

    @media all and (min-width: 768px) {
        .landing-slot h1,
        .landing-slot span.subhed {
            font-size: 14px;
            line-height: 17px;
            letter-spacing: 5.83px;
        }
        .landing-slot h2 {
            font-size: 30px;
            line-height: 36px;
            letter-spacing: 7.5px;
            margin: 26px 0 29px 0;
        }
        .landing-slot h3 {
            font-size: 24px;
            line-height: 36px;
            letter-spacing: 6px;
            text-transform: uppercase;
        }
        .landing-slot a.button.sub-cta {
            min-width: 450px;
        }
        .landing-slot .quote-by {
            line-height: 24px;
            margin-top: 0px;
        }
        .landing-slot .shoppable-container .shoppable-image-bg {
            margin: 30px 0 0 30px;
        }
        .landing-slot .shoppable-outer-txt.shoppable-desc {
            margin-top: 36px;
        }
        .landing-slot .shoppable-outer-txt.shoppable-desc.right-align-t{
            margin-right: 40px;
            text-align: right;
        } 
        .landing-slot .shoppable-outer-txt.shoppable-micetype { 
            left: -206px;
        }
        .landing-slot .shoppable-container .shoppable-footer .shoppable-expand {
            padding: 8px 56px 10px 35px;
        }
        .landing-slot .shoppable-overlay .shoppable-content {
            height: 90%;
        }
        .landing-slot .nav-label-m {
            top: 18vh;
        }
        .landing-slot #weatherbar #data-container #value{
            letter-spacing: 4px;
        }        
    }    

    @media all and (min-width: 980px) {
        .landing-slot h1,
        .landing-slot span.subhed {
            letter-spacing: 8.75px;
        }
        .landing-slot h2 {
            font-size: 30px;
            line-height: 38px;
            letter-spacing: 7px;
        }
        .landing-slot #collection h2 {
        	letter-spacing: 2px;
        }
        .landing-slot h3 {
            font-size: 24px;
            line-height: 36px;
            letter-spacing: 6px;
        }
        .landing-slot .row-spacing-top-4 {
            padding-top: 120px;
        }
        /* NAV BAR desktop */
        .landing-slot .nav {
            width: auto;
            -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -moz-transform-origin: right;
		    -ms-transform-origin: right;
		    -webkit-transform-origin: right;
            transform-origin: right;
            top: 96%;
            right: 28px;
        }
        .landing-slot span.nav-txt {
            line-height: 25px;
        }
        .landing-slot span.nav-txt.active {
            border-bottom: #fff 2px solid; 
        }
        .landing-slot .nav ul.nav-indicators.nav-label-d {
            text-align: auto;
            font-size: auto !important;
            margin-top: auto !important;
            margin-bottom: auto !important;
            float: left;
        }
        .landing-slot .nav ul.nav-indicators.nav-label-d li::before,
        .landing-slot .nav ul.nav-indicators.nav-label-d li.active::before {
            display: none; 
        }
        .landing-slot .nav ul.nav-indicators li {
            height: auto;
            width: auto;
            float: left;
            margin: 0 10px;
        }
        .landing-slot .nav ul.nav-indicators li span.nav-hover {
            height: auto;
            width: auto;
            position: relative;
            top: auto;
            right: auto;      
        }


        /* CONTENT related */
        .landing-slot section.scroll-to {
            padding-top: 0;
            margin-top: 135px;
        }
        .landing-slot .sect-wrapper#sect-6-wrapper {
            padding: 104px 0 106px 0;
        }
        .landing-slot a.button {
            margin-bottom: 22px;
        }
        .landing-slot a.button.sub-cta {
            display: inline-block;
            min-width: 330px;
            margin: 0 10px;
        }
        .landing-slot .quote-by {
            font-size: 12px;
            letter-spacing: 4px;
            line-height: 24px;
            margin-top: 0px;
        }
        .landing-slot .photo-by {
            font-size: 12px;
            letter-spacing: 4px;
            line-height: 24px;
        }
        .landing-slot .shoppable-overlay .shoppable-content {
            height: 92%;
            top: 80px;
        }
        .landing-slot .shoppable-container .wind-thumb-spacer {
            margin-top: 200px;
        }
        .landing-slot .shoppable-container .shoppable-image-bg {
            margin: 33px 0 0 33px;
        }
        .landing-slot .shoppable-container .shoppable-image:hover {
            margin-top: 10px;
            margin-left: 10px;
        }
        .landing-slot .shoppable-container .shoppable-image:hover ~ .shoppable-image-bg{
            margin-top: 20px;
            margin-left: 25px;
        }
        .landing-slot .shoppable-outer-txt.shoppable-desc {
            font-size: 12px;
            letter-spacing: 3.43px;
            line-height: 15px;
        }
        .landing-slot .shoppable-outer-txt.shoppable-desc.right-align,
        .landing-slot .shoppable-outer-txt.shoppable-desc.right-align-t{
            margin-right: 0;
        } 
        .landing-slot .shoppable-outer-txt.shoppable-micetype { 
            font-family: "NeueHaasGroteskDisp W01";
            font-size: 14px;
            letter-spacing: 5px;
            line-height: 20px;
            bottom: 0;
        }
        .landing-slot .shoppable-outer-txt.shoppable-micetype.right-side-d {
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -moz-transform-origin: right;
            -ms-transform-origin: right;
            -webkit-transform-origin: right;
            transform-origin: right;
            text-align: right;
            right: -76px;
            bottom: 0;
            width: auto;
        }
        .landing-slot .shoppable-outer-txt.shoppable-micetype.right-side-d span{
            -moz-transform: auto;
            -ms-transform: auto;
            -webkit-transform: auto;
            transform: auto;
            position: relative;
        }
        .landing-slot .shoppable-container .shoppable-footer {
            left: 26px;
            bottom: 26px;
        }
        .landing-slot .shoppable-content .shoppable-content-plus {
            padding: 0;
        }
        .landing-slot .shoppable-content .shoppable-content-plus > div.plus-sign {
            position: absolute;
            top: 50%;
            left: 50%;
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }
        .landing-slot .shoppable-content .toggle-gender-wrapper {
            margin-top: 117px !important;
        }
        .landing-slot .shoppable-content a.button.toggle-cta {
            padding: 0 10px;
        }
        .landing-slot .shoppable-content .shoppable-close-btn {
            top: 68px;
            right: 31px;
        }
        .landing-slot #weatherbar #data-container #date{
            letter-spacing: 4px;
        }
    }


.ui-datepicker-multi .ui-datepicker-group {
  position: relative;
  width: 100%;
}
.ui-datepicker-group_text {
  background-color: #fff;
  width: 17%;
  max-width: 320px;
  min-width: 320px;
  height: 100%;
  float: left;
  top: 0;
  left: 10%;
  position: absolute;
}
.ui-datepicker-group .ui-datepicker-group_text {
  width: auto;
  left: auto;
  right: 10%;
  padding: 0 40px;
}
.ui-datepicker-group .left-txt {
  left: 10%;
}
.ui-datepicker-group .right-txt {
  right: 10%;
}

#MUTEK .ui-datepicker-group .right-txt
#MUTEK .ui-datepicker-group .right-txt {
  padding-top: 200px;
}
.landing-slot section.scroll-to.scroll-to-5 {
  margin-top: -7px;
  margin-bottom: 135px;
}
.landing-slot section.scroll-to.scroll-to-4 .ui-datepicker-group .ui-datepicker-group_text {
  padding-top: 10%;
}
.landing-slot section.scroll-to.scroll-to-5 .ui-datepicker-group .right-txt {
  padding: 10% 15px 0;
}
.landing-slot section.scroll-to.scroll-to-5 .ui-datepicker-group .right-txt p {
  font-size: 14px;
}
.landing-slot section.scroll-to.scroll-to-5 .ui-datepicker-group .right-txt img {
  width: 60%;
  margin-bottom: 20px;
}
.landing-slot p.em {
  line-height: 1.5;
  font-size: 16px;
}
.modals {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.modal__bg {
  background: white;
  height: 100vh;
  position: absolute;
  width: 100%;
}
.modal__content {
  background: #fff;
  border: 1px solid #000;
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  width: 60%;
}
.modal__content img {
  width: 30%;
}
body.nosticky {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}
body.nosticky #sticky {
  position: static;
}
#modal03 .modal__content {
  height: 80%;
  overflow-y: scroll;
}
/* #modal03 ::-webkit-scrollbar {
  width: 10px;
}
#modal03 ::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
#modal03 ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
} */
.close_button {
  position: absolute;
  top: 4px;
  right: 9px;
  font-size: 24px;
  cursor: pointer;
  width: auto;
  padding: 10px;
  margin: 0;
}

@media(min-width: 767px){
  /* .landing-slot section.scroll-to {
    margin-top: 135px;
  } */
  .landing-slot .cta-block {
    text-align: center;
    margin-top: 30%;
  }
  .landing-slot section.scroll-to.scroll-to-4 .cta-block {
    margin-top: 50%;
  }
}
@media(max-width: 980px){
  .landing-slot .cta-block {
    margin-top: 10%;
  }
}  
@media(max-width: 767px){
  .ui-datepicker-group .ui-datepicker-group_text.left-txt {
    left: 0;
    top: -1px;
    max-width: 270px;
    min-width: auto;
    padding: 0 20px;
    height: 88%;
  }
  .landing-slot .intro-text {
    text-align: center;
  }
  .landing-slot .intro-text img {
    width: 80%;
    margin-bottom: 20px;
  }
  .landing-slot p.em {
    margin: 0;
  }
  .ui-datepicker-group p.em {
    font-size: 16px;
  }
  .ui-datepicker-group p {
    font-size: 12px;
  }
  .ui-datepicker-group p > span.br {
    margin-bottom: 15px;
    display: inline-block;
  }
  .ui-datepicker-group > p .visible-phone {
    padding: 30px 40px;
  }
  .ui-datepicker-group .ui-datepicker-group_text {
    left: 0;
    max-width: 100%;
    min-height: auto;
    width: 100%;
  }
  .scroll-to-3 .ui-datepicker-group .ui-datepicker-group_text {
    height: auto;
    top: 39%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 100%;
    min-width: auto;
    padding: 10% 30px;
    left: 0;
  }
  .landing-slot .scroll-to-3 .cta-block {
    margin-bottom: 35px;
    position: relative;
    top: -80px;
  }
  .scroll-to-4 {
    overflow: hidden;
  }
  .scroll-to-4 .ui-datepicker-group picture img {
    max-width: 212%;
    left: -30%;
    position: relative;
  }
  .scroll-to-4 .ui-datepicker-group .ui-datepicker-group_text {
    min-width: auto;
    max-width: 100%;
    width: 100%;
    position: relative;
  }
  .scroll-to-4 .ui-datepicker-group p.em {
    margin: 20px 0 100px;
    position: relative;
    left: 18%;
  }
  .landing-slot section.scroll-to.scroll-to-5 {
    margin-bottom: 0;
    padding-top: 0;
  }
  .collection.ui-datepicker-multi {
    margin: 0;
  }
  .landing-slot section.scroll-to.scroll-to-4 .ui-datepicker-group .ui-datepicker-group_text,
  .landing-slot section.scroll-to.scroll-to-5 .ui-datepicker-group .ui-datepicker-group_text {
    padding: 29px 40px;
    position: static;
    width: 100%;
  }
  .scroll-to-5 .ui-datepicker-group_text img {
    width: 55%;
    margin-bottom: 50px;
  }
  .modal__content {
    width: 90%;
    top: 45%;
  }
  #modal03 .modal__content {
    overflow-y: scroll;
    height: 78%;
  }
  .modal__bg {
    background-attachment: fixed;
  }
  .modal__content {
    padding: 25px;
  }
}

@media (max-width: 375px) {
  .scroll-to-3 .ui-datepicker-group .ui-datepicker-group_text {
    padding: 6% 30px;
  }
}