/*div {
    transition: all 0.3s ease;
}

.nakd-campaign-inner:after {
    content: "";
    background: url(https://www.na-kd.com/siteassets/campaigns/2020/may/circle-read-more/desktop/desktop-howtobuy-03.jpg) no-repeat;
    opacity: 0.4;
    position: absolute;
    top: -96px;
    left: 0;
    width: 100%;
    pointer-events: none;
    height: 100%;
    background-size: cover;
}


 GENERAL CLASSES */

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

.nakd-campaign,
.nakd-campaign-inner {
    position: relative;
}

.nakd-campaign,
.nakd-campaign .nakd-campaign-inner {
    background: #E9E4DE;
}

.nakd-campaign .nakd-grid-copy {
    padding: 0;
    color: #F2EFEC;
}

.nakd-section .image-3 {
    width: 2.2vw;
    margin: -0.5vw 0 0;
}

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

.nakd-campaign .nakd-grid-copy.theme-dark {
    color: #707070;
}

.nakd-campaign .nakd-grid-copy-logo {
    display: block;
    width: 21.6vw;
    margin-top: 0.8vw;
    margin-bottom: 2vw!important;
    margin: 0 auto 0vw;
    margin-bottom: 3vw !important;
}

.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;
}

.nakd-grid-copy>.nakd-grid-copy-text-2 {
    margin-bottom: 4vw;
}

.nakd-grid-copy-text-2 strong {
    font-weight: bold;
}

.nakd-grid-copy-text-2 a {
    text-decoration: underline !important;
    pointer-events: all;
    color: inherit;
}

.nakd-grid-copy-text-2 i {
    font-style: italic;
}

.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-section-3 .expanded+.nakd-collapsible .nakd-grid-copy-text-2 {
    margin: 1vw 0 !important;
    color: #627984;
    width: 100%;
    /* padding: 0 24vw; */
}

.nakd-section-4 .expanded+.nakd-collapsible .nakd-grid-copy-text-2 {
    margin: 1vw 0 !important;
    color: #7A8772;
    width: 100%;
    /* padding: 0 24vw; */
}

.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/2020/may/circle-read-more/mobile/not.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: #627984;
    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: #E9E4DE;
    color: #627984;
    padding: 2vw 7.4vw 2vw;
    margin-top: 2vw;
}

.nakd-section-3 .expanded+.nakd-collapsible:after {
    content: " ";
    display: block;
    background: url(https://www.na-kd.com/siteassets/campaigns/2020/may/circle-read-more/desktop/icons-arrow-blue.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-4 .expanded+.nakd-collapsible:after {
    content: " ";
    display: block;
    background: url(https://www.na-kd.com/siteassets/campaigns/2020/may/circle-read-more/desktop/icons-arrow-green.png?1) 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%);
}

.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: #809DAF;
    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-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: 45.3%;
    font-size: 1.2vw !important;
}

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

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

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

.nakd-grid-cta {
    text-decoration: none;
    margin-bottom: 7.1vw;
    font-size: 1.4vw;
    margin-top: 0 !important;
}

.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 #E9E4DE;
    border-left: 5vw solid transparent;
    height: 0;
}


/* SECTION SPECIFIC CLASSES*/


/* SECTION 1*/

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

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

.nakd-campaign .nakd-section-1 .nakd-grid-copy {
    position: absolute;
    width: 100vw;
    top: 6vw;
}


/* SECTION 2*/

.nakd-campaign .nakd-section-2 {
    position: relative;
    width: 100vw;
    height: 23.4vw;
    padding: 0 12vw;
}

.nakd-campaign .nakd-section-2 .nakd-grid-copy {
    width: 100vw;
    height: auto;
    top: 6.4vw;
    padding: 0 26.8vw;
    transform: none;
}

.nakd-campaign .nakd-section-2 .nakd-grid-copy .nakd-grid-copy-text-2:last-child {
    margin-top: 1.7vw !important;
}



.nakd-campaign .nakd-section-2 .nakd-grid-copy .nakd-grid-copy-text-2 {
    margin-bottom: 0.1vw;
    font-size: 1.35vw;
}

.nakd-campaign .nakd-section-2 .nakd-grid-copy .nakd-grid-copy-text-1 {
    font-size: 1.4vw !important;
}


/* SECTION 3*/

.nakd-campaign .nakd-section-3 {
    position: relative;
    width: 100vw;
    height: auto;
    padding: 13.4vw 7.1vw 0vw;
    background: #809DAF;
    display: flex;
    flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nakd-campaign .nakd-section-3 .nakd-grid-copy {
    position: absolute;
    transform: none;
    top: 6vw;
}

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

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

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

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

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

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

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

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

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

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

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

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


/* SECTION 4*/

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

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

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

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

.nakd-section-4 .buy3 .image-1 {
    max-width: 3.9vw;
    margin: -0.4vw 0 1.3vw;
    padding: 0;
}

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

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

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

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

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

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

.nakd-section-4 .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-4 .buy3 .expanded+.nakd-collapsible .nakd-subsection {
    width: 33.3%;
}

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

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

.nakd-campaign .nakd-section-4 .nakd-grid-copy {
    position: absolute;
    transform: none;
    top: 5.3vw;
}

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

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

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

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

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

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

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

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

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


/* SECTION 5*/

.nakd-campaign .nakd-section-5 {
    position: relative;
    width: 100vw;
    height: auto;
    padding: 6.2vw 12vw 6.2vw;
}

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

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

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

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