/* GENERAL CLASSES */

.nakd-campaign {
    /* margin-bottom: 2vw; */
}

.nakd-campaign,
.nakd-campaign-inner {
    height: 13.6vw;
}

.nakd-grid .nakd-section-1 a {
    position: relative;
    display: block;
    height: 100%;
    pointer-events: none;
}

.nakd-grid:not(.nakd-grid-mobile) .nakd-grid-copy {
    width: 28vw;
    top: 50%;
    bottom: auto;
    left: 1.5vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
}
.nakd-grid-copy-text-1 {
margin: 0 auto;
    margin-top: 0.5vw;
        width: 31.6vw;
}
.nakd-grid-copy-text-5 {
    font-size: 0.9vw;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 500;
    line-height: 1.3;
}

.nakd-campaign .nakd-grid-copy-logo {
    width: 19vw;
    max-width: 100%;
}

.nakd-campaign .nakd-section {
    position: relative;
}

.nakd-campaign .nakd-section>img {
    position: absolute;
}

.nakd-campaign .nakd-campaign-inner .nakd-campaign-hotspot {
    width: auto;
    z-index: 5;
    height: 3vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-campaign-hotspot a {
    position: relative;
    display: inline-block;
    line-height: 1;
}


/* Prevent incorrect anchor */

.nakd-campaign .nakd-campaign-inner .nakd-campaign-hotspot.tag-inversed {
    left: auto !important;
}

.nakd-campaign .nakd-campaign-inner .nakd-campaign-hotspot:not(.tag-inversed) {
    right: auto !important;
}

.nakd-campaign .nakd-campaign-inner .nakd-campaign-hotspot a:before {
    content: "";
    position: absolute;
    top: 46%;
    left: -0.5vw;
    right: auto;
    transform: translateY(-50%);
    width: 2vw;
    height: 0vw;
    border-top: 0.3vw solid transparent;
    border-bottom: 0.3vw solid transparent;
    border-right: 0.5vw solid rgba(255, 255, 255, 0.6);
}

.nakd-campaign .nakd-campaign-inner .nakd-campaign-hotspot.tag-inversed a:before {
    content: "";
    position: absolute;
    top: 46.4%;
    right: 1.1vw;
    left: auto;
    transform: translateY(-50%);
    width: 0vw;
    height: 0vw;
    border-top: 0.3vw solid transparent;
    border-bottom: 0.3vw solid transparent;
    border-left: 0.4vw solid rgba(255, 255, 255, 0.6);
    border-right: none;
}

.nakd-campaign .nakd-campaign-inner .nakd-campaign-hotspot span {
    font-size: 0.6vw;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 0.3vw 0.3vw 0.3vw 0.3vw;
    margin-right: 1.5vw;
    margin-top: 0.8vw;
    margin-left: 1.5vw;
}


/* VIDEO STYLES */

.nakd-grid-youtube-wrap [data-nakd-youtube-id] {
    height: calc(100% + 120px);
    margin-top: -60px;
}

.nakd-grid-youtube-wrap {
    display: block;
    width: 60vw;
    padding-bottom: 33.2%;
    position: absolute;
    overflow: hidden;
    z-index: 4;
    top: 0vw;
    left: 20.5vw;
}

.data-nakd-grid-video1-volume {
    position: absolute;
    top: 0.52083333333333333333333333333333vw;
    right: 0.52083333333333333333333333333333vw;
    width: 1.8229166666666666666666666666667vw;
    cursor: pointer;
}

.data-nakd-grid-video1-volume :nth-child(1) {
    display: none;
}

.data-nakd-grid-video1-volume :nth-child(2) {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.data-nakd-grid-video1-volume-muted :nth-child(1) {
    display: block;
}

.data-nakd-grid-video1-volume-muted :nth-child(2) {
    display: none;
}

.data-nakd-grid-video1-volume {
    display: none;
    -webkit-tap-highlight-color: transparent;
}


/* SECTION SPECIFIC CLASSES*/


/* SECTION 1 */

.nakd-campaign .nakd-section-1 {
    position: relative;
    width: 100vw;
    height: 13.6vw;
}

.nakd-campaign .nakd-section-1 .image-1 {
    width: 100vw;
    top: 0vw;
    left: 0vw;
    display: none;
}

.nakd-campaign .nakd-section-1 .image-2 {
    position: absolute;
    width: 34.5vw;
    top: 40vw;
    z-index: 4;
    left: 8.05vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-grid-copy {
    width: 39.6vw;
    /* top: -10vw; */
    bottom: auto;
    left: 50%;
    transform: translate(-50%,-50%);
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-grid-copy .nakd-grid-cta {
    display: none;
    pointer-events: none;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-campaign-hotspot-1 {
    top: 20.6vw;
    left: 81.1vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-campaign-hotspot-1 .price {
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-campaign-hotspot-1 .coming-soon {
    display: none;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-campaign-hotspot-2 {
    top: 39.8vw;
    right: 41.3vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-campaign-hotspot-2 .price {
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-campaign-hotspot-2 .coming-soon {
    display: none;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-campaign-hotspot-3 {
    top: 69.4vw;
    right: 81.7vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-campaign-hotspot-3 .price {
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-campaign-hotspot-3 .coming-soon {
    display: none;
}


/* SECTION 2 */

.nakd-campaign .nakd-section-2 {
    position: relative;
    width: 100vw;
    height: 52.1vw;
    margin-bottom: 3vw;
}

.nakd-campaign .nakd-section-2 .image-1 {
    position: absolute;
    width: 20.6vw;
    top: 6.3vw;
    left: 52.25vw;
}

.nakd-campaign .nakd-section-2 .image-2 {
    position: absolute;
    width: 20.6vw;
    top: 6.3vw;
    left: 73.85vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-grid-copy {
    width: 28.5vw;
    top: 44.2vw;
    bottom: auto;
    left: 59.2vw;
    transform: none;
    z-index: 3;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-grid-copy-text-4 {
    font-size: 1.1vw;
    text-transform: uppercase;
    letter-spacing: 0.11vw;
    line-height: 1.2vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-1 {
    top: 18.4vw;
    left: 64.6vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-1 .price {
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-1 .coming-soon {
    display: none;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-2 {
    top: 26.3vw;
    right: 39.8vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-2 .price {
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-2 .coming-soon {
    display: none;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-3 {
    top: 21.4vw;
    right: 18.7vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-3 .price {
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-3 .coming-soon {
    display: none;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-4 {
    top: 34.8vw;
    left: 85.8vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-4 .price {
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-4 .coming-soon {
    display: none;
}


/* SECTION 3 */

.nakd-campaign .nakd-section-3 {
    position: relative;
    width: 100vw;
    height: 50.8vw;
}

.nakd-campaign .nakd-section-3 .image-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 32.8vw;
}

.nakd-campaign .nakd-section-3 .image-2 {
    position: absolute;
    top: 0;
    right: 33.9vw;
    width: 32.3vw;
}

.nakd-campaign .nakd-section-3 .image-3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 32.8vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-1 {
    top: 15vw;
    right: 92vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-1 .price {
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-1 .coming-soon {
    display: none;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-2 {
    top: 23.8vw;
    left: 16vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-2 .price {
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-2 .coming-soon {
    display: none;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-3 {
    top: 36vw;
    left: 21.7vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-3 .price {
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-3 .coming-soon {
    display: none;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-4 {
    top: 30.2vw;
    right: 56.8vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-4 .price {
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-4 .coming-soon {
    display: none;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-5 {
    top: 14.5vw;
    left: 89.4vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-5 .price {
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-5 .coming-soon {
    display: none;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-6 {
    top: 34.1vw;
    right: 23.9vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-6 .price {
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-6 .coming-soon {
    display: none;
}


/* SECTION 4 */

.nakd-campaign .nakd-section-4 {
    position: relative;
    width: 100vw;
    height: 33.2vw;
}