<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="first style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="852" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-tag="div" id="first" class="col-5 col-lg-2 header-remove-padding-left" data-z-index="auto" data-stacking-context="true" aria-owns="brand-wrap1"><a href="http://gadistas.com/" data-tag="a" id="brand-wrap1" class="brand-wrap putih" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="logo1"><g data-tag="img" id="logo1" class="logo" data-z-index="auto" data-stacking-context="true" role="img" aria-label="Gadisbutik" mask="url(#mask-for-logo11)"><title>Gadisbutik</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-logo11"><rect width="176.234375" height="42" x="0" y="0" fill="#ffffff"/></mask><image id="logo1-image" xlink:href="/b187ff44.png" x="0" y="0" width="176.234375" height="42" aria-label="Gadisbutik"/></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="first style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="1210" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-tag="div" id="first" class="col-5 col-lg-2 header-remove-padding-left" data-z-index="auto" data-stacking-context="true" aria-owns="brand-wrap1"><a href="http://gadistas.com/" data-tag="a" id="brand-wrap1" class="brand-wrap putih" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="logo1"><g data-tag="img" id="logo1" class="logo" data-z-index="auto" data-stacking-context="true" role="img" aria-label="Gadisbutik" mask="url(#mask-for-logo11)"><title>Gadisbutik</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-logo11"><rect width="176.234375" height="42" x="10" y="0" fill="#ffffff"/></mask><image id="logo1-image" xlink:href="/b187ff44.png" x="10" y="0" width="176.234375" height="42" aria-label="Gadisbutik"/></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="900" viewBox="0 0 1440 900"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="first style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="900" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-tag="div" id="first" class="col-5 col-lg-2 header-remove-padding-left" data-z-index="auto" data-stacking-context="true" aria-owns="brand-wrap1"><a href="http://gadistas.com/" data-tag="a" id="brand-wrap1" class="brand-wrap putih" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="logo1"><g data-tag="img" id="logo1" class="logo" data-z-index="auto" data-stacking-context="true" role="img" aria-label="Gadisbutik" mask="url(#mask-for-logo11)"><title>Gadisbutik</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-logo11"><rect width="176.234375" height="42" x="10" y="0" fill="#ffffff"/></mask><image id="logo1-image" xlink:href="/b187ff44.png" x="10" y="0" width="176.234375" height="42" aria-label="Gadisbutik"/></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><div class="col-5 col-lg-2 header-remove-padding-left" id="first"><a class="brand-wrap putih" href="//gadistas.com"><img alt="Gadisbutik" class="logo" src="http://localhost:3000/b187ff44.png" title="Gadisbutik"></a></div></body>

<style>

@charset "UTF-8";


:root {
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Inter", Arial, "Helvetica Neue", "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #343a40;
  text-align: left;
  background-color: #fff;
}

a {
  color: #3167eb;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #1244bd;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

img {
  vertical-align: middle;
  border-style: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

  .col-lg-2, .col-5 {
  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
@media (min-width: 992px) {

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

@media print {
  *,
*::before,
*::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  
img {
    page-break-inside: avoid;
  }

  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-brands-400.eot);src:url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-brands-400.woff) format("woff"),url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-regular-400.eot);src:url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-regular-400.woff) format("woff"),url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-solid-900.eot);src:url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-solid-900.woff) format("woff"),url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(https://gadistas.com/asset/fonts/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}

@charset "UTF-8";


@import url("https://rsms.me/inter/inter.css");



a:hover {
  text-decoration: none;
}

.brand-wrap .logo {
  margin-right: 7px;
  max-height: 42px;
  display: inline-block;
}

@media (max-width: 1200px) {
  
}
a {
  color: #78909C;
}
.putih{
  color:#fff;
}
.putih:hover{
  color:#d8d8d8;
}
.title{
  color: var(--NN950,#212121);
  font-size: 0.86rem;
  line-height: 1.5;
  max-width: 100%;
  max-height: 100%;
  white-space: pre-wrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media only screen and (max-width: 768px) {
  #first {
    order: 1;
  }
}
@media only screen and (max-width: 608px) {



  .brand-wrap{
    margin-bottom: 0rem !important;
  }

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

  .header-remove-padding-left{
    padding-left:0px !important;
  }
}
  

</style>