.carousel {
  width: 70%;
  margin: 2% auto;
  border: 0 solid red;
}
@media only screen and (max-width: 640px) {
  .carousel {
    width: 90%;
  }
}

.slick-slide img {
  width: 100%;
  border: 0 solid blue;
}

.vid_holder {
  position: absolute;
}

.video_frame_holder {
  pointer-events: none;
}

.video_frame_holder img {
  width: 100%;
  pointer-events: none;
}

/*
img.spring22-01 {width: 47.5%; margin: 0 0 0 auto}
img.spring22-02 {width: 33%; margin: -25% 0 0 7%}
img.spring22-03 {width: 42%; margin: -13% 0 0 40%}
img.spring22-04 {width: 25%; margin: -30% 0 0 0}
img.spring22-05 {width: 39%; margin: 5% 0 0 19%}
img.spring22-06 {width: 31%; margin: -19% 0 0 auto}
img.spring22-07 {width: 31%; margin: -9% 0 0 12%}
img.spring22-08 {width: 31%; margin: -25% 0 0 49%}
img.spring22-09 {width: 100%; margin: 0 0 0 0}
*/
.spring22.section1 {
  background-image: url("../images/work/22_spring_section1_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  padding-top: 165px;
  position: relative;
  background-color: #000000;
  padding-bottom: 6%;
}
@media only screen and (max-width: 640px) {
  .spring22.section1 {
    background-image: url("../images/work/22_spring_section1_bg_m2.jpg");
    padding-top: 150px;
    padding-bottom: 12%;
    background-size: 100% auto;
  }
}
.spring22.section1b {
  background-color: #000000;
  height: auto;
  margin-top: -5px;
  position: relative;
  padding: 10% 0 0;
}
@media only screen and (max-width: 640px) {
  .spring22.section1b {
    padding: 1% 0 0;
  }
}
.spring22.section2 {
  background-image: url("../images/work/22_spring_section2_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  margin-top: -5px;
  position: relative;
  padding: 10% 0;
}
.spring22.section3 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 0% 0;
}
.spring22.section4 {
  background-image: url("../images/work/22_spring_section4_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-color: #bedaf6;
  border: 0 solid red;
  height: auto;
  padding: 12% 0;
  position: relative;
}
.spring22.section5 {
  background-color: #transparent;
  height: auto;
  position: relative;
  padding: 0% 0;
  border: 0 solid red;
}

.spring22-01video {
  display: flex;
  position: relative;
  width: 85%;
  margin: 0% 0 0 0;
  left: 7.5%;
}

.spring22-01video .vid_holder {
  width: 99% !important;
  margin: 1% 0 0 1% !important;
}

.spring22-01video .video_frame_holder {
  pointer-events: none;
}

.spring22-01video .video_frame_holder img {
  width: 100%;
  pointer-events: none;
}

@media only screen and (max-width: 640px) {
  .spring22-01video2 {
    display: flex;
    position: relative;
    width: 85%;
    margin: 14% 0 0 0;
    left: 7.5%;
  }
}
.spring22-10row {
  display: flex;
  flex-direction: row;
  width: 60%;
  margin: 0% 0 0 34%;
  border: 0 solid red;
}

.spring22-10row .gifFrame {
  position: relative;
  width: 46%;
  border: 0 solid #fff;
  margin: 0;
  aspect-ratio: 2160/3320;
}

.spring22-10row div:first-of-type {
  margin-right: 8%;
}

.spring22-10row .gifFrame img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.spring22-10row .gifFrame img:first-of-type {
  top: 9%;
  height: 82%;
}

.spring22-11 .logo_mask {
  border: 1px solid green;
  display: inline-block;
  -webkit-mask-image: url("../images/work/iphone_frame_mask.png");
  mask-image: url("../images/work/iphone_frame_mask.png");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 99%;
  mask-size: 99%;
}
.spring22-11.videoFrame img {
  position: absolute;
  top: 0;
  left: 2%;
  width: 96%;
  z-index: 100;
  pointer-events: none;
}
.spring22-11.video_holder {
  width: 100%;
  height: 100%;
  border: 0 solid red;
}

.spring22-video2 {
  display: flex;
  position: relative;
  width: 26%;
  margin: 0 0 0 0;
  overflow: hidden;
}

.spring22-video2 .vid_holder {
  width: 91% !important;
  margin: 5% 0 0 4.5% !important;
}

.spring22-video2 img {
  width: 100%;
}

.spring23.section1 {
  background-image: url("../images/work/23_spring_section1_bg2.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  padding-top: 165px;
  position: relative;
  background-color: #F6F0E9;
  padding-bottom: 6%;
}
@media only screen and (max-width: 640px) {
  .spring23.section1 {
    background-image: url("../images/work/23_spring_section1_bg_m3.jpg");
    padding-top: 150px;
    padding-bottom: 12%;
    background-size: 100% auto;
  }
}
.spring23.section1b {
  background-color: #F6F0E9;
  height: auto;
  margin-top: -5px;
  position: relative;
  border: 0 solid red;
  padding: 10% 0 10%;
}
@media only screen and (max-width: 640px) {
  .spring23.section1b {
    padding: 0% 0 15%;
  }
}
.spring23.section2 {
  background-image: url("../images/work/23_spring_section2_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  margin-top: -5px;
  position: relative;
  border: 0 solid red;
  padding: 12% 0;
}
.spring23.section3 {
  background-color: #F6F0E9;
  height: auto;
  position: relative;
  padding: 0% 0 10%;
}
.spring23.section4 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 0% 0 10%;
}
.spring23.section5 {
  background-image: url("../images/work/23_spring_section5_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  margin-top: -5px;
  position: relative;
  padding: 12% 0;
}

.spring23b-video1 {
  display: flex;
  position: relative;
  margin: 0 0 0 0;
  overflow: hidden;
}

.spring23b-video1 .vid_holder {
  width: 92% !important;
  margin: 8% 0 0 0% !important;
}

.spring23b-video1 img {
  width: 100%;
}

.holiday23.section1 {
  background-image: url("../images/work/23_holiday_section1_bg_new3.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  padding-top: 165px;
  position: relative;
  background-color: #000000;
  padding-bottom: 6%;
}
@media only screen and (max-width: 640px) {
  .holiday23.section1 {
    background-image: url("../images/work/23_holiday_section1_bg_m_new3.jpg");
    padding-top: 150px;
    padding-bottom: 12%;
    background-size: 100% auto;
  }
}
.holiday23.section1vid {
  background-color: #000000;
  position: relative;
  padding: 10% 0 5%;
  border: 0 solid red;
}
@media only screen and (max-width: 640px) {
  .holiday23.section1vid {
    padding: 15% 0 0%;
  }
}
.holiday23.section2 {
  background-color: #000000;
  height: auto;
  margin-top: -5px;
  position: relative;
  padding: 4% 0 0;
}
.holiday23.section2phone {
  background-image: url("../images/work/23_holiday_section2_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  margin-top: -5px;
  position: relative;
  padding: 10% 0;
}
.holiday23.section3 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 8% 0 0;
  border: 0 solid red;
}
.holiday23.section4 {
  background-image: url("../images/work/23_holiday_section4_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  margin-top: -5px;
  position: relative;
  padding: 12% 0;
}
.holiday23.section5 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 0% 0 5%;
  border: 0 solid red;
}
.holiday23.section6 {
  background-image: url("../images/work/23_holiday_section6_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  margin-top: -5px;
  position: relative;
  padding: 0% 0 12%;
}
.holiday23.section7 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 0% 0;
  margin-top: -5px;
  border: 0 solid red;
}

.spring23-video1 {
  display: flex;
  position: relative;
  margin: 0 0 0 0;
  overflow: hidden;
}

.spring23-video1 .vid_holder {
  width: 101% !important;
  margin: 14% 0 0 0% !important;
}

.spring23-video1 img {
  width: 100%;
}

.holiday22.section1 {
  background-image: url("../images/work/22_holiday_section1_bg2.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  padding-top: 165px;
  position: relative;
  background-color: #000000;
  padding-bottom: 6%;
}
@media only screen and (max-width: 640px) {
  .holiday22.section1 {
    background-image: url("../images/work/22_holiday_section1_bg_m2.jpg");
    padding-top: 150px;
    padding-bottom: 12%;
    background-size: 100% auto;
  }
}
.holiday22.section1b {
  background-color: #000000;
  height: auto;
  margin-top: -5px;
  position: relative;
  padding: 10% 0 0;
}
@media only screen and (max-width: 640px) {
  .holiday22.section1b {
    padding: 1% 0 0;
  }
}
.holiday22.section2 {
  background-image: url("../images/work/22_holiday_section2_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  margin-top: -5px;
  position: relative;
  padding: 10% 0;
}
.holiday22.section3 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 0 0 12%;
}
.holiday22.section4 {
  background-image: url("../images/work/22_holiday_section4_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  margin-top: -5px;
  position: relative;
  padding: 12% 0;
}
.holiday22.section5 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 0% 0;
  border: 0 solid red;
}
.holiday22.section6 {
  background-image: url("../images/work/22_holiday_section6_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  margin-top: -5px;
  position: relative;
  padding: 12% 0 12%;
}
.holiday22.section7 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 12% 0 0;
  margin-top: -5px;
  border: 0 solid red;
}

.holiday22-video1 {
  display: flex;
  position: relative;
  width: 26%;
  margin: 0 0 0 0;
  overflow: hidden;
}

.holiday22-video1 .vid_holder {
  width: 101% !important;
  margin: 12% 0 0 0% !important;
}

.holiday22-video1 img {
  width: 100%;
}

.holiday22-video2 {
  display: flex;
  position: relative;
  width: 26%;
  margin: 0 0 0 0;
  overflow: hidden;
}

.holiday22-video2 .vid_holder {
  width: 101% !important;
  margin: 14% 0 0 0% !important;
}

.holiday22-video2 img {
  width: 100%;
}

.holiday22-video3 {
  display: flex;
  position: relative;
  width: 26%;
  margin: 0 0 0 0;
  overflow: hidden;
}

.holiday22-video3 .vid_holder {
  width: 85% !important;
  margin: 9% 0 0 8% !important;
}

.holiday22-video3 img {
  width: 100%;
}

.fall22.section1 {
  background-image: url("../images/work/22_fall_section1_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  padding-top: 165px;
  position: relative;
  padding-bottom: 6%;
}
@media only screen and (max-width: 640px) {
  .fall22.section1 {
    background-image: url("../images/work/22_fall_section1_bg_m_cropped.jpg");
    padding-top: 150px;
    padding-bottom: 12%;
    background-size: 100% auto;
  }
}
.fall22.section1b {
  padding: 10% 0 5%;
  height: auto;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .fall22.section1b {
    padding: 0% 0 5%;
  }
}
.fall22.section2 {
  background-color: #343434;
  height: auto;
  position: relative;
}
.fall22.section3 {
  background-image: url("../images/work/22_fall_section3_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-color: #60829d;
  height: auto;
  padding: 12% 0;
  position: relative;
}
.fall22.section4 {
  background-color: #888888;
  height: auto;
  position: relative;
}

.fall22-01video {
  display: flex;
  position: relative;
  width: 85%;
  margin: 0% 0 0 0;
  left: 7.5%;
}

.fall22-01video .vid_holder {
  width: 99% !important;
  margin: 1% 0 0 1% !important;
}

.fall22-01video .video_frame_holder {
  pointer-events: none;
}

.fall22-01video .video_frame_holder img {
  width: 100%;
  pointer-events: none;
}

@media only screen and (max-width: 640px) {
  .fall22-01video {
    display: flex;
    position: relative;
    width: 85%;
    margin: 14% 0 0 0;
    left: 7.5%;
  }
}
.fall22-video2 {
  display: flex;
  position: relative;
  width: 26%;
  margin: 0 0 0 0;
  overflow: hidden;
}

.fall22-video2 .vid_holder {
  width: 101% !important;
  margin: 12% 0 0 0% !important;
}

.fall22-video2 img {
  width: 100%;
}

.fall22-video3 {
  display: flex;
  position: relative;
  width: 26%;
  margin: 0 0 0 0;
  overflow: hidden;
}

.fall22-video3 .vid_holder {
  width: 101% !important;
  margin: 8% 0 0 0% !important;
}

.fall22-video3 img {
  width: 100%;
}

.fall22-vide04 {
  display: flex;
  position: relative;
  margin: 0 0 0 0;
  overflow: hidden;
}

.fall22-video4 .vid_holder {
  width: 77% !important;
  margin: 12% 0 0 12% !important;
}

.fall22-video4 img {
  width: 100%;
}

.carousel5 .slick-arrow,
.carousel6 .slick-arrow,
.carousel5 .slick-dots,
.carousel6 .slick-dots {
  filter: invert(1);
}

.spring24.section1 {
  background-image: url("../images/work/24_spring_section1_bg3_cropped.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: auto;
  padding-top: 165px;
  position: relative;
  padding-bottom: 8%;
}
@media only screen and (max-width: 640px) {
  .spring24.section1 {
    background-image: url("../images/work/24_spring_section1_bg3_m_cropped.jpg");
    padding-top: 148px;
    background-size: 100% auto;
  }
}
.spring24.section1b {
  height: auto;
  padding: 10% 0;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .spring24.section1b {
    padding: 1% 0 10%;
  }
}
.spring24.section2 {
  background-image: url("../images/work/24_spring_section2_bg3.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
  background-color: #7ebbf1;
  height: auto;
  padding: 12% 0;
  position: relative;
}
.spring24.section4 {
  background-image: url("../images/work/24_spring_section4_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
  background-color: #7ebbf1;
  padding: 12% 0;
  height: auto;
  position: relative;
}

img.spring24-01 {
  display: flex;
  position: relative;
  width: 85%;
  margin: 6% auto 0;
}

.spring24-01video {
  display: flex;
  position: relative;
  width: 85%;
  margin: 0% 0 0 0;
  left: 7.5%;
}

.spring24-01video .vid_holder {
  width: 99% !important;
  margin: 1% 0 0 1% !important;
}

.spring24-01video .video_frame_holder {
  pointer-events: none;
}

.spring24-01video .video_frame_holder img {
  width: 100%;
  pointer-events: none;
}

.holiday23-01video {
  display: flex;
  position: relative;
  width: 85%;
  margin: 0% 0 0 0;
  left: 7.5%;
}

.holiday23-01video .vid_holder {
  width: 99% !important;
  margin: 1% 0 0 1% !important;
}

.holiday23-01video .video_frame_holder {
  pointer-events: none;
}

.holiday23-01video .video_frame_holder img {
  width: 100%;
  pointer-events: none;
}

@media only screen and (max-width: 640px) {
  .spring24-01video {
    display: flex;
    position: relative;
    width: 85%;
    margin: 14% 0 0 0;
    left: 7.5%;
  }
}
img.spring24-02 {
  display: flex;
  position: relative;
  width: 66.66%;
  margin: 12% auto 0;
}

img.spring24-03 {
  display: flex;
  position: relative;
  width: 37.5%;
  margin: 9% auto 0;
}

img.spring24-04 {
  display: flex;
  position: relative;
  height: auto;
  width: 36%;
  margin: 0 0 0 7%;
}

img.spring24-05 {
  display: flex;
  position: relative;
  width: 36%;
  height: auto;
  margin: 11% 0 0 13%;
}

img.spring24-06 {
  display: flex;
  position: relative;
  width: 100%;
  margin: 10% auto 0;
}

img.spring24-07 {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto 0;
}

img.spring24-08a {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0;
}

img.spring24-08b {
  display: flex;
  position: relative;
  width: 100%;
  margin: 8px 0 0 0;
}

img.spring24-09 {
  display: flex;
  position: relative;
  width: 33%;
  margin: 9% auto 0;
}

@media only screen and (max-width: 640px) {
  .spring24-01video {
    display: flex;
    position: relative;
    width: 85%;
    margin: 14% 0 0 0;
    left: 7.5%;
  }
  img.spring24-02 {
    display: flex;
    position: relative;
    width: 66.66%;
    margin: 12% auto 0;
  }
}
.spring24-10video {
  display: flex;
  position: relative;
  width: 22%;
  margin: 0 0 0 0;
}

.spring24-10video .vid_holder {
  width: 84% !important;
  margin: 8% 0 0 8% !important;
}

.spring24-10video img {
  width: 100%;
}

.spring24-10video2 {
  display: flex;
  position: relative;
  width: 22%;
  margin: 0 0 0 5%;
}

.spring24-10video2 .vid_holder {
  width: 92% !important;
  margin: 4% 0 0 4% !important;
}

.spring24-10video2 img {
  width: 100%;
}

.spring24-10video3 {
  display: flex;
  position: relative;
  width: 22%;
  margin: 0 0 0 5%;
}

.spring24-10video3 .vid_holder {
  width: 92% !important;
  margin: 4% 0 0 4% !important;
}

.spring24-10video3 img {
  width: 100%;
}

img.spring24-13 {
  display: flex;
  position: relative;
  width: 22%;
  margin: 0 5% 0 auto;
}

img.spring24-14 {
  display: flex;
  position: relative;
  width: 22%;
  margin: 0 0 0 0;
}

.spring24-13video {
  display: flex;
  position: relative;
  width: 26%;
  margin: 0 5% 0 auto;
}

.spring24-13video .vid_holder {
  width: 94% !important;
  margin: 13% 0 0 3% !important;
}

.spring24-13video img {
  width: 100%;
}

.spring24-13video2 {
  display: flex;
  position: relative;
  width: 26%;
  margin: 0 0 0 0;
}

.spring24-13video2 .vid_holder {
  width: 100% !important;
  margin: 13.5% 0 0 0% !important;
}

.spring24-13video2 img {
  width: 100%;
}

img.spring24-15 {
  display: flex;
  position: relative;
  width: 26%;
  margin: 0 0 0 21%;
}

img.spring24-16 {
  display: flex;
  position: relative;
  width: 26%;
  margin: 0 0 0 5%;
}

.spring24-15video {
  display: flex;
  position: relative;
  width: 26%;
  margin: 0 0 0 21%;
}

.spring24-15video .vid_holder {
  width: 94% !important;
  margin: 13% 0 0 3% !important;
}

.spring24-15video img {
  width: 100%;
}

.spring24-15video2 {
  display: flex;
  position: relative;
  width: 26%;
  margin: 0 0 0 5%;
}

.spring24-15video2 .vid_holder {
  width: 100% !important;
  margin: 13.5% 0 0 0% !important;
}

.spring24-15video2 img {
  width: 100%;
}

img.spring24-17 {
  display: flex;
  position: relative;
  width: 30%;
  margin: 10% auto 0%;
}

img.spring24-18 {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto 0;
}

.spring24-19video {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0% 0;
}

.spring24-9video .vid_holder {
  width: 100% !important;
  margin: 0% 0 0 0% !important;
}

img.spring24-20 {
  display: flex;
  position: relative;
  width: 17.5%;
  margin: 15% 0 0 11%;
}

img.spring24-21 {
  display: flex;
  position: relative;
  width: 17.5%;
  margin: 0 0 0 13%;
}

img.spring24-22 {
  display: flex;
  position: relative;
  width: 17.5%;
  margin: 8% 0 0 13%;
}

img.spring24-23 {
  display: flex;
  position: relative;
  width: 17.5%;
  margin: 13% 0 0 11%;
}

img.spring24-24 {
  display: flex;
  position: relative;
  width: 17.5%;
  margin: -10% 0 0 13%;
}

img.spring24-25 {
  display: flex;
  position: relative;
  width: 17.5%;
  margin: -20% 0 0 13%;
}

img.work_1e-01 {
  display: flex;
  position: relative;
  width: 43%;
}

img.work_1e-02 {
  display: flex;
  position: relative;
  width: 53%;
}

img.work_1e-03 {
  display: flex;
  position: relative;
  width: 48%;
}

img.work_1e-04 {
  display: flex;
  position: relative;
  width: 35%;
}

img.work_1e-05 {
  display: flex;
  position: relative;
  width: 72%;
}

img.work_1e-06 {
  display: flex;
  position: relative;
  width: 50%;
}

.gif_frame_holder {
  pointer-events: none;
}

.gif_holder img {
  position: absolute;
  width: 100%;
  pointer-events: none;
}

.gif_frame_holder img {
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}

img.work_1e-10 {
  margin: 0 0 0 auto;
}

img.work_1e-12 {
  margin: 0 auto 0 0;
}

.blackFriday.section1 {
  height: auto;
  padding-top: 165px;
  position: relative;
  background-color: #03EB03;
  padding-bottom: 8%;
}
@media only screen and (max-width: 640px) {
  .blackFriday.section1 {
    padding-top: 148px;
    padding-bottom: 12%;
  }
}
.blackFriday.section2 {
  background-color: #999894;
  height: auto;
  position: relative;
  padding: 0 0 12% 0;
}
.blackFriday.section3 {
  background-color: #f8f8f8;
  height: auto;
  position: relative;
  padding: 12% 0;
}
.blackFriday.section4 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 10% 0;
}
.blackFriday.section5 {
  background-color: #dad1cf;
  height: auto;
  position: relative;
  padding: 0;
}

.blackfriday-video1 {
  display: flex;
  position: relative;
  margin: 0 0 0 0;
  overflow: hidden;
}

.blackfriday-video1 .vid_holder {
  width: 101% !important;
  margin: 10% 0 0 0% !important;
}

.blackfriday-video1 img {
  width: 100%;
}

.rewards.section1 {
  height: auto;
  padding-top: 165px;
  position: relative;
  background-color: #FFEBE6;
  padding-bottom: 8%;
}
@media only screen and (max-width: 640px) {
  .rewards.section1 {
    padding-top: 148px;
  }
}
.rewards.section2 {
  background-color: #f8f8f8;
  height: auto;
  position: relative;
  padding: 0 0 0% 0;
}
.rewards.section3 {
  background-color: #000000;
  height: auto;
  position: relative;
  margin-top: -5px;
  overflow: hidden;
  padding: 12% 0;
}
.rewards.section4 {
  background-color: #FFEBE6;
  height: auto;
  position: relative;
  padding: 12% 0;
}
.rewards.section5 {
  background-color: #f8f8f8;
  height: auto;
  position: relative;
  padding: 12% 0;
}
.rewards.section6 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 8% 0;
}
.rewards.section7 {
  background-color: #999894;
  height: auto;
  position: relative;
  padding: 12% 0 10%;
}
.rewards.section8 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 12% 0;
}
.rewards.section9 {
  background-color: #FFEBE6;
  height: auto;
  position: relative;
  padding: 12% 0 0;
}

.rewards-video1 {
  display: flex;
  position: relative;
  margin: 0 0 0 0;
  overflow: hidden;
}

.rewards-video1 .vid_holder {
  width: 101% !important;
  margin: 10% 0 0 0% !important;
}

.rewards-video1 img {
  width: 100%;
}

.rewards-video2 {
  display: flex;
  position: relative;
  margin: 0 0 0 0;
  overflow: hidden;
}

.rewards-video2 .vid_holder {
  width: 101% !important;
  margin: 10% 0 0 0% !important;
}

.rewards-video2 img {
  width: 100%;
}

.rebrand.section1 {
  height: 732px !important;
  padding-top: 0px;
  position: relative;
  padding-bottom: 0%;
  overflow: hidden;
  background-color: #6dabda;
  height: auto;
  border: 0 solid green;
}
@media only screen and (max-width: 640px) {
  .rebrand.section1 {
    background-image: url("../images/work/rebrand_section1_bg_m3.jpg");
    padding-top: 0px;
    padding-bottom: 0%;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
  }
}
.rebrand.section1Mobile {
  position: relative;
  background-image: url("../images/work/rebrand_section1_bg_m3.jpg");
  padding-top: 0px;
  padding-bottom: 0%;
  overflow: hidden;
  background-size: 100% auto;
  height: auto;
  display: none;
}
@media only screen and (max-width: 640px) {
  .rebrand.section1Mobile {
    display: flex;
  }
}
.rebrand.section2 {
  background-color: #000000;
  height: auto;
  position: relative;
  margin-top: -10px;
  padding: 0 0 0% 0;
}
.rebrand.section3 {
  background-color: #FFEBE6;
  height: auto;
  position: relative;
  margin-top: 0px;
  padding: 12% 0;
}
.rebrand.section4 {
  background-color: #f8f8f8;
  height: auto;
  position: relative;
  padding: 0% 0 12%;
}
.rebrand.section5 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 12% 0;
}
.rebrand.section6 {
  background-color: #f8f8f8;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 12% 0;
}
.rebrand.section7 {
  background-color: #FFEBE6;
  height: auto;
  position: relative;
  padding: 12% 0 0;
}
.rebrand.section8 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 10% 0;
}
.rebrand.section9 {
  background-color: #343434;
  height: auto;
  position: relative;
  padding: 10% 0;
}

.rebrand_text {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 792px;
  margin-top: 165px;
  margin-left: calc((100% - 792px) / 2);
  border: 0 solid red;
}
@media only screen and (min-width: 1440px) {
  .rebrand_text {
    margin-left: 324px;
  }
}
@media only screen and (max-width: 640px) {
  .rebrand_text {
    margin-left: 5%;
    margin-top: 0px;
    left: 0;
    position: relative !important;
    height: auto;
    width: 90%;
    padding: 150px 0 55px;
    z-index: 500;
    border: 0 solid green;
  }
}

.rebrand-01video {
  display: flex;
  position: relative;
  width: 85%;
  margin: 0% 0 0 0;
  left: 7.5%;
}

.rebrand-01video .vid_holder {
  width: 99% !important;
  margin: 1% 0 0 1% !important;
  position: relative;
}

.rebrand-01video .video_frame_holder {
  pointer-events: none;
  position: absolute;
}

.rebrand-01video .video_frame_holder img {
  width: 100%;
  pointer-events: none;
}

.fall23.section1 {
  height: auto;
  padding-top: 165px;
  position: relative;
  background-color: #FFEBE6;
  padding-bottom: 2%;
}
.fall23.section2 {
  background-color: #FFEBE6;
  height: auto;
  position: relative;
  padding: 0 0 0% 0;
}
.fall23.section3 {
  background-color: #FFEBE6;
  height: auto;
  position: relative;
  margin-top: 0px;
  padding: 0% 0;
}
.fall23.section4 {
  background-color: #FFEBE6;
  height: auto;
  position: relative;
  padding: 8% 0 10%;
}

.fall23-video1 {
  display: flex;
  position: relative;
  margin: 0 0 0 0;
  overflow: hidden;
}

.fall23-video1 .vid_holder {
  width: 73% !important;
  margin: 43% 0 0 14% !important;
}

.fall23-video1 img {
  width: 100%;
}

.jewelry.section1 {
  height: auto;
  padding-top: 165px;
  position: relative;
  background-color: #eceaef;
  padding-bottom: 0%;
}
@media only screen and (max-width: 640px) {
  .jewelry.section1 {
    background-color: #e8e9ef;
    background-image: url("../images/work/jewelry_bg_4m.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
  }
}
.jewelry.section1bxxx {
  background-color: #eceaef;
  height: auto;
  position: relative;
  padding: 0 0 0% 0;
}
.jewelry.section2 {
  background-color: #eceaef;
  height: auto;
  position: relative;
  padding: 0 0 0% 0;
}
.jewelry.section3 {
  background-color: #343434;
  height: auto;
  position: relative;
  margin-top: 0px;
  padding: 12% 0;
}
.jewelry.section4 {
  background-image: url("../images/work/jewelry_bg_2.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-color: #e9e9ed;
  height: auto;
  padding: 15% 0;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .jewelry.section4 {
    padding: 14% 0;
  }
}
.jewelry.section5 {
  background-color: #e1dfe0;
  height: auto;
  position: relative;
  margin-top: -5px;
  padding: 0% 0;
}
.jewelry.section6 {
  background-image: url("../images/work/jewelry_bg_3.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-color: #ececef;
  height: 70vw;
  max-height: 1020px;
  margin-top: -10px;
  padding: 0% 0;
  position: relative;
}
.jewelry.section7 {
  background-color: #343434;
  height: auto;
  position: relative;
  margin-top: -5px;
  padding: 12% 0;
}

.jewelry-video2 {
  display: flex;
  position: relative;
  margin: 0 0 0 0;
  overflow: hidden;
}

.jewelry-video2 .vid_holder {
  width: 101% !important;
  margin: 14% 0 0 0% !important;
}

.jewelry-video2 img {
  width: 100%;
}

.pride_bottom_thumbs {
  display: flex;
  flex-direction: row;
}
.pride_bottom_thumbs a {
  width: 100px;
  margin: 0 50px;
}
@media only screen and (max-width: 640px) {
  .pride_bottom_thumbs a {
    width: 40px;
    margin: 0 10px;
  }
}
.pride_bottom_thumbs a.disabled {
  opacity: 0.25;
  pointer-events: none;
}
.pride_bottom_thumbs a img {
  width: 100%;
}

.pride2021.section1 {
  height: auto;
  padding-top: 165px;
  position: relative;
  background-color: #000000;
  padding-bottom: 0%;
}
.pride2021.section2 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 12% 0 0% 0;
}
.pride2021.section3 {
  background-color: #000000;
  height: auto;
  position: relative;
  margin-top: 0px;
  padding: 12% 0 16%;
}

.pride21-video1 {
  display: flex;
  position: relative;
  margin: 0 0 0 0;
  overflow: hidden;
}

.pride21-video1 .vid_holder {
  width: 93% !important;
  margin: 13% 0 0 3.5% !important;
}

.pride21-video1 img {
  width: 100%;
}

.pride2022.section1 {
  height: auto;
  padding-top: 165px;
  position: relative;
  background-color: #000000;
  padding-bottom: 0%;
}
.pride2022.section2 {
  background-color: #000;
  height: auto;
  position: relative;
  padding: 0 0 0% 0;
}
.pride2022.section3 {
  background-color: #000000;
  height: auto;
  position: relative;
  margin-top: 0px;
  padding: 0% 0 10%;
}
@media only screen and (max-width: 640px) {
  .pride2022.section3 {
    padding: 0% 0 15%;
  }
}

.pride22-video2 {
  display: flex;
  position: relative;
  width: 26%;
  margin: 0 0 0 0;
  overflow: hidden;
}

.pride22-video2 .vid_holder {
  width: 103% !important;
  margin: 12% 0 0 0% !important;
}

.pride22-video2 img {
  width: 100%;
}

.pride2024.section1 {
  height: auto;
  padding-top: 165px;
  position: relative;
  background-color: #000000;
  padding-bottom: 0%;
}
.pride2024.section2 {
  background-color: #000000;
  height: auto;
  position: relative;
  padding: 0 0 0% 0;
}
.pride2024.section3 {
  background-color: #000000;
  height: auto;
  position: relative;
  margin-top: -5px;
  padding: 12% 0;
}
@media only screen and (max-width: 640px) {
  .pride2024.section3 {
    padding: 12% 0 15%;
  }
}

.nativeapp.section1 {
  background-image: url("../images/work/NativeApp_bg_desktop3.jpg");
  background-repeat: no-repeat;
  background-position: 0 0%;
  background-size: 100% auto;
  height: 98vw;
  max-height: 1420px;
  padding-top: 165px;
  position: relative;
  background-color: #000000;
  border: 0 solid red;
  padding-bottom: 0%;
}
@media only screen and (max-width: 640px) {
  .nativeapp.section1 {
    background-image: url("../images/work/NativeApp_bg_mobile3.jpg");
    height: 188vw;
    max-height: unset;
  }
}
.nativeapp.section1new {
  padding-top: 165px;
  position: relative;
  background-color: #000000;
  border: 0 solid red;
  padding-bottom: 0%;
}
.nativeapp.section2 {
  background-color: #f8f8f8;
  height: auto;
  position: relative;
  overflow: hidden;
  margin-top: -5px;
  padding: 12% 0 0;
}
.nativeapp.section3 {
  background-color: #FFEBE6;
  height: auto;
  position: relative;
  margin-top: -5px;
  padding: 12% 0;
}
.nativeapp.section4 {
  background-color: #f8f8f8;
  height: auto;
  position: relative;
  padding: 12% 0 0;
}
.nativeapp.section5 {
  background-color: #FFEBE6;
  height: auto;
  position: relative;
  margin-top: -5px;
  margin-bottom: -5px;
  padding: 10% 0 15%;
}
.nativeapp.section6 {
  background-color: #ffffff;
  height: auto;
  position: relative;
  margin-top: 0;
  padding: 0% 0 0;
}

.jcrew_work_container {
  height: auto;
  padding-top: 165px;
  position: relative;
  background-color: transparent;
  padding-bottom: 0%;
}
@media only screen and (max-width: 640px) {
  .jcrew_work_container {
    padding-top: calc(81px + 17vw);
  }
}

/*# sourceMappingURL=work.css.map */