.ss19-cta-simple:before,
.ss19-cta:after {
    content: ''
}

.hero-container {
    overflow: hidden
}

.ss19-template img {
    display: block
}

.ss19-cta,
.ss19-cta-simple {
    text-decoration: none;
    display: inline-block
}

.ss19-subtitle {
    font-size: 1.2rem;
    letter-spacing: .1rem;
    text-transform: uppercase;
    color: #757575
}

.ss19-title .ss19-subtitle {
    color: inherit;
    font-family: Proxima Nova, sans-serif;
    letter-spacing: .3rem
}

.ss19-cta-simple:focus,
.ss19-cta-simple:hover,
.ss19-cta:focus,
.ss19-cta:hover {
    color: #000
}

.ss19-holding p {
    font-size: 1.2rem;
    letter-spacing: .2rem
}

.ss19-cta-simple {
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 4px solid #000;
    padding-bottom: 8px;
    letter-spacing: 2px;
    position: relative
}

.ss19-cta-simple:before {
    position: absolute;
    width: 100%;
    height: 4px;
    top: 100%;
    left: 0;
    background-color: #757575;
    visibility: hidden;
    transition: all .3s ease-in-out 0s;
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.ss19-cta-simple:focus:before,
.ss19-cta-simple:hover:before {
    visibility: visible;
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.ss19-cta {
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: .3rem;
    background-color: transparent
}

.ss19-cta:after {
    border-bottom: 4px solid #000;
    display: block;
    width: 70px;
    padding-top: 8px;
    transition: all .3s ease-in-out
}

.ss19-cta:focus:after,
.ss19-cta:hover:after {
    width: 100%;
    border-bottom: 4px solid #000
}

.z-2 {
    position: relative;
    z-index: 2
}

.font-3 {
    font-size: 2.75rem
}

.js-fake-carousel-next,
.js-fake-carousel-prev {
    cursor: pointer
}

.js-fake-carousel-next:focus,
.js-fake-carousel-next:hover,
.js-fake-carousel-prev:focus,
.js-fake-carousel-prev:hover {
    color: #D1D1D1
}

.slick-arrow.js-fake-carousel-prev:after {
    cursor: pointer;
    content: url(Arrow_left-arrow-black.svg);
    display: block;
    transform: rotateY(180deg);
    width: 30px
}

.slick-arrow.js-fake-carousel-next:after {
    cursor: pointer;
    content: url(Arrow_right-arrow-black.svg);
    display: block;
    width: 30px
}

.last-touched-by-keyboard .slick-arrow.js-fake-carousel-prev:focus:after,
.slick-arrow.js-fake-carousel-prev:hover:after {
    content: url(Arrow_left-arrow-grey.svg);
    -ms-transform: none;
    transform: none
}

.last-touched-by-keyboard .slick-arrow.js-fake-carousel-next:focus:after,
.slick-arrow.js-fake-carousel-next:hover:after {
    content: url(Arrow_right-arrow-grey.svg)
}

@media only screen and (min-width :767px) {

    .pt_category_landing .site-content .site-wrapper,
    .pt_content .site-content .site-wrapper,
    .pt_storefront .site-content .site-wrapper {
        padding: 0;
        max-width: 100%
    }

    .page-wrapper {
        margin-bottom: 0
    }

    .site-max {
        max-width: 1280px
    }

    .baseline-feature {
        margin-bottom: 45px
    }

    .baseline-ss19,
    .desktop-baseline-ss19 {
        margin-bottom: 100px
    }

    .ss19-cta {
        text-align: left
    }

    .ss19-title {
        font-size: 7rem;
        letter-spacing: -.2rem
    }

    .ss19-title .ss19-subtitle {
        -ms-transform: translateX(200px);
        transform: translateX(200px)
    }

    h3.ss19-title {
        font-size: 2.5rem
    }

    .hero-copy {
        position: absolute;
        top: 15%;
        right: 15%;
        max-width: 300px
    }

    .hero-copy.position-left {
        left: 15%;
        right: auto
    }

    .hero-copy.position-right {
        right: 15%;
        left: auto
    }

    .hero-copy.position-center {
        left: auto;
        right: auto
    }

    .lang-code-ja .hero-copy {
        max-width: 100%
    }

    .lang-code-ja .hero-copy.position-left {
        left: 7%
    }

    .lang-code-ja .hero-copy.position-right {
        right: 7%
    }

    .lang-code-ja .ss19-title {
        font-size: 6rem
    }

    .lang-code-ja .font-3 {
        font-size: 2.6rem
    }

    .feature-overlay {
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
        padding: 30px 0
    }
}

@media only screen and (min-width :768px) and (max-width :1024px) {
    .hero-copy {
        right: 5%
    }

    .hero-copy.position-left {
        left: 5%;
        right: auto
    }

    .hero-copy.position-right {
        right: 5%;
        left: auto
    }

    .feature-overlay {
        padding: 20px 5px;
        margin: 0 auto
    }
}

@media only screen and (min-width :768px) and (max-width :959px) {

    .baseline-ss19,
    .desktop-baseline-ss19 {
        margin-bottom: 70px
    }

    .baseline-feature {
        margin-bottom: 35px
    }

    .tablet-side-padding-medium {
        padding-left: 15px;
        padding-right: 15px
    }

    .ss19-title {
        font-size: 4.7rem
    }

    .ss19-title .ss19-subtitle {
        -ms-transform: translateX(130px);
        transform: translateX(130px)
    }

    .hero-copy {
        max-width: 250px
    }

    .font-3 {
        font-size: 2.05rem
    }
}

@media only screen and (max-width :767px) {

    .site-content,
    .site-content .site-wrapper {
        padding: 0
    }

    .baseline-feature {
        margin-bottom: 30px
    }

    .baseline-ss19,
    .mobile-baseline-ss19 {
        margin-bottom: 80px
    }

    .ss19-title {
        font-size: 5.2rem;
        margin-left: 35px
    }

    .ss19-subtitle.narrow-spacing {
        letter-spacing: 0
    }

    .ss19-content {
        margin-top: -60px
    }

    .ss19-cta {
        margin: 0 auto
    }

    .ss19-cta:after {
        width: 100%
    }

    .feature-overlay {
        padding-top: 40px;
        padding-bottom: 80px
    }

    .lang-code-ja .font-3 {
        font-size: 2.3rem
    }

    .lang-code-ja .ss19-title {
        font-size: 3.3rem
    }
}