@font-face {
  font-family: 'OpenSans';
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Light.eot') format('embedded-opentype');
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Light.woff2') format('woff2'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.eot') format('embedded-opentype');
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.woff2') format('woff2'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Regular.eot') format('embedded-opentype');
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Regular.woff2') format('woff2'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Italic.eot') format('embedded-opentype');
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Italic.woff2') format('woff2'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot') format('embedded-opentype');
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.woff2') format('woff2'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBoldItalic.eot') format('embedded-opentype');
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBoldItalic.woff2') format('woff2'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot') format('embedded-opentype');
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.woff2') format('woff2'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBoldItalic.eot') format('embedded-opentype');
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBoldItalic.woff2') format('woff2'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Bold.eot') format('embedded-opentype');
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Bold.woff2') format('woff2'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-BoldItalic.eot') format('embedded-opentype');
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-BoldItalic.woff2') format('woff2'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-ExtraBold.eot') format('embedded-opentype');
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-ExtraBold.woff2') format('woff2'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-ExtraBoldItalic.eot') format('embedded-opentype');
  src: url('/id/iwov-resources/flp/fonts/opensans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
    url('/id/iwov-resources/flp/fonts/opensans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}


* {
  box-sizing: border-box;
}
html,
body {
  font-family: 'OpenSans', sans-serif;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: normal;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.3s ease-in;
  color: #2e2e2e;
  margin-top: 52px;
}

@media (min-width: 768px) {
  body {
    margin-top: 120px;
  }
}

/* Fixes issue with Safari's user agent stylesheet  */
@supports (-webkit-appearance: none) {
  input,
  button {
    margin: 0;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
  }
}