.nakd-campaign,
.nakd-campaign-inner {
    display: none;
    position: relative;
    height: auto;
}

.nakd-grid:not(.nakd-grid-mobile) .nakd-grid-copy {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 0;
}
.nakd-grid:not(.nakd-grid-mobile) .theme-green {
    background: #C3C072;
}

.nakd-grid-copy-text-5 {
    font-size: 1.2vw;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 400;
    line-height: 1.5;
}
.nakd-campaign-inner .nakd-section a {
    text-decoration: underline !important;
    pointer-events: all;
    color: inherit;
}
.nakd-grid-copy-text-1 {
    font-size: 1.35vw !important;
    margin-bottom: 1.8vw !important;
    font-weight: bold;
}
.nakd-grid-copy-text-2 {
    font-size: 1.35vw;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 0vw!important;
    margin-bottom: 0vw;
    line-height: 1.2;
    font-family: 'proxima-nova', 'Noto sans', sans-serif;
}
.toggle-arrow {
    width: 1.3vw;
    transform: rotate(180deg);
    pointer-events: all;
    transition: all .3s ease;
    cursor: pointer;
    padding: 1vw;
    box-sizing: content-box;
    margin-bottom: 5vw;
}
.nakd-collapsible {
    width: 100%;
    height: 0;
    overflow: hidden !important;
    pointer-events: all;
    transition: 3s ease max-height;
    max-height: 10vw;
    display: block;
    padding: 0;
}
.nakd-signup-text a {
    text-decoration: underline !important;
}
.nakd-signup-text-1 a {
    text-decoration: underline !important;
}
.nakd-campaign .nakd-grid-copy-logo {
    width: 14.5vw;
    max-width: 100%;
    margin-bottom: 1vw;
    margin-top: 0;
}

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

.nakd-campaign .nakd-section>img {
    position: absolute;
}
.nakd-signup-title {
    font-size: 1.5vw;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.nakd-signup-subtitle {
    display: block;
    font-size: 1vw;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0.4vw;
    line-height: 1.2;
}

.nakd-signup-text {
    display: block;
    width: 20.5vw;
    font-size: 0.9vw;
    line-height: 1.2;
    margin-top: 1vw;
    margin-bottom: 0.5vw;
}

.nakd-signup-text.smaller-margin {
    display: block;
    font-size: 0.9vw;
    line-height: 1.2;
    margin-top: 0.2vw;
    margin-bottom: 0;
}

.nakd-campaign .nakd-campaign-inner .nakd-section .nakd-grid-cta {
    display: inline-block;
    cursor: pointer;
    font-size: 0.9vw;
    font-weight: 550;
    padding: 1.1vw 2.4vw;
    border-radius: 0.1em;
    border: 0.05vw solid #5D8293;
    background-color: transparent;
    line-height: 1;
    margin-top: 1vw!important;
    text-decoration: none;
    color: #5D8293;
}
.nakd-campaign .nakd-campaign-inner .nakd-section .nakd-grid-cta.blue {
    border: 0.05vw solid #5D8293;
    background-color: #5D8293;
    color: #E5E0DA;
    margin-right: 1.5vw;
}
.nakd-campaign .nakd-campaign-inner .nakd-section .nakd-grid-cta.blue-white {
    border: 0.05vw solid #5D8293;
    background-color: #5D8293;
    color: #fff;
    margin-right: 1.5vw;
}
.nakd-campaign .nakd-campaign-inner .nakd-section .nakd-grid-cta.white {
    border: 0.05vw solid #fff;
    background-color: #fff;
    color: #5D8293;
    margin-top: 4vw!important;
}



.nakd-section .expanded+.nakd-collapsible .nakd-grid-copy-text-1 {
    font-size: 1.6vw !important;
    margin-bottom: 2.6vw !important;
}
.expanded+.nakd-collapsible .image-2 {
    width: 2vw;
}

.expanded+.nakd-collapsible .nakd-grid-copy-text-2.left {
    text-align: left;
    margin: 0 0 0.1vw !important;
    padding: 0 27.7vw;
}

.expanded+.nakd-collapsible .nakd-grid-copy-text-2.left+.nakd-grid-copy-text-2:last-child {
    margin: 2.7vw 0 0!important;
    padding: 0;
}

.expanded+.nakd-collapsible .nakd-grid-copy-text-2 strong {
    font-size: 1.35vw;
}

.expanded+.nakd-collapsible .nakd-grid-figure {
    display: block;
    width: 25.5%;
    padding: 0 1vw;
    position: absolute;
    top: 4.2vw;
}

.expanded+.nakd-collapsible .nakd-grid-figure img {
    width: 100%;
}

.expanded+.nakd-collapsible .nakd-grid-figure.nakd-grid-figure-1 {
    right: 29.6vw;
}

.expanded+.nakd-collapsible .nakd-grid-figure.nakd-grid-figure-2 {
    right: 6.4vw;
}

.expanded+.nakd-collapsible .nakd-grid-figure.nakd-not {
    top: 34.8vw;
}

.expanded+.nakd-collapsible .nakd-grid-figure.nakd-not:after {
    content: "";
    display: block;
    width: 6.4vw;
    height: 7vw;
    position: absolute;
    top: 0.4vw;
    right: 1.5vw;
    background: url(https://www.na-kd.com/siteassets/campaigns/2021/april/na-kd-circle/icons/not-black.png) no-repeat;
    background-size: contain;
}

.expanded+.nakd-collapsible .nakd-grid-figcaption {
    background: #fff;
    display: block;
    margin: -3.2vw auto 0;
    position: relative;
    width: 18.7vw;
    font-size: 1.4vw;
    color: #000;
    min-height: 6vw;
}

.expanded+.nakd-collapsible .nakd-grid-figcaption .inner-fig {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 1vw;
}

.expanded+.nakd-collapsible {
    display: block;
    width: 100vw;
    height: auto;
    overflow: visible !important;
    max-height: 1000vw;
    position: relative;
    background: #fff;
    color: #000;
    padding: 2vw 7.4vw 2vw;
    margin-top: 2vw;
}
.expanded+.nakd-collapsible span:not(.nakd-grid-figure)>.image-2 {
    width: 2vw;
    display: block;
    margin: 0 auto;
}

.expanded+.nakd-collapsible .nakd-subsection {
    padding: 2vw 0 14.7vw;
    display: block;
}

.expanded+.nakd-collapsible .nakd-subsection-2 {
    padding: 2.5vw 0vw;
    display: block;
    color: #F2EFEC;
    background: #fff;
    margin: 2vw 5.6vw 2.9vw;
}

.expanded+.nakd-collapsible .nakd-subsection-2 .image-2 {
    width: 4.5vw !important;
}

.expanded+.nakd-collapsible .nakd-subsection-2 .nakd-grid-copy-text-2 {
    color: #F2EFEC;
    padding: 0;
}

.nakd-grid-copy-3:nth-last-child(3n+1) .expanded+.nakd-collapsible {
    left: -11.1vw;
}

.nakd-grid-copy-3:nth-last-child(3n+2) .expanded+.nakd-collapsible {
    left: -68.3vw;
}

.nakd-grid-copy-3:nth-last-child(3n+3) .expanded+.nakd-collapsible {
    left: -39.7vw;
}

.expanded+.nakd-collapsible .nakd-grid-cta {
    border: 0.3vw transparent solid;
}

.expanded+.nakd-collapsible .nakd-grid-cta:after {
    content: "";
    position: absolute;
    margin: 0.6vw 2vw;
    background: url(https://www.na-kd.com/siteassets/campaigns/2020/may/circle-read-more/mobile/icons-arrow.png) no-repeat;
    width: 3vw;
    height: 4vw;
    background-size: contain;
}

.toggle-arrow {
    width: 1.3vw;
    transform: rotate(180deg);
    pointer-events: all;
    transition: all .3s ease;
    cursor: pointer;
    padding: 1vw;
    box-sizing: content-box;
    margin-bottom: 5vw;
}

.toggle-arrow.expanded {
    transform: rotate(0deg);
}

.nakd-section .expanded+.nakd-collapsible:before {
    content: "";
    position: absolute;
    width: 0;
    border-right: 5vw solid transparent;
    border-bottom: 4vw solid #fff;
    border-left: 5vw solid transparent;
    height: 0;
}
.nakd-section .image-3 {
    width: 3.2vw;
    margin: -0.5vw 0 0;
}

/* SECTION 1 */

.nakd-campaign .nakd-section-1 {
    position: relative;
    width: 100vw;
    height: 33.3vw;
    background-color: #C3C072;
}

.nakd-campaign .nakd-section-1 .nakd-image-1 {
    height: 100%;
    top: 0vw;
    left: 0vw;
}
.nakd-campaign .nakd-section-1 .nakd-image-2 {
    height: 100%;
    top: 0vw;
    right: 0vw;
}

.nakd-campaign .nakd-section-1 .nakd-grid-copy {
    left: 50%;
    width: 30vw;
    top: 50%;
}
.nakd-campaign .nakd-section-1 .nakd-signup-title {
    font-size: 1.5vw;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.nakd-campaign .nakd-section-1 .nakd-signup-subtitle {
    display: block;
    font-size: 1.5vw;
    text-transform: none;
    margin-top: 0.5vw;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0;
}
.nakd-campaign .nakd-campaign-inner .nakd-section .nakd-grid-cta {
    display: block;
    cursor: pointer;
    max-width: 11vw;
    margin: 0 auto;
    padding: 0.9vw 1.4vw;
    margin-top: 1.5vw!important;
    text-decoration: none;
    color: #fff;
    border: none;
    background-color: #000;
}
.nakd-campaign .nakd-campaign-inner .nakd-section .nakd-grid-cta.small {
    margin-top: 1vw!important;
}
/* SECTION 3*/

.nakd-campaign .nakd-section-2 {
        margin-top: 4vw;
    position: relative;
    width: 100vw;
    height: auto;
    padding: 13.4vw 7.1vw 6vw;
    display: flex;
    flex-wrap: wrap;
    background-color: #C3C072; 
}

.nakd-section-2 .image-1 {
    max-width: 5.7vw;
    margin-bottom: 0.8vw;
    padding: 0 1vw;
}

.nakd-section-2 .sell1 {
    margin-bottom: -12vw;
}

.nakd-section-2 .sell2 {
    margin-bottom: -4vw;
}

.nakd-section-2 .sell3 {
    margin-bottom: -5vw;
}

.nakd-section-2 .sell4 {
    margin-bottom: 1vw;
}

.nakd-section-2 .sell5 {
    /* margin-bottom: -5vw; */
}

.nakd-section-2 .sell6 {
    /* margin-bottom: -5vw; */
}

.nakd-section-2 .sell1 .image-1 {
    max-width: 3.1vw;
    margin: -0.6vw 0 1.9vw;
    padding: 0;
}

.nakd-section-2 .sell2 .image-1 {
    max-width: 4.5vw;
    margin: 0.1vw 0 2.4vw;
    padding: 0;
}

.nakd-section-2 .sell3 .image-1 {
    max-width: 3.5vw;
    margin: -0.6vw 0 1.9vw;
    padding: 0;
}

.nakd-section-2 .sell4 .image-1 {
    max-width: 3.1vw;
    margin: -0.4vw 0 2vw;
    padding: 0;
}

.nakd-section-2 .sell5 .image-1 {
    max-width: 4.5vw;
    margin: -0.4vw 0 1.8vw;
    padding: 0;
}

.nakd-section-2 .sell6 .image-1 {
    max-width: 3.7vw;
    margin: -0.1vw 0 1.9vw;
    padding: 0;
}

.nakd-section-2 .sell1 .expanded+.nakd-collapsible {
    margin: -0.9vw 0 11vw;
}

.nakd-section-2 .sell2 .expanded+.nakd-collapsible {
    margin: -2.6vw 0 10vw;
}

.nakd-section-2 .sell3 .expanded+.nakd-collapsible {
    margin: 0.5vw 0 0;
    padding-bottom: 2.4vw;
    margin-bottom: 4vw;
}

.nakd-section-2 .sell4 .expanded+.nakd-collapsible {
    margin: -2.1vw 0 2vw;
    padding: 3.2vw 23.4vw 2.3vw;
}

.nakd-section-2 .sell5 .expanded+.nakd-collapsible {
    margin: -1.9vw 0 3vw;
    padding: 3.6vw 7.4vw 4vw;
}

.nakd-section-2 .sell6 .expanded+.nakd-collapsible {
    margin: -1.8vw 0 3vw;
    display: flex;
    padding: 1vw 7vw 0vw;
}

.nakd-section-2 .sell6 .expanded+.nakd-collapsible .nakd-subsection {
    width: 33.3%;
    padding-bottom: 4vw;
}

.nakd-section-2 .sell6 .expanded+.nakd-collapsible .nakd-subsection .nakd-grid-copy-text-2 {
    width: 100% !important;
    padding: 0 !important;
}

.nakd-section-2 .sell3 .expanded+.nakd-collapsible .nakd-grid-copy-text-2 {
    padding: 0 0 0.6vw;
}

.nakd-section-2 .sell4 .expanded+.nakd-collapsible .nakd-grid-copy-text-2 {
    padding: 0 0 0.9vw;
}

.nakd-campaign .nakd-section-2 .nakd-grid-copy {
    position: absolute;
    transform: none;
    top: 6vw;
}
.nakd-campaign .nakd-section-2 .nakd-grid-copy-1 {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    bottom: 0vw;
}
.nakd-campaign .nakd-section-2 .nakd-grid-copy-1 .nakd-grid-cta {
    max-width: 20vw;
}

.nakd-campaign .nakd-section-2 .nakd-grid-copy:nth-child(2) {
    /* position: absolute; */
    /* transform: none; */
    /* top: 20vw; */
}

.nakd-campaign .nakd-section-2 .nakd-grid-copy-3 {
    position: inherit;
    transform: none;
    width: 33.333%;
    padding: 0 4vw 3vw;
    /* max-height: 17.8vw; */
}

.nakd-campaign .nakd-section-2 .nakd-grid-copy-3 .nakd-grid-copy-text-1 {
    margin-bottom: 1.3vw !important;
}

.nakd-campaign .nakd-section-2 .nakd-grid-copy-3 .nakd-grid-copy-text-2 {
    font-size: 1.2vw;
    line-height: 1.5vw;
}

.nakd-campaign .nakd-section-2 .nakd-grid-copy-3>.nakd-grid-copy-text-2 {
    margin-bottom: -0.7vw !important;
}

.nakd-campaign .nakd-section-2 .nakd-grid-copy:not(.nakd-grid-copy-3)>.nakd-grid-copy-text-2 {
    margin-bottom: 5.6vw;
    padding: 0 30vw;
}

.nakd-section-2 .sell1 .expanded+.nakd-collapsible:before {
    top: -1vw;
    left: 16.3vw;
}

.nakd-section-2 .sell2 .expanded+.nakd-collapsible:before {
    top: -1vw;
    left: 45.1vw;
}

.nakd-section-2 .sell3 .expanded+.nakd-collapsible:before {
    top: -1vw;
    left: 73.6vw;
}

.nakd-section-2 .sell4 .expanded+.nakd-collapsible:before {
    top: -1vw;
    left: 16.3vw;
}

.nakd-section-2 .sell5 .expanded+.nakd-collapsible:before {
    top: -1vw;
    left: 45vw;
}

.nakd-section-2 .sell6 .expanded+.nakd-collapsible:before {
    top: -1vw;
    left: 73.4vw;
}
.nakd-section-2 .expanded+.nakd-collapsible .nakd-grid-copy-text-2 {
    margin: 1vw 0 !important;
    color: #000;
    width: 100%;
    /* padding: 0 24vw; */
}
.nakd-section-2 .expanded+.nakd-collapsible:after {
    content: " ";
    display: block;
    background: url(https://www.na-kd.com/resize/siteassets/campaigns/2021/april/na-kd-circle/icons/icons-arrow-black.png) no-repeat top center;
    position: absolute;
    background-size: contain;
    left: 50vw;
    bottom: 1vw;
    pointer-events: all;
    cursor: pointer;
    padding: 0.8vw;
    box-sizing: content-box;
    z-index: 9;
    transform: translateX(-50%);
}
.nakd-campaign .nakd-section-2 .nakd-grid-copy-3 .expanded+.nakd-collapsible .nakd-subsection .nakd-grid-copy-text-2 {
    text-align: center;
    padding: 0vw 2vw 0 !important;
    width: 45.3%;
    font-size: 1.2vw !important;
}

/* SECTION 3*/

.nakd-campaign .nakd-section-3 {
    position: relative;
    width: 100vw;
    height: auto;
    padding: 13.4vw 7.1vw 8.5vw;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    /* margin-top: -3.3vw; */
}

.nakd-section-3 .image-1 {
    max-width: 5.7vw;
    margin-bottom: 1.4vw;
    padding: 0 1vw;
}

.nakd-section-3 .buy1 .image-1 {
    max-width: 3.5vw;
    margin: -0.6vw 0 1.2vw;
    padding: 0;
}

.nakd-section-3 .buy2 .image-1 {
    max-width: 3.3vw;
    margin: -0.6vw 0 1.1vw;
    padding: 0;
}

.nakd-section-3 .buy3 .image-1 {
    max-width: 4.5vw;
    margin: -0.4vw 0 1.3vw;
    padding: 0;
}
.nakd-section-3 .buy3 .nakd-subsection .image-1 {
    max-width: 7.9vw;
}

.nakd-section-3 .buy1 .expanded+.nakd-collapsible {
    margin: -2.5vw 0 0;
    padding: 2.8vw 1vw 1.7vw;
}

.nakd-section-3 .buy2 .expanded+.nakd-collapsible {
    margin: -0.8vw 0vw 5vw 0;
    padding: 2.3vw 28.9vw 1.3vw;
}

.nakd-section-3 .buy3 .expanded+.nakd-collapsible {
    margin: -0.8vw 0 0;
    display: flex;
    padding: 1.1vw 6.2vw 3vw;
}

.nakd-section-3 .buy1 .expanded+.nakd-collapsible .nakd-grid-copy-text-2 {
    padding: 0 0 1vw;
}

.nakd-section-3 .buy2 .expanded+.nakd-collapsible .nakd-grid-copy-text-2 {
    padding: 0 0 1.1vw;
    line-height: 1.5;
}

.nakd-section-3 .buy3 .expanded+.nakd-collapsible>.image-1 {
    width: 11vw;
    position: absolute;
    max-width: none;
    left: 50%;
    bottom: 7.6vw;
    transform: translateX(-50%);
}

.nakd-section-3 .buy3 .expanded+.nakd-collapsible>.nakd-grid-copy-text-2 {
    width: 100%;
    position: absolute;
    max-width: none;
    bottom: 3.6vw;
    left: 0;
    padding: 0 31vw;
}

.nakd-section-3 .buy3 .expanded+.nakd-collapsible .nakd-subsection {
    width: 33.3%;
}

.nakd-section-3 .buy3 .expanded+.nakd-collapsible .nakd-subsection {
    width: 33.3%;
    padding-bottom: 2vw;
}

.nakd-section-3 .buy3 .expanded+.nakd-collapsible .nakd-subsection .nakd-grid-copy-text-2 {
    width: 100%;
    padding: 0 3vw;
}

.nakd-campaign .nakd-section-3 .nakd-grid-copy {
    position: absolute;
    transform: none;
    top: 5.3vw;
}
.nakd-campaign .nakd-section-3 .nakd-grid-copy-1 {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    bottom: 0vw;
}
.nakd-campaign .nakd-section-3 .nakd-grid-copy-1 .nakd-grid-cta{
    max-width: 16vw;
}
.nakd-campaign .nakd-section-3 .nakd-grid-copy:nth-child(2) {
    /* position: absolute; */
    /* transform: none; */
    /* top: 22.2vw; */
}

.nakd-campaign .nakd-section-3 .nakd-grid-copy-3 {
    position: inherit;
    transform: none;
    width: 33.3%;
    padding: 0 4vw 3vw;
}

.nakd-campaign .nakd-section-3 .nakd-grid-copy-3 .nakd-grid-copy-text-1 {
    margin-bottom: 1.2vw !important;
    margin-top: 0.2vw;
}

.nakd-campaign .nakd-section-3 .nakd-grid-copy-3 .nakd-grid-copy-text-2 {
    font-size: 1.2vw !important;
    line-height: 1.5vw;
}

.nakd-campaign .nakd-section-3 .nakd-grid-copy-3>.nakd-grid-copy-text-2 {
    margin-bottom: -0.8vw !important;
}

.nakd-campaign .nakd-section-3 .nakd-grid-copy:not(.nakd-grid-copy-3)>.nakd-grid-copy-text-2 {
    padding: 0vw 26vw 0;
}

.nakd-section-3 .buy1 .expanded+.nakd-collapsible:before {
    top: -1vw;
    left: 16.5vw;
}

.nakd-section-3 .buy2 .expanded+.nakd-collapsible:before {
    top: -1vw;
    left: 45.3vw;
}

.nakd-section-3 .buy3 .expanded+.nakd-collapsible:before {
    top: -1vw;
    left: 73.6vw;
}
.nakd-section-3 .expanded+.nakd-collapsible .nakd-grid-copy-text-2 {
    margin: 1vw 0 !important;
    color: #000;
    width: 100%;
   /* padding: 0 24vw; */
}
.nakd-section-3 .expanded+.nakd-collapsible:after {
    content: " ";
    display: block;
    background: url(https://www.na-kd.com/resize/siteassets/campaigns/2021/april/na-kd-circle/icons/icons-arrow-black.png) no-repeat top center;
    position: absolute;
    background-size: contain;
    left: 50vw;
    bottom: 1vw;
    pointer-events: all;
    cursor: pointer;
    padding: 0.8vw;
    box-sizing: content-box;
    z-index: 9;
    transform: translateX(-50%);
}
.nakd-section-3 .expanded+.nakd-collapsible {
    background: #C3C072;
    color: #000;
}
.nakd-section-3 .expanded+.nakd-collapsible:before {
    border-bottom: 4vw solid #C3C072;
}
.nakd-campaign .nakd-section-3 .nakd-grid-copy-3 .expanded+.nakd-collapsible .nakd-subsection .nakd-grid-copy-text-2 {
    text-align: center;
    padding: 0vw 2vw 0 !important;
    width: 100%;
    margin: 1vw auto!important;
    font-size: 1.2vw !important;
}

/* SECTION 4*/

.nakd-campaign .nakd-section-4 {
    position: relative;
    width: 100vw;
    height: auto;
    padding: 6.2vw 12vw 2.2vw;
    background-color: #fff; 
}

.nakd-campaign .nakd-section-4 .nakd-grid-copy {
    display: block;
    position: initial;
    transform: none;
}

.nakd-campaign .nakd-section-4 .nakd-grid-copy-text-1 {
    text-align: center;
    padding: 0 26vw;
    margin-bottom: 1vw !important;
    margin-top: 0;
}

.nakd-campaign .nakd-section-4 .nakd-grid-copy .nakd-grid-copy-text-2 {
    padding: 0 18vw;
    margin-bottom: 2vw;
}
.nakd-campaign .nakd-section-4 .nakd-grid-copy .nakd-grid-copy-text-2.bold {
    font-weight: 600;
}
.nakd-campaign .nakd-section-4 .nakd-grid-copy .image-1 {
    width: 20vw;
}

.nakd-campaign .nakd-section-4 .nakd-grid-copy-2 .nakd-grid-copy-text-2:last-child {
    font-size: 0.9vw;
    margin-top: 2.2vw !important;
}