.g3Denim {
   position: relative;
   width: 100%;
   height: auto;
   min-width: 978px;
   max-width: 1300px;
   z-index: 1;
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 16px;
   opacity: 0;
}

@media all and (max-width: 1300px) {
   .g3Denim {
      font-size: 1.22vw;
   }
}

@media all and (max-width: 978px) {
   .g3Denim {
      font-size: 12px;
   }
}

.g3Denim img {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.g3Denim a {
   color: inherit;
   text-decoration: none;
}

.g3Denim span {
   position: relative;
   display: inline-block;
}

.g3Denim h1,
.g3Denim h2,
.g3Denim h3,
.g3Denim p {
   position: relative;
   display: block;
   margin: 0;
}

.g3Wrapper {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3WrapperAbs {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3It {
   font-style: italic;
}

.g3Denim__Contents {
   position: relative;
   display: flex;
   flex-flow: wrap;
   justify-content: space-between;
   align-items: stretch;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3Denim__Item {
   position: relative;
   flex: 1 1 0;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
   cursor: pointer;
}

.g3Denim__Item>img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
}

.g3Overlay {
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0;
   overflow: hidden;
   z-index: 100;
   text-align: center;
   background-color: rgba(255, 255, 255, .8);
   opacity: 0;
}

.g3Overlay__Content {
   position: relative;
   width: 100%;
   top: 50%;
   transform: translateY(-50%);
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
   color: rgb(0, 0, 0);
   font-family: "Gotham 4r";
   font-size: .8125em;
   font-weight: 400;
   line-height: 1.6;
   letter-spacing: normal;
}

.g3Overlay__Content h1 {
   font-size: 1.31em;
   font-weight: 600;
   padding-bottom: .35em;
}

.g3Overlay__Content a {
   display: inline-block;
   margin-top: .7em;
   margin-bottom: 1.4em;
   color: rgb(0, 0, 0);
   font-family: "Gotham-Medium";
   font-size: 1em;
   font-weight: 400;
   line-height: 1.6;
   letter-spacing: normal;
   border-bottom: solid 2px;
   white-space: nowrap;
}

.g3Overlay__Bot {
   display: block;
   position: absolute;
   width: 100%;
   height: 2em;
   bottom: 0;
   left: 0;
   margin: 0;
   padding: 0;
   z-index: 50;
   text-align: center;
}

.g3CTA {
   position: relative;
   display: inline-block;
   color: #000000;
   font-family: "Gotham-Medium";
   font-size: 1.0625em;
   font-weight: 400;
   line-height: 1;
   letter-spacing: 0.01em;
   padding: .2em .6em;
}

.g3ActiveDenim .g3CTA {
   background-color: #fcebe1;
}

.g3Overlay__Bot .g3CTA::after {
   content: '';
   position: relative;
   display: inline-block;
   background: url("data:image/svg+xml;utf-8,\<svg width='100%' height='100%' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><g transform='matrix(6.12323e-17,-1,1,6.12323e-17,-15.4911,50.5469)'><path d='M2.422,28.906L48.672,28.906L25.547,52.031L2.422,28.906Z' style='fill:rgb(0, 0, 0);fill-rule:nonzero;'/></g></svg>");
   background-size: 100% auto;
   z-index: 10;
   width: .7em;
   height: .7em;
   margin-left: .15em;
   vertical-align: -.1em;
}

.g3Denim__Item .g3CTA {
   top: 46%;
   transform: translateY(-50%);
}

.g3OOS .g3Overlay__Bot {
   background-color: #000000;
}

.g3Denim__Item--NoImg {
   position: relative;
   flex: 1 1 0;
   height: auto;
   margin: 0;
   overflow: hidden;
   cursor: pointer;
   max-width: 16.153846% !important;
   padding: 4em 0 0 0;
   background-color: #fdece2;
   text-align: center;
}

.g3Denim__Item--NoImg>h1 {
   color: #000000;
   font-family: "Gotham-Medium";
   font-size: 1.5em;
   font-weight: 400;
   line-height: 1.3;
   letter-spacing: normal;
   padding-bottom: .1em;
}

.g3Denim__Item--NoImg .g3CTA {
   margin: .5em 0;
   padding: 0;
   line-height: 1.3;
   border-bottom: solid 2px;
}