body {
    margin: 0;
}
.nakd-campaign {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.nakd-campaign .nakd-campaign-inner {
  position: static;
  width: 100vw;
  -webkit-transform: none;
          transform: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.nakd-campaign .nakd-campaign-inner .nakd-campaign-hotspot {
/*   border: 1px solid red;*/
}
.nakd-campaign .nakd-campaign-inner .nakd-campaign-hotspot a:active {
    background: transparent;
}

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

.nakd-campaign .nakd-campaign-inner .nakd-section img {
  width: 100%;
  pointer-events: none;
}

.nakd-campaign .nakd-campaign-inner .nakd-section .nakd-campaign-product-group .nakd-campaign-product {
  line-height: 1.3;
  color: #000;
}
.nakd-campaign .nakd-campaign-inner .nakd-section .nakd-campaign-product-group .nakd-campaign-product.nakd-campaign-product-align-right {
 text-align: right;
 }


.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 a {
    position: relative;
    display: block;
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-grid-copy {
    display: inline-block;
    top: 22.7vw;
    width: 46vw;
    left: 10vw;
    background: #9c98ea;
    top: 50%;
    padding: 3vw 2vw;
}
.nakd-campaign .nakd-campaign-inner .nakd-section .nakd-grid-copy .nakd-grid-copy-text-1 {
    color: #9c98ea;
    font-size: 2.5vw;
    line-height: 3vw;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section .nakd-grid-copy .nakd-grid-copy-text-3 {
    display: block;
    font-size: 1.2vw;
    line-height: 1.8vw;
    margin: 2vw 0 3vw 0;
    font-weight: 300;
    letter-spacing: 0.05vw;
}

.nakd-campaign .nakd-campaign-inner .nakd-section .nakd-grid-copy .nakd-grid-cta {
  font-size: 0.8vw;
  letter-spacing: 0.05vw;
  padding: 0.8vw 2vw;
  pointer-events: auto;
  background: #fff;
  color: #000;
  border-color: #fff;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-grid-copy .nakd-grid-copy-text-1,
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-grid-copy .nakd-grid-copy-text-1,
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-4 .nakd-grid-copy .nakd-grid-copy-text-1 {
    font-size: 2vw; 
    letter-spacing: 0.38vw;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 img,
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 img,
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-4 img {
    width: 25vw;
}



.nakd-campaign .nakd-campaign-inner .nakd-section-inner-left,
.nakd-campaign .nakd-campaign-inner .nakd-section-inner-middle,
.nakd-campaign .nakd-campaign-inner .nakd-section-inner-right {
    position: relative;     
}
.nakd-campaign .nakd-campaign-inner .nakd-section-inner-left .nakd-grid-copy,
.nakd-campaign .nakd-campaign-inner .nakd-section-inner-middle .nakd-grid-copy,
.nakd-campaign .nakd-campaign-inner .nakd-section-inner-right .nakd-grid-copy {
    width: 25vw;
    left: 3vw;
    padding: 0;
    text-align: center;
    bottom: -3.5vw;
    top: auto;
    transform: none;       
}

.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-grid-copy .nakd-grid-copy-text-1 {
    color: #fff;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-1 .nakd-campaign-hotspot-1 {
    left: 10vw;
    top: 6vw;
    width: 50vw;
    height: 29vw;
}
.nakd-campaign .nakd-campaign-inner .nakd-section-2-wrapper {  
    margin-bottom: 2vw;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4fr 3fr 4fr;
    grid-template-columns: 4fr 3fr 4fr;
    padding: 2vw 0 2vw 0;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-grid-copy .nakd-grid-cta {
    margin-bottom: 3vw;  
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-section-inner-left {
    text-align: left;  
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .image-1 {
    margin-left: 3vw;    
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-section-inner-middle .nakd-grid-copy{
    left: 1vw;     
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-section-inner-middle .nakd-grid-cta {
    margin-top: 12vw; 
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-section-inner-right .nakd-grid-copy {
    left: 6vw;           
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-1 {
    left: 2vw;
    top: 0vw;
    width: 26vw;
    height: 40vw;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-2 {
    left: 1vw;
    top: 0vw;
    width: 25vw;
    height: 40vw;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-2 .nakd-campaign-hotspot-3 {
    left: 6vw;
    top: 0vw;
    width: 25vw;
    height: 40vw;
}


.nakd-campaign .nakd-campaign-inner .nakd-section-3-wrapper {  
    margin-bottom: 5vw;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4fr 4fr;
    grid-template-columns: 4fr 4fr;
    grid-gap: 8vw;
    -ms-grid-gap: 8vw;
    padding: 4vw 0 2vw 0;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .purple-square {
    position: absolute;
    width: 90vw;
    height: 30vw;
    top: 7vw;
    left: 4vw;
    background-color: #9c98ea;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-grid-copy .nakd-grid-cta {
    margin-bottom: 3vw;  
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-section-inner-left {
    text-align: right;  
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-section-inner-right {
    text-align: left;  
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .image-1 {
    margin-left: 3vw;    
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-section-inner-left .nakd-grid-copy {
    left: 21vw;           
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-section-inner-right .nakd-grid-copy {
    left: 0vw;           
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-1 {
    left: 20vw;
    top: 0vw;
    width: 26vw;
    height: 40vw;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-3 .nakd-campaign-hotspot-2 {
    left: 0vw;
    top: 0vw;
    width: 25vw;
    height: 40vw;
}


.nakd-campaign .nakd-campaign-inner .nakd-section-4-wrapper {  
    margin-bottom: 6vw;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-4 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4fr 3fr 4fr;
    grid-template-columns: 4fr 3fr 4fr;
    padding: 2vw 0 2vw 0;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-4 .nakd-grid-copy .nakd-grid-cta {
    margin-bottom: 3vw;  
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-4 .nakd-section-inner-left {
    text-align: left;  
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-4 .image-1 {
    margin-left: 3vw;    
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-4 .nakd-section-inner-middle .nakd-grid-copy{
    left: 1vw;     
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-4 .nakd-section-inner-middle .nakd-grid-cta {
    margin-top: 12vw; 
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-4 .nakd-section-inner-right .nakd-grid-copy {
    left: 6vw;           
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-4 .nakd-campaign-hotspot-1 {
    left: 2vw;
    top: 0vw;
    width: 26vw;
    height: 40vw;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-4 .nakd-campaign-hotspot-2 {
    left: 1vw;
    top: 0vw;
    width: 25vw;
    height: 40vw;
}
.nakd-campaign .nakd-campaign-inner .nakd-section.nakd-section-4 .nakd-campaign-hotspot-3 {
    left: 6vw;
    top: 0vw;
    width: 25vw;
    height: 40vw;
}