@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;700&family=Noto+Serif+TC:wght@300;400;600&display=swap);
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 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: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:hover {
    color: #0056b3;
    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; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

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

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  @media screen and (prefers-reduced-motion: reduce) {
    .fade {
      -webkit-transition: none;
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease; }
  @media screen and (prefers-reduced-motion: reduce) {
    .collapsing {
      -webkit-transition: none;
      transition: none; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 425px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1400px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

@media (min-width: 1920px) {
  .m-xxl-0 {
    margin: 0 !important; }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important; }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important; }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important; }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important; }
  .m-xxl-1 {
    margin: 0.25rem !important; }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.25rem !important; }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.25rem !important; }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.25rem !important; }
  .m-xxl-2 {
    margin: 0.5rem !important; }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 0.5rem !important; }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 0.5rem !important; }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 0.5rem !important; }
  .m-xxl-3 {
    margin: 1rem !important; }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important; }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important; }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important; }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important; }
  .m-xxl-4 {
    margin: 1.5rem !important; }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important; }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important; }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important; }
  .m-xxl-5 {
    margin: 3rem !important; }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important; }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important; }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important; }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important; }
  .p-xxl-0 {
    padding: 0 !important; }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important; }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important; }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important; }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important; }
  .p-xxl-1 {
    padding: 0.25rem !important; }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.25rem !important; }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.25rem !important; }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.25rem !important; }
  .p-xxl-2 {
    padding: 0.5rem !important; }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 0.5rem !important; }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 0.5rem !important; }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 0.5rem !important; }
  .p-xxl-3 {
    padding: 1rem !important; }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important; }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important; }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important; }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important; }
  .p-xxl-4 {
    padding: 1.5rem !important; }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important; }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important; }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important; }
  .p-xxl-5 {
    padding: 3rem !important; }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important; }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important; }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important; }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important; }
  .m-xxl-auto {
    margin: auto !important; }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important; }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important; }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important; }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important; } }

.container {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 425px) {
    .container {
      max-width: 375px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 1024px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1400px) {
    .container {
      max-width: 1200px; } }
  @media (min-width: 1920px) {
    .container {
      max-width: 1400px; } }

.container-fluid {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 20px;
  padding-left: 20px; }

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 100%; }

.col-auto {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  -ms-flex-order: -1;
      order: -1; }

.order-last {
  -ms-flex-order: 13;
      order: 13; }

.order-0 {
  -ms-flex-order: 0;
      order: 0; }

.order-1 {
  -ms-flex-order: 1;
      order: 1; }

.order-2 {
  -ms-flex-order: 2;
      order: 2; }

.order-3 {
  -ms-flex-order: 3;
      order: 3; }

.order-4 {
  -ms-flex-order: 4;
      order: 4; }

.order-5 {
  -ms-flex-order: 5;
      order: 5; }

.order-6 {
  -ms-flex-order: 6;
      order: 6; }

.order-7 {
  -ms-flex-order: 7;
      order: 7; }

.order-8 {
  -ms-flex-order: 8;
      order: 8; }

.order-9 {
  -ms-flex-order: 9;
      order: 9; }

.order-10 {
  -ms-flex-order: 10;
      order: 10; }

.order-11 {
  -ms-flex-order: 11;
      order: 11; }

.order-12 {
  -ms-flex-order: 12;
      order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 425px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -ms-flex-order: -1;
        order: -1; }
  .order-sm-last {
    -ms-flex-order: 13;
        order: 13; }
  .order-sm-0 {
    -ms-flex-order: 0;
        order: 0; }
  .order-sm-1 {
    -ms-flex-order: 1;
        order: 1; }
  .order-sm-2 {
    -ms-flex-order: 2;
        order: 2; }
  .order-sm-3 {
    -ms-flex-order: 3;
        order: 3; }
  .order-sm-4 {
    -ms-flex-order: 4;
        order: 4; }
  .order-sm-5 {
    -ms-flex-order: 5;
        order: 5; }
  .order-sm-6 {
    -ms-flex-order: 6;
        order: 6; }
  .order-sm-7 {
    -ms-flex-order: 7;
        order: 7; }
  .order-sm-8 {
    -ms-flex-order: 8;
        order: 8; }
  .order-sm-9 {
    -ms-flex-order: 9;
        order: 9; }
  .order-sm-10 {
    -ms-flex-order: 10;
        order: 10; }
  .order-sm-11 {
    -ms-flex-order: 11;
        order: 11; }
  .order-sm-12 {
    -ms-flex-order: 12;
        order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -ms-flex-order: -1;
        order: -1; }
  .order-md-last {
    -ms-flex-order: 13;
        order: 13; }
  .order-md-0 {
    -ms-flex-order: 0;
        order: 0; }
  .order-md-1 {
    -ms-flex-order: 1;
        order: 1; }
  .order-md-2 {
    -ms-flex-order: 2;
        order: 2; }
  .order-md-3 {
    -ms-flex-order: 3;
        order: 3; }
  .order-md-4 {
    -ms-flex-order: 4;
        order: 4; }
  .order-md-5 {
    -ms-flex-order: 5;
        order: 5; }
  .order-md-6 {
    -ms-flex-order: 6;
        order: 6; }
  .order-md-7 {
    -ms-flex-order: 7;
        order: 7; }
  .order-md-8 {
    -ms-flex-order: 8;
        order: 8; }
  .order-md-9 {
    -ms-flex-order: 9;
        order: 9; }
  .order-md-10 {
    -ms-flex-order: 10;
        order: 10; }
  .order-md-11 {
    -ms-flex-order: 11;
        order: 11; }
  .order-md-12 {
    -ms-flex-order: 12;
        order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1024px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -ms-flex-order: -1;
        order: -1; }
  .order-lg-last {
    -ms-flex-order: 13;
        order: 13; }
  .order-lg-0 {
    -ms-flex-order: 0;
        order: 0; }
  .order-lg-1 {
    -ms-flex-order: 1;
        order: 1; }
  .order-lg-2 {
    -ms-flex-order: 2;
        order: 2; }
  .order-lg-3 {
    -ms-flex-order: 3;
        order: 3; }
  .order-lg-4 {
    -ms-flex-order: 4;
        order: 4; }
  .order-lg-5 {
    -ms-flex-order: 5;
        order: 5; }
  .order-lg-6 {
    -ms-flex-order: 6;
        order: 6; }
  .order-lg-7 {
    -ms-flex-order: 7;
        order: 7; }
  .order-lg-8 {
    -ms-flex-order: 8;
        order: 8; }
  .order-lg-9 {
    -ms-flex-order: 9;
        order: 9; }
  .order-lg-10 {
    -ms-flex-order: 10;
        order: 10; }
  .order-lg-11 {
    -ms-flex-order: 11;
        order: 11; }
  .order-lg-12 {
    -ms-flex-order: 12;
        order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1400px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -ms-flex-order: -1;
        order: -1; }
  .order-xl-last {
    -ms-flex-order: 13;
        order: 13; }
  .order-xl-0 {
    -ms-flex-order: 0;
        order: 0; }
  .order-xl-1 {
    -ms-flex-order: 1;
        order: 1; }
  .order-xl-2 {
    -ms-flex-order: 2;
        order: 2; }
  .order-xl-3 {
    -ms-flex-order: 3;
        order: 3; }
  .order-xl-4 {
    -ms-flex-order: 4;
        order: 4; }
  .order-xl-5 {
    -ms-flex-order: 5;
        order: 5; }
  .order-xl-6 {
    -ms-flex-order: 6;
        order: 6; }
  .order-xl-7 {
    -ms-flex-order: 7;
        order: 7; }
  .order-xl-8 {
    -ms-flex-order: 8;
        order: 8; }
  .order-xl-9 {
    -ms-flex-order: 9;
        order: 9; }
  .order-xl-10 {
    -ms-flex-order: 10;
        order: 10; }
  .order-xl-11 {
    -ms-flex-order: 11;
        order: 11; }
  .order-xl-12 {
    -ms-flex-order: 12;
        order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1920px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%; }
  .col-xxl-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xxl-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xxl-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%; }
  .col-xxl-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xxl-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xxl-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%; }
  .col-xxl-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xxl-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xxl-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%; }
  .col-xxl-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xxl-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  .order-xxl-first {
    -ms-flex-order: -1;
        order: -1; }
  .order-xxl-last {
    -ms-flex-order: 13;
        order: 13; }
  .order-xxl-0 {
    -ms-flex-order: 0;
        order: 0; }
  .order-xxl-1 {
    -ms-flex-order: 1;
        order: 1; }
  .order-xxl-2 {
    -ms-flex-order: 2;
        order: 2; }
  .order-xxl-3 {
    -ms-flex-order: 3;
        order: 3; }
  .order-xxl-4 {
    -ms-flex-order: 4;
        order: 4; }
  .order-xxl-5 {
    -ms-flex-order: 5;
        order: 5; }
  .order-xxl-6 {
    -ms-flex-order: 6;
        order: 6; }
  .order-xxl-7 {
    -ms-flex-order: 7;
        order: 7; }
  .order-xxl-8 {
    -ms-flex-order: 8;
        order: 8; }
  .order-xxl-9 {
    -ms-flex-order: 9;
        order: 9; }
  .order-xxl-10 {
    -ms-flex-order: 10;
        order: 10; }
  .order-xxl-11 {
    -ms-flex-order: 11;
        order: 11; }
  .order-xxl-12 {
    -ms-flex-order: 12;
        order: 12; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.33333%; }
  .offset-xxl-2 {
    margin-left: 16.66667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.33333%; }
  .offset-xxl-5 {
    margin-left: 41.66667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.33333%; }
  .offset-xxl-8 {
    margin-left: 66.66667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.33333%; }
  .offset-xxl-11 {
    margin-left: 91.66667%; } }

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.5rem 1rem; }
  .nav-link:hover, .nav-link:focus {
    text-decoration: none; }
  .nav-link.disabled {
    color: #6c757d; }

.nav-tabs {
  border-bottom: 1px solid #dee2e6; }
  .nav-tabs .nav-item {
    margin-bottom: -1px; }
  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color: #e9ecef #e9ecef #dee2e6; }
    .nav-tabs .nav-link.disabled {
      color: #6c757d;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills .nav-link {
  border-radius: 0.25rem; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff; }

.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%); }
    @media screen and (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        -webkit-transition: none;
        transition: none; } }
  .modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: calc(100% - (0.5rem * 2)); }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - (0.5rem * 2));
    content: ""; }

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }
  .modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 425px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2)); }
    .modal-dialog-centered::before {
      height: calc(100vh - (1.75rem * 2)); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 1024px) {
  .modal-lg {
    max-width: 800px; } }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 4px 0px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  line-height: 1;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 30px;
  height: 19px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 3px;
    background-color: #767676;
    border-radius: 3px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -8px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  -webkit-perspective: 60px;
          perspective: 60px; }

.hamburger--3dx .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
            transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
            transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 60px;
          perspective: 60px; }

.hamburger--3dx-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
            transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
            transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  -webkit-perspective: 60px;
          perspective: 60px; }

.hamburger--3dy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
            transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
            transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 60px;
          perspective: 60px; }

.hamburger--3dy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
            transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
            transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  -webkit-perspective: 60px;
          perspective: 60px; }

.hamburger--3dxy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg) rotateY(180deg);
          transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
            transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
            transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  -webkit-perspective: 60px;
          perspective: 60px; }

.hamburger--3dxy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
          transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
            transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
            transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.isActive .hamburger-inner::before {
  -webkit-transform: translate3d(-6px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(-6px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.isActive .hamburger-inner::after {
  -webkit-transform: translate3d(-6px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(-6px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(6px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(6px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(6px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(6px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(6px, -7.5px, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(6px, -7.5px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
            transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
            transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
            transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
            transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  -webkit-transition-property: none;
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -16px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.isActive .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
          transform: translate3d(0, -8px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.isActive .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.isActive .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -16px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(45deg);
          transform: translate3d(0, -8px, 0) rotate(45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1.5px;
  -webkit-transition-duration: 0.275s;
          transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 8px;
    -webkit-transition: opacity 0.125s 0.275s ease;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 16px;
    -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(135deg);
          transform: translate3d(0, 8px, 0) rotate(135deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(-270deg);
            transform: translate3d(0, -16px, 0) rotate(-270deg);
    -webkit-transition-delay: 0.075s;
            transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 1.5px;
  -webkit-transition-duration: 0.275s;
          transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 8px;
    -webkit-transition: opacity 0.125s 0.275s ease;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 16px;
    -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(-135deg);
          transform: translate3d(0, 8px, 0) rotate(-135deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(270deg);
            transform: translate3d(0, -16px, 0) rotate(270deg);
    -webkit-transition-delay: 0.075s;
            transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color 0.125s 0.175s ease-in;
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
    .hamburger--emphatic .hamburger-inner::after {
      top: 8px;
      right: 0;
      -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  .hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -60px;
      top: -60px;
      -webkit-transform: translate3d(60px, 60px, 0) rotate(45deg);
              transform: translate3d(60px, 60px, 0) rotate(45deg);
      -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -60px;
      top: -60px;
      -webkit-transform: translate3d(-60px, 60px, 0) rotate(-45deg);
              transform: translate3d(-60px, 60px, 0) rotate(-45deg);
      -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color 0.125s 0.175s ease-in;
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 8px;
      right: 0;
      -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -60px;
      top: 60px;
      -webkit-transform: translate3d(60px, -60px, 0) rotate(-45deg);
              transform: translate3d(60px, -60px, 0) rotate(-45deg);
      -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -60px;
      top: 60px;
      -webkit-transform: translate3d(-60px, -60px, 0) rotate(45deg);
              transform: translate3d(-60px, -60px, 0) rotate(45deg);
      -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 1.5px; }
  .hamburger--slider .hamburger-inner::before {
    top: 8px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 16px; }

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
          transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-4.28571px, -5px, 0);
            transform: rotate(-45deg) translate3d(-4.28571px, -5px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(-90deg);
            transform: translate3d(0, -16px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 1.5px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 8px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 16px; }

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
          transform: translate3d(0, 8px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(4.28571px, -5px, 0);
            transform: rotate(45deg) translate3d(4.28571px, -5px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(90deg);
            transform: translate3d(0, -16px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 1.5px;
  -webkit-transition: background-color 0s 0.13s linear;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 8px;
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 16px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  background-color: transparent; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
            transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
            transform: translate3d(0, 8px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -16px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
          transform: translate3d(0, -8px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
          transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
          transform: rotate(765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
          transform: rotate(-765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.v-xs,
.v-sm,
.v-md,
.v-lg,
.v-xl {
  display: none !important; }

@media (max-width: 424.98px) {
  .v-xs {
    display: block !important; } }

@media (min-width: 425px) and (max-width: 767.98px) {
  .v-sm {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .v-md {
    display: block !important; } }

@media (min-width: 1024px) and (max-width: 1399.98px) {
  .v-lg {
    display: block !important; } }

@media (min-width: 1400px) and (max-width: 1919.98px) {
  .v-xl {
    display: block !important; } }

.sprite {
  display: inline-block;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat; }
  .sprite.autosize {
    width: 100%; }
  .sprite:before {
    content: '';
    display: block; }

.button--close {
  width: 21px;
  height: auto;
  background-position: 92.70058708414874% 60.887902330743614%;
  background-size: 12266.666666666668% auto; }
  .button--close:before {
    padding-top: 104.76190476190477%; }

.button--copy {
  width: 35px;
  height: auto;
  background-position: 98.09130263675718% 57.10138454667262%;
  background-size: 7359.999999999999% auto; }
  .button--copy:before {
    padding-top: 101.42857142857142%; }

.button--copy__active {
  width: 35px;
  height: auto;
  background-position: 90.29909484454939% 61.241348515293595%;
  background-size: 7359.999999999999% auto; }
  .button--copy__active:before {
    padding-top: 100%; }

.button--facebook {
  width: 35px;
  height: auto;
  background-position: 99.547422274695% 57.10138454667262%;
  background-size: 7359.999999999999% auto; }
  .button--facebook:before {
    padding-top: 101.42857142857142%; }

.button--facebook__active {
  width: 35px;
  height: auto;
  background-position: 87.38685556867375% 61.25502456453774%;
  background-size: 7359.999999999999% auto; }
  .button--facebook__active:before {
    padding-top: 101.42857142857142%; }

.button--line {
  width: 35px;
  height: auto;
  background-position: 88.84297520661157% 61.25502456453774%;
  background-size: 7359.999999999999% auto; }
  .button--line:before {
    padding-top: 101.42857142857142%; }

.button--line__active {
  width: 35px;
  height: auto;
  background-position: 91.75521448248722% 61.241348515293595%;
  background-size: 7359.999999999999% auto; }
  .button--line__active:before {
    padding-top: 100%; }

.button--menu {
  width: 53.5px;
  height: auto;
  background-position: 96.61050545094153% 57.165213503241674%;
  background-size: 4814.953271028037% auto; }
  .button--menu:before {
    padding-top: 71.02803738317756%; }

.deco--event--a {
  width: 290.5px;
  height: auto;
  background-position: 63.574710129074596% 48.620942152794726%;
  background-size: 886.7469879518072% auto; }
  .deco--event--a:before {
    padding-top: 77.79690189328744%; }

.deco--event--b {
  width: 889.5px;
  height: auto;
  background-position: 0% 46.86605154311167%;
  background-size: 289.6008993816751% auto; }
  .deco--event--b:before {
    padding-top: 79.03316469926925%; }

.deco--friends {
  width: 785.5px;
  height: auto;
  background-position: 100% 0%;
  background-size: 327.9439847231063% auto; }
  .deco--friends:before {
    padding-top: 92.17059197963081%; }

.deco--gift--a {
  width: 356px;
  height: auto;
  background-position: 0% 86.20265617314314%;
  background-size: 723.5955056179776% auto; }
  .deco--gift--a:before {
    padding-top: 67.83707865168539%; }

.deco--gift--b {
  width: 286px;
  height: auto;
  background-position: 63.44978165938865% 36.5146256817055%;
  background-size: 900.6993006993007% auto; }
  .deco--gift--b:before {
    padding-top: 90.03496503496503%; }

.deco--gift {
  width: 559.5px;
  height: auto;
  background-position: 44.210265311182745% 44.51495920217589%;
  background-size: 460.4110813226095% auto; }
  .deco--gift:before {
    padding-top: 110.81322609472744%; }

.dots {
  width: 1788.5px;
  height: auto;
  background-position: 0% 0%;
  background-size: 144.03131115459882% auto; }
  .dots:before {
    padding-top: 41.06793402292424%; }

.icon--arrow__blue {
  width: 11.5px;
  height: auto;
  background-position: 99.82452719828426% 32.13811420982736%;
  background-size: 22400% auto; }
  .icon--arrow__blue:before {
    padding-top: 134.7826086956522%; }

.icon--arrow__green {
  width: 11px;
  height: auto;
  background-position: 99.80506822612085% 33.687472332890664%;
  background-size: 23418.18181818182% auto; }
  .icon--arrow__green:before {
    padding-top: 140.9090909090909%; }

.icon--arrow__orange {
  width: 11.5px;
  height: auto;
  background-position: 99.82452719828426% 32.91279327135901%;
  background-size: 22400% auto; }
  .icon--arrow__orange:before {
    padding-top: 134.7826086956522%; }

.icon--cart {
  width: 51.5px;
  height: auto;
  background-position: 94.41473559120618% 57.551204141345934%;
  background-size: 5001.941747572815% auto; }
  .icon--cart:before {
    padding-top: 102.9126213592233%; }

.loader--cell {
  width: 767.5px;
  height: auto;
  background-position: 99.00470002764722% 42.111368909512755%;
  background-size: 335.63517915309444% auto; }
  .loader--cell:before {
    padding-top: 71.72638436482085%; }

.loader--text {
  width: 384.5px;
  height: auto;
  background-position: 21.400866986082594% 72.11105552776388%;
  background-size: 669.960988296489% auto; }
  .loader--text:before {
    padding-top: 71.65149544863459%; }

.logo--theo {
  width: 175.5px;
  height: auto;
  background-position: 0% 100%;
  background-size: 1467.806267806268% auto; }
  .logo--theo:before {
    padding-top: 158.6894586894587%; }

.tt--event {
  width: 591px;
  height: auto;
  background-position: 90.2015113350126% 57.78531073446328%;
  background-size: 435.87140439932324% auto; }
  .tt--event:before {
    padding-top: 10.490693739424705%; }

.tt--gift {
  width: 1380px;
  height: auto;
  background-position: 71.53010033444816% 65.18200316527243%;
  background-size: 186.66666666666666% auto; }
  .tt--gift:before {
    padding-top: 4.565217391304348%; }

.tt--gift__mobile {
  width: 349px;
  height: auto;
  background-position: 99.70812752581949% 59.733036707452726%;
  background-size: 738.10888252149% auto; }
  .tt--gift__mobile:before {
    padding-top: 7.736389684813753%; }

.tt--gift__tablet {
  width: 661px;
  height: auto;
  background-position: 46.55352480417755% 60.6337871010935%;
  background-size: 389.7125567322239% auto; }
  .tt--gift__tablet:before {
    padding-top: 5.143721633888049%; }

.tt--sales {
  width: 1064.5px;
  height: auto;
  background-position: 56.599404565001656% 67.81453972541075%;
  background-size: 241.99154532644434% auto; }
  .tt--sales:before {
    padding-top: 4.97886331611085%; }

.tt--sales__mobile {
  width: 428px;
  height: auto;
  background-position: 83.35661080074487% 61.00886162235856%;
  background-size: 601.8691588785047% auto; }
  .tt--sales__mobile:before {
    padding-top: 17.289719626168225%; }

.tt {
  width: 467px;
  height: auto;
  background-position: 0% 73.34011701857034%;
  background-size: 551.6059957173447% auto; }
  .tt:before {
    padding-top: 66.16702355460386%; }

@font-face {
  font-family: FakePearl-Regular;
  src: url(https://cdn.jsdelivr.net/gh/max32002/FakePearl@1.1/webfont/FakePearl-Regular.woff2) format("woff2"), url(https://cdn.jsdelivr.net/gh/max32002/FakePearl@1.1/webfont/FakePearl-Regular.woff) format("woff"); }

body {
  color: #212121;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.8;
  color: #3e3a39;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: FakePearl-Regular; }

* {
  outline: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

.caption--intro {
  max-width: 1200px;
  margin: 0 auto;
  color: white;
  font-size: 27px;
  font-weight: 400;
  text-align: center; }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .caption--intro {
    font-size: 20px; } }

@media (max-width: 767.98px) {
  .caption--intro {
    font-size: 14px; } }

.caption--event {
  font-size: 27px; }

.caption--event i {
  font-style: normal;
  font-weight: 600;
  color: #0F7EFC; }

.caption--event strong {
  font-size: 130%;
  font-weight: 600;
  color: #0F7EFC;
  margin: 0 6px; }

.caption--event ol {
  padding: 0;
  margin-left: 32px;
  margin-bottom: 0;
  font-weight: 600; }

.caption--event ol li {
  padding-left: 0; }

@media (max-width: 1023.98px) {
  .caption--event ol {
    margin-left: 28px; } }

.caption--event dl.dl--event {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 50px;
  margin-bottom: 0; }

.caption--event dl.dl--event > dt {
  -ms-flex: 0 0 6em;
      flex: 0 0 6em;
  max-width: 6em; }

.caption--event dl.dl--event > dd {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(100% - 6em);
      flex-basis: calc(100% - 6em);
  max-width: calc(100% - 6em);
  margin-bottom: 0; }

.caption--event dl.dl--event > dd strong {
  font-family: josefin-sans, sans-serif;
  font-weight: 600; }

.caption--event dl.dl--event > dd i {
  font-family: josefin-sans, sans-serif;
  font-weight: 600;
  font-size: 110%;
  letter-spacing: 1px; }

.caption--event dl.dl--event > dd ol {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 35px; }

.caption--event dl.dl--store {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
  padding: 5px 0;
  line-height: 40px; }

.caption--event dl.dl--store > dt {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
  font-size: 24px;
  font-weight: 400; }

.caption--event dl.dl--store > dd {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 0;
  font-size: 27px;
  font-weight: 300; }

.caption--event dl.dl--store > dd a {
  position: relative;
  display: inline-block;
  color: #444444; }

.caption--event dl.dl--store > dd a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 0;
  height: 2px;
  background: #444444;
  content: '';
  -webkit-transition: .3s all ease;
  transition: .3s all ease; }

.caption--event dl.dl--store > dd a:hover {
  color: #444444; }

.caption--event dl.dl--store > dd a:hover:after {
  width: 100%; }

.caption--event dl.dl--warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 30px; }

.caption--event dl.dl--warning ol {
  font-weight: 400; }

.caption--event dl.dl--warning > dt {
  -ms-flex: 0 0 6em;
      flex: 0 0 6em;
  max-width: 6em;
  font-size: 18px;
  font-weight: 400; }

.caption--event dl.dl--warning > dd {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(100% - 6em);
      flex-basis: calc(100% - 6em);
  max-width: calc(100% - 6em);
  font-size: 18px;
  margin-bottom: 0; }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .caption--event {
    font-size: 20px; } }

@media (max-width: 767.98px) {
  .caption--event dl.dl--event {
    font-size: 16px;
    line-height: 30px; }
  .caption--event dl.dl--event br {
    display: none; }
  .caption--event dl.dl--event > dd.is-sp {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  .caption--event dl.dl--event > dd ol {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 24px;
    margin-bottom: 8px; }
  .caption--event dl.dl--store dt {
    -ms-flex: 0 0 55%;
        flex: 0 0 55%;
    max-width: 55%;
    font-size: 13px;
    line-height: 24px; }
  .caption--event dl.dl--store dd {
    -ms-flex: 0 0 45%;
        flex: 0 0 45%;
    max-width: 45%;
    font-size: 14px;
    line-height: 24px;
    padding-left: 4px; }
  .caption--event dl.dl--warning > dt {
    -ms-flex: 0 0 5em;
        flex: 0 0 5em;
    max-width: 5em; }
  .caption--event dl.dl--warning > dd {
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc(100% - 5em);
        flex-basis: calc(100% - 5em);
    max-width: calc(100% - 5em); }
  .caption--event dl.dl--warning > dt,
  .caption--event dl.dl--warning > dd {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px; } }

.card--sales .caption {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  text-align: center; }

@media (max-width: 767.98px) {
  .card--sales .caption {
    font-size: 18px; } }

.card--gift .title {
  display: inline-block;
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  background: #0f7efc;
  line-height: 80px;
  border-radius: 40px;
  padding: 0 60px; }

.card--gift .caption p {
  font-size: 27px;
  font-weight: 600;
  margin-bottom: 0; }

.card--gift .caption p i {
  color: #ef500c;
  font-style: normal;
  letter-spacing: 1px; }

.card--gift .caption p i span {
  font-family: josefin-sans, sans-serif; }

.card--gift .caption p strong {
  font-family: josefin-sans, sans-serif;
  color: #ef500c;
  font-size: 130%;
  letter-spacing: 1px; }

.card--gift .caption p.is-small {
  font-size: 17.5px;
  line-height: 30px;
  font-weight: 300; }

.card--gift.is-new .caption p strong {
  font-family: FakePearl-Regular; }

.card--gift.is-old .title {
  background: #ef500c; }

.card--gift.is-old .caption p strong,
.card--gift.is-old .caption p i {
  color: #0f7efc; }

.card--gift.is-old .caption p span {
  font-family: josefin-sans, sans-serif; }

.card--gift.is-old .caption p + p {
  margin-top: 10px; }

@media (max-width: 767.98px) {
  .card--gift .title {
    font-size: 18px;
    line-height: 40px;
    padding: 0 20px; }
  .card--gift .caption p {
    font-size: 15px; }
  .card--gift .caption p strong {
    font-size: 125%; }
  .card--gift.is-new .caption p {
    text-align: center; }
  .card--gift.is-old br {
    display: none; }
  .card--gift.is-old .caption p.is-small {
    font-size: 13px;
    line-height: 24px; } }

.button {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  max-width: 160px;
  width: 100%;
  height: 42px;
  position: relative;
  cursor: pointer;
  text-decoration: none !important;
  padding: 5px 20px;
  overflow: hidden;
  background: #343434;
  -webkit-transition: .3s all ease;
  transition: .3s all ease; }

.button .label {
  font-family: 'Noto Sans TC', serif;
  position: relative;
  z-index: 2;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  -webkit-transition: .3s all ease;
  transition: .3s all ease;
  color: #ffffff;
  white-space: nowrap; }

.button:after {
  position: relative;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #ffffff;
  margin-left: 10px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.button:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 0;
  background: #ff9e49;
  content: '';
  -webkit-transition: .3s all ease;
  transition: .3s all ease; }

.button:hover:before {
  width: 100%; }

.buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%; }

.buttons > * + * {
  margin-left: 15px; }

.buttons.is-flex-start {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.buttons.is-flex-end {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.button--inline {
  cursor: pointer;
  width: auto;
  height: 26px;
  padding: 0 10px;
  border: 1px solid #d57161; }

.button--inline .label {
  color: #d57161;
  font-size: 13px; }

.button--inline.is-invert {
  border: 1px solid #ffffff; }

.button--inline.is-invert .label {
  color: #ffffff; }

.button--store {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: auto;
  padding: 0 12px 0 4px;
  background: #ffffff;
  height: 24px;
  border-radius: 12px; }

.button--store .icon {
  width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.button--store .label {
  color: #d57161;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0; }

.button--store.is-invert {
  background: #af3422; }

.button--store.is-invert .label {
  color: #ffffff; }

.button--join {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: auto;
  padding: 0 16px;
  background: #af3422;
  height: 36px;
  border-radius: 18px; }

.button--join .label {
  color: #ffffff;
  font-size: 18px;
  line-height: 1;
  white-space: nowrap; }

@media (max-width: 767.98px) {
  .button--join {
    padding: 0 8px; }
  .button--join .label {
    font-size: 14px; } }

.button--detail {
  cursor: pointer;
  position: absolute;
  z-index: 4;
  width: 40px;
  height: 40px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.button--detail:before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, 0.3);
  content: '';
  border-radius: 50%; }

.button--detail .icon {
  position: relative;
  z-index: 2;
  width: 32px;
  height: 32px;
  background: #ffb739;
  border-radius: 50%;
  -webkit-transition: .3s all ease;
  transition: .3s all ease; }

.button--detail .icon:before, .button--detail .icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 20px;
  height: 1px;
  content: '';
  background: #ffffff; }

.button--detail .icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg); }

.button--detail:hover, .button--detail.is-active {
  z-index: 6; }

.button--detail:hover .icon, .button--detail.is-active .icon {
  -webkit-transform: scale(1.4) rotate(45deg);
          transform: scale(1.4) rotate(45deg);
  background: #ffffff; }

.button--detail:hover .icon:before, .button--detail:hover .icon:after, .button--detail.is-active .icon:before, .button--detail.is-active .icon:after {
  background: #ffb739; }

.offset.t0 {
  top: 0px; }

.offset.l0 {
  left: 0%; }

.offset.r0 {
  right: 0%; }

.offset.b0 {
  bottom: 0px; }

.offset.t1 {
  top: 10px; }

.offset.l1 {
  left: 1%; }

.offset.r1 {
  right: 1%; }

.offset.b1 {
  bottom: 10px; }

.offset.t2 {
  top: 20px; }

.offset.l2 {
  left: 2%; }

.offset.r2 {
  right: 2%; }

.offset.b2 {
  bottom: 20px; }

.offset.t3 {
  top: 30px; }

.offset.l3 {
  left: 3%; }

.offset.r3 {
  right: 3%; }

.offset.b3 {
  bottom: 30px; }

.offset.t4 {
  top: 40px; }

.offset.l4 {
  left: 4%; }

.offset.r4 {
  right: 4%; }

.offset.b4 {
  bottom: 40px; }

.offset.t5 {
  top: 50px; }

.offset.l5 {
  left: 5%; }

.offset.r5 {
  right: 5%; }

.offset.b5 {
  bottom: 50px; }

.offset.t6 {
  top: 60px; }

.offset.l6 {
  left: 6%; }

.offset.r6 {
  right: 6%; }

.offset.b6 {
  bottom: 60px; }

.offset.t7 {
  top: 70px; }

.offset.l7 {
  left: 7%; }

.offset.r7 {
  right: 7%; }

.offset.b7 {
  bottom: 70px; }

.offset.t8 {
  top: 80px; }

.offset.l8 {
  left: 8%; }

.offset.r8 {
  right: 8%; }

.offset.b8 {
  bottom: 80px; }

.offset.t9 {
  top: 90px; }

.offset.l9 {
  left: 9%; }

.offset.r9 {
  right: 9%; }

.offset.b9 {
  bottom: 90px; }

.offset.t10 {
  top: 100px; }

.offset.l10 {
  left: 10%; }

.offset.r10 {
  right: 10%; }

.offset.b10 {
  bottom: 100px; }

.offset.t11 {
  top: 110px; }

.offset.l11 {
  left: 11%; }

.offset.r11 {
  right: 11%; }

.offset.b11 {
  bottom: 110px; }

.offset.t12 {
  top: 120px; }

.offset.l12 {
  left: 12%; }

.offset.r12 {
  right: 12%; }

.offset.b12 {
  bottom: 120px; }

.offset.t13 {
  top: 130px; }

.offset.l13 {
  left: 13%; }

.offset.r13 {
  right: 13%; }

.offset.b13 {
  bottom: 130px; }

.offset.t14 {
  top: 140px; }

.offset.l14 {
  left: 14%; }

.offset.r14 {
  right: 14%; }

.offset.b14 {
  bottom: 140px; }

.offset.t15 {
  top: 150px; }

.offset.l15 {
  left: 15%; }

.offset.r15 {
  right: 15%; }

.offset.b15 {
  bottom: 150px; }

.offset.t16 {
  top: 160px; }

.offset.l16 {
  left: 16%; }

.offset.r16 {
  right: 16%; }

.offset.b16 {
  bottom: 160px; }

.offset.t17 {
  top: 170px; }

.offset.l17 {
  left: 17%; }

.offset.r17 {
  right: 17%; }

.offset.b17 {
  bottom: 170px; }

.offset.t18 {
  top: 180px; }

.offset.l18 {
  left: 18%; }

.offset.r18 {
  right: 18%; }

.offset.b18 {
  bottom: 180px; }

.offset.t19 {
  top: 190px; }

.offset.l19 {
  left: 19%; }

.offset.r19 {
  right: 19%; }

.offset.b19 {
  bottom: 190px; }

.offset.t20 {
  top: 200px; }

.offset.l20 {
  left: 20%; }

.offset.r20 {
  right: 20%; }

.offset.b20 {
  bottom: 200px; }

.offset.t21 {
  top: 210px; }

.offset.l21 {
  left: 21%; }

.offset.r21 {
  right: 21%; }

.offset.b21 {
  bottom: 210px; }

.offset.t22 {
  top: 220px; }

.offset.l22 {
  left: 22%; }

.offset.r22 {
  right: 22%; }

.offset.b22 {
  bottom: 220px; }

.offset.t23 {
  top: 230px; }

.offset.l23 {
  left: 23%; }

.offset.r23 {
  right: 23%; }

.offset.b23 {
  bottom: 230px; }

.offset.t24 {
  top: 240px; }

.offset.l24 {
  left: 24%; }

.offset.r24 {
  right: 24%; }

.offset.b24 {
  bottom: 240px; }

.offset.t25 {
  top: 250px; }

.offset.l25 {
  left: 25%; }

.offset.r25 {
  right: 25%; }

.offset.b25 {
  bottom: 250px; }

.offset.t26 {
  top: 260px; }

.offset.l26 {
  left: 26%; }

.offset.r26 {
  right: 26%; }

.offset.b26 {
  bottom: 260px; }

.offset.t27 {
  top: 270px; }

.offset.l27 {
  left: 27%; }

.offset.r27 {
  right: 27%; }

.offset.b27 {
  bottom: 270px; }

.offset.t28 {
  top: 280px; }

.offset.l28 {
  left: 28%; }

.offset.r28 {
  right: 28%; }

.offset.b28 {
  bottom: 280px; }

.offset.t29 {
  top: 290px; }

.offset.l29 {
  left: 29%; }

.offset.r29 {
  right: 29%; }

.offset.b29 {
  bottom: 290px; }

.offset.t30 {
  top: 300px; }

.offset.l30 {
  left: 30%; }

.offset.r30 {
  right: 30%; }

.offset.b30 {
  bottom: 300px; }

.offset.t31 {
  top: 310px; }

.offset.l31 {
  left: 31%; }

.offset.r31 {
  right: 31%; }

.offset.b31 {
  bottom: 310px; }

.offset.t32 {
  top: 320px; }

.offset.l32 {
  left: 32%; }

.offset.r32 {
  right: 32%; }

.offset.b32 {
  bottom: 320px; }

.offset.t33 {
  top: 330px; }

.offset.l33 {
  left: 33%; }

.offset.r33 {
  right: 33%; }

.offset.b33 {
  bottom: 330px; }

.offset.t34 {
  top: 340px; }

.offset.l34 {
  left: 34%; }

.offset.r34 {
  right: 34%; }

.offset.b34 {
  bottom: 340px; }

.offset.t35 {
  top: 350px; }

.offset.l35 {
  left: 35%; }

.offset.r35 {
  right: 35%; }

.offset.b35 {
  bottom: 350px; }

.offset.t36 {
  top: 360px; }

.offset.l36 {
  left: 36%; }

.offset.r36 {
  right: 36%; }

.offset.b36 {
  bottom: 360px; }

.offset.t37 {
  top: 370px; }

.offset.l37 {
  left: 37%; }

.offset.r37 {
  right: 37%; }

.offset.b37 {
  bottom: 370px; }

.offset.t38 {
  top: 380px; }

.offset.l38 {
  left: 38%; }

.offset.r38 {
  right: 38%; }

.offset.b38 {
  bottom: 380px; }

.offset.t39 {
  top: 390px; }

.offset.l39 {
  left: 39%; }

.offset.r39 {
  right: 39%; }

.offset.b39 {
  bottom: 390px; }

.offset.t40 {
  top: 400px; }

.offset.l40 {
  left: 40%; }

.offset.r40 {
  right: 40%; }

.offset.b40 {
  bottom: 400px; }

.offset.t41 {
  top: 410px; }

.offset.l41 {
  left: 41%; }

.offset.r41 {
  right: 41%; }

.offset.b41 {
  bottom: 410px; }

.offset.t42 {
  top: 420px; }

.offset.l42 {
  left: 42%; }

.offset.r42 {
  right: 42%; }

.offset.b42 {
  bottom: 420px; }

.offset.t43 {
  top: 430px; }

.offset.l43 {
  left: 43%; }

.offset.r43 {
  right: 43%; }

.offset.b43 {
  bottom: 430px; }

.offset.t44 {
  top: 440px; }

.offset.l44 {
  left: 44%; }

.offset.r44 {
  right: 44%; }

.offset.b44 {
  bottom: 440px; }

.offset.t45 {
  top: 450px; }

.offset.l45 {
  left: 45%; }

.offset.r45 {
  right: 45%; }

.offset.b45 {
  bottom: 450px; }

.offset.t46 {
  top: 460px; }

.offset.l46 {
  left: 46%; }

.offset.r46 {
  right: 46%; }

.offset.b46 {
  bottom: 460px; }

.offset.t47 {
  top: 470px; }

.offset.l47 {
  left: 47%; }

.offset.r47 {
  right: 47%; }

.offset.b47 {
  bottom: 470px; }

.offset.t48 {
  top: 480px; }

.offset.l48 {
  left: 48%; }

.offset.r48 {
  right: 48%; }

.offset.b48 {
  bottom: 480px; }

.offset.t49 {
  top: 490px; }

.offset.l49 {
  left: 49%; }

.offset.r49 {
  right: 49%; }

.offset.b49 {
  bottom: 490px; }

.offset.t50 {
  top: 500px; }

.offset.l50 {
  left: 50%; }

.offset.r50 {
  right: 50%; }

.offset.b50 {
  bottom: 500px; }

.offset.t51 {
  top: 510px; }

.offset.l51 {
  left: 51%; }

.offset.r51 {
  right: 51%; }

.offset.b51 {
  bottom: 510px; }

.offset.t52 {
  top: 520px; }

.offset.l52 {
  left: 52%; }

.offset.r52 {
  right: 52%; }

.offset.b52 {
  bottom: 520px; }

.offset.t53 {
  top: 530px; }

.offset.l53 {
  left: 53%; }

.offset.r53 {
  right: 53%; }

.offset.b53 {
  bottom: 530px; }

.offset.t54 {
  top: 540px; }

.offset.l54 {
  left: 54%; }

.offset.r54 {
  right: 54%; }

.offset.b54 {
  bottom: 540px; }

.offset.t55 {
  top: 550px; }

.offset.l55 {
  left: 55%; }

.offset.r55 {
  right: 55%; }

.offset.b55 {
  bottom: 550px; }

.offset.t56 {
  top: 560px; }

.offset.l56 {
  left: 56%; }

.offset.r56 {
  right: 56%; }

.offset.b56 {
  bottom: 560px; }

.offset.t57 {
  top: 570px; }

.offset.l57 {
  left: 57%; }

.offset.r57 {
  right: 57%; }

.offset.b57 {
  bottom: 570px; }

.offset.t58 {
  top: 580px; }

.offset.l58 {
  left: 58%; }

.offset.r58 {
  right: 58%; }

.offset.b58 {
  bottom: 580px; }

.offset.t59 {
  top: 590px; }

.offset.l59 {
  left: 59%; }

.offset.r59 {
  right: 59%; }

.offset.b59 {
  bottom: 590px; }

.offset.t60 {
  top: 600px; }

.offset.l60 {
  left: 60%; }

.offset.r60 {
  right: 60%; }

.offset.b60 {
  bottom: 600px; }

.offset.t61 {
  top: 610px; }

.offset.l61 {
  left: 61%; }

.offset.r61 {
  right: 61%; }

.offset.b61 {
  bottom: 610px; }

.offset.t62 {
  top: 620px; }

.offset.l62 {
  left: 62%; }

.offset.r62 {
  right: 62%; }

.offset.b62 {
  bottom: 620px; }

.offset.t63 {
  top: 630px; }

.offset.l63 {
  left: 63%; }

.offset.r63 {
  right: 63%; }

.offset.b63 {
  bottom: 630px; }

.offset.t64 {
  top: 640px; }

.offset.l64 {
  left: 64%; }

.offset.r64 {
  right: 64%; }

.offset.b64 {
  bottom: 640px; }

.offset.t65 {
  top: 650px; }

.offset.l65 {
  left: 65%; }

.offset.r65 {
  right: 65%; }

.offset.b65 {
  bottom: 650px; }

.offset.t66 {
  top: 660px; }

.offset.l66 {
  left: 66%; }

.offset.r66 {
  right: 66%; }

.offset.b66 {
  bottom: 660px; }

.offset.t67 {
  top: 670px; }

.offset.l67 {
  left: 67%; }

.offset.r67 {
  right: 67%; }

.offset.b67 {
  bottom: 670px; }

.offset.t68 {
  top: 680px; }

.offset.l68 {
  left: 68%; }

.offset.r68 {
  right: 68%; }

.offset.b68 {
  bottom: 680px; }

.offset.t69 {
  top: 690px; }

.offset.l69 {
  left: 69%; }

.offset.r69 {
  right: 69%; }

.offset.b69 {
  bottom: 690px; }

.offset.t70 {
  top: 700px; }

.offset.l70 {
  left: 70%; }

.offset.r70 {
  right: 70%; }

.offset.b70 {
  bottom: 700px; }

.offset.t71 {
  top: 710px; }

.offset.l71 {
  left: 71%; }

.offset.r71 {
  right: 71%; }

.offset.b71 {
  bottom: 710px; }

.offset.t72 {
  top: 720px; }

.offset.l72 {
  left: 72%; }

.offset.r72 {
  right: 72%; }

.offset.b72 {
  bottom: 720px; }

.offset.t73 {
  top: 730px; }

.offset.l73 {
  left: 73%; }

.offset.r73 {
  right: 73%; }

.offset.b73 {
  bottom: 730px; }

.offset.t74 {
  top: 740px; }

.offset.l74 {
  left: 74%; }

.offset.r74 {
  right: 74%; }

.offset.b74 {
  bottom: 740px; }

.offset.t75 {
  top: 750px; }

.offset.l75 {
  left: 75%; }

.offset.r75 {
  right: 75%; }

.offset.b75 {
  bottom: 750px; }

.offset.t76 {
  top: 760px; }

.offset.l76 {
  left: 76%; }

.offset.r76 {
  right: 76%; }

.offset.b76 {
  bottom: 760px; }

.offset.t77 {
  top: 770px; }

.offset.l77 {
  left: 77%; }

.offset.r77 {
  right: 77%; }

.offset.b77 {
  bottom: 770px; }

.offset.t78 {
  top: 780px; }

.offset.l78 {
  left: 78%; }

.offset.r78 {
  right: 78%; }

.offset.b78 {
  bottom: 780px; }

.offset.t79 {
  top: 790px; }

.offset.l79 {
  left: 79%; }

.offset.r79 {
  right: 79%; }

.offset.b79 {
  bottom: 790px; }

.offset.t80 {
  top: 800px; }

.offset.l80 {
  left: 80%; }

.offset.r80 {
  right: 80%; }

.offset.b80 {
  bottom: 800px; }

.offset.t81 {
  top: 810px; }

.offset.l81 {
  left: 81%; }

.offset.r81 {
  right: 81%; }

.offset.b81 {
  bottom: 810px; }

.offset.t82 {
  top: 820px; }

.offset.l82 {
  left: 82%; }

.offset.r82 {
  right: 82%; }

.offset.b82 {
  bottom: 820px; }

.offset.t83 {
  top: 830px; }

.offset.l83 {
  left: 83%; }

.offset.r83 {
  right: 83%; }

.offset.b83 {
  bottom: 830px; }

.offset.t84 {
  top: 840px; }

.offset.l84 {
  left: 84%; }

.offset.r84 {
  right: 84%; }

.offset.b84 {
  bottom: 840px; }

.offset.t85 {
  top: 850px; }

.offset.l85 {
  left: 85%; }

.offset.r85 {
  right: 85%; }

.offset.b85 {
  bottom: 850px; }

.offset.t86 {
  top: 860px; }

.offset.l86 {
  left: 86%; }

.offset.r86 {
  right: 86%; }

.offset.b86 {
  bottom: 860px; }

.offset.t87 {
  top: 870px; }

.offset.l87 {
  left: 87%; }

.offset.r87 {
  right: 87%; }

.offset.b87 {
  bottom: 870px; }

.offset.t88 {
  top: 880px; }

.offset.l88 {
  left: 88%; }

.offset.r88 {
  right: 88%; }

.offset.b88 {
  bottom: 880px; }

.offset.t89 {
  top: 890px; }

.offset.l89 {
  left: 89%; }

.offset.r89 {
  right: 89%; }

.offset.b89 {
  bottom: 890px; }

.offset.t90 {
  top: 900px; }

.offset.l90 {
  left: 90%; }

.offset.r90 {
  right: 90%; }

.offset.b90 {
  bottom: 900px; }

.offset.t91 {
  top: 910px; }

.offset.l91 {
  left: 91%; }

.offset.r91 {
  right: 91%; }

.offset.b91 {
  bottom: 910px; }

.offset.t92 {
  top: 920px; }

.offset.l92 {
  left: 92%; }

.offset.r92 {
  right: 92%; }

.offset.b92 {
  bottom: 920px; }

.offset.t93 {
  top: 930px; }

.offset.l93 {
  left: 93%; }

.offset.r93 {
  right: 93%; }

.offset.b93 {
  bottom: 930px; }

.offset.t94 {
  top: 940px; }

.offset.l94 {
  left: 94%; }

.offset.r94 {
  right: 94%; }

.offset.b94 {
  bottom: 940px; }

.offset.t95 {
  top: 950px; }

.offset.l95 {
  left: 95%; }

.offset.r95 {
  right: 95%; }

.offset.b95 {
  bottom: 950px; }

.offset.t96 {
  top: 960px; }

.offset.l96 {
  left: 96%; }

.offset.r96 {
  right: 96%; }

.offset.b96 {
  bottom: 960px; }

.offset.t97 {
  top: 970px; }

.offset.l97 {
  left: 97%; }

.offset.r97 {
  right: 97%; }

.offset.b97 {
  bottom: 970px; }

.offset.t98 {
  top: 980px; }

.offset.l98 {
  left: 98%; }

.offset.r98 {
  right: 98%; }

.offset.b98 {
  bottom: 980px; }

.offset.t99 {
  top: 990px; }

.offset.l99 {
  left: 99%; }

.offset.r99 {
  right: 99%; }

.offset.b99 {
  bottom: 990px; }

.offset.t100 {
  top: 1000px; }

.offset.l100 {
  left: 100%; }

.offset.r100 {
  right: 100%; }

.offset.b100 {
  bottom: 1000px; }

.offset.t-1 {
  top: -10px; }

.offset.l-1 {
  left: -1%; }

.offset.r-1 {
  right: -1%; }

.offset.b-1 {
  bottom: -10px; }

.offset.t-2 {
  top: -20px; }

.offset.l-2 {
  left: -2%; }

.offset.r-2 {
  right: -2%; }

.offset.b-2 {
  bottom: -20px; }

.offset.t-3 {
  top: -30px; }

.offset.l-3 {
  left: -3%; }

.offset.r-3 {
  right: -3%; }

.offset.b-3 {
  bottom: -30px; }

.offset.t-4 {
  top: -40px; }

.offset.l-4 {
  left: -4%; }

.offset.r-4 {
  right: -4%; }

.offset.b-4 {
  bottom: -40px; }

.offset.t-5 {
  top: -50px; }

.offset.l-5 {
  left: -5%; }

.offset.r-5 {
  right: -5%; }

.offset.b-5 {
  bottom: -50px; }

.offset.t-6 {
  top: -60px; }

.offset.l-6 {
  left: -6%; }

.offset.r-6 {
  right: -6%; }

.offset.b-6 {
  bottom: -60px; }

.offset.t-7 {
  top: -70px; }

.offset.l-7 {
  left: -7%; }

.offset.r-7 {
  right: -7%; }

.offset.b-7 {
  bottom: -70px; }

.offset.t-8 {
  top: -80px; }

.offset.l-8 {
  left: -8%; }

.offset.r-8 {
  right: -8%; }

.offset.b-8 {
  bottom: -80px; }

.offset.t-9 {
  top: -90px; }

.offset.l-9 {
  left: -9%; }

.offset.r-9 {
  right: -9%; }

.offset.b-9 {
  bottom: -90px; }

.offset.t-10 {
  top: -100px; }

.offset.l-10 {
  left: -10%; }

.offset.r-10 {
  right: -10%; }

.offset.b-10 {
  bottom: -100px; }

.offset.t-11 {
  top: -110px; }

.offset.l-11 {
  left: -11%; }

.offset.r-11 {
  right: -11%; }

.offset.b-11 {
  bottom: -110px; }

.offset.t-12 {
  top: -120px; }

.offset.l-12 {
  left: -12%; }

.offset.r-12 {
  right: -12%; }

.offset.b-12 {
  bottom: -120px; }

.offset.t-13 {
  top: -130px; }

.offset.l-13 {
  left: -13%; }

.offset.r-13 {
  right: -13%; }

.offset.b-13 {
  bottom: -130px; }

.offset.t-14 {
  top: -140px; }

.offset.l-14 {
  left: -14%; }

.offset.r-14 {
  right: -14%; }

.offset.b-14 {
  bottom: -140px; }

.offset.t-15 {
  top: -150px; }

.offset.l-15 {
  left: -15%; }

.offset.r-15 {
  right: -15%; }

.offset.b-15 {
  bottom: -150px; }

.offset.t-16 {
  top: -160px; }

.offset.l-16 {
  left: -16%; }

.offset.r-16 {
  right: -16%; }

.offset.b-16 {
  bottom: -160px; }

.offset.t-17 {
  top: -170px; }

.offset.l-17 {
  left: -17%; }

.offset.r-17 {
  right: -17%; }

.offset.b-17 {
  bottom: -170px; }

.offset.t-18 {
  top: -180px; }

.offset.l-18 {
  left: -18%; }

.offset.r-18 {
  right: -18%; }

.offset.b-18 {
  bottom: -180px; }

.offset.t-19 {
  top: -190px; }

.offset.l-19 {
  left: -19%; }

.offset.r-19 {
  right: -19%; }

.offset.b-19 {
  bottom: -190px; }

.offset.t-20 {
  top: -200px; }

.offset.l-20 {
  left: -20%; }

.offset.r-20 {
  right: -20%; }

.offset.b-20 {
  bottom: -200px; }

.offset.t-21 {
  top: -210px; }

.offset.l-21 {
  left: -21%; }

.offset.r-21 {
  right: -21%; }

.offset.b-21 {
  bottom: -210px; }

.offset.t-22 {
  top: -220px; }

.offset.l-22 {
  left: -22%; }

.offset.r-22 {
  right: -22%; }

.offset.b-22 {
  bottom: -220px; }

.offset.t-23 {
  top: -230px; }

.offset.l-23 {
  left: -23%; }

.offset.r-23 {
  right: -23%; }

.offset.b-23 {
  bottom: -230px; }

.offset.t-24 {
  top: -240px; }

.offset.l-24 {
  left: -24%; }

.offset.r-24 {
  right: -24%; }

.offset.b-24 {
  bottom: -240px; }

.offset.t-25 {
  top: -250px; }

.offset.l-25 {
  left: -25%; }

.offset.r-25 {
  right: -25%; }

.offset.b-25 {
  bottom: -250px; }

.offset.t-26 {
  top: -260px; }

.offset.l-26 {
  left: -26%; }

.offset.r-26 {
  right: -26%; }

.offset.b-26 {
  bottom: -260px; }

.offset.t-27 {
  top: -270px; }

.offset.l-27 {
  left: -27%; }

.offset.r-27 {
  right: -27%; }

.offset.b-27 {
  bottom: -270px; }

.offset.t-28 {
  top: -280px; }

.offset.l-28 {
  left: -28%; }

.offset.r-28 {
  right: -28%; }

.offset.b-28 {
  bottom: -280px; }

.offset.t-29 {
  top: -290px; }

.offset.l-29 {
  left: -29%; }

.offset.r-29 {
  right: -29%; }

.offset.b-29 {
  bottom: -290px; }

.offset.t-30 {
  top: -300px; }

.offset.l-30 {
  left: -30%; }

.offset.r-30 {
  right: -30%; }

.offset.b-30 {
  bottom: -300px; }

.offset.t-31 {
  top: -310px; }

.offset.l-31 {
  left: -31%; }

.offset.r-31 {
  right: -31%; }

.offset.b-31 {
  bottom: -310px; }

.offset.t-32 {
  top: -320px; }

.offset.l-32 {
  left: -32%; }

.offset.r-32 {
  right: -32%; }

.offset.b-32 {
  bottom: -320px; }

.offset.t-33 {
  top: -330px; }

.offset.l-33 {
  left: -33%; }

.offset.r-33 {
  right: -33%; }

.offset.b-33 {
  bottom: -330px; }

.offset.t-34 {
  top: -340px; }

.offset.l-34 {
  left: -34%; }

.offset.r-34 {
  right: -34%; }

.offset.b-34 {
  bottom: -340px; }

.offset.t-35 {
  top: -350px; }

.offset.l-35 {
  left: -35%; }

.offset.r-35 {
  right: -35%; }

.offset.b-35 {
  bottom: -350px; }

.offset.t-36 {
  top: -360px; }

.offset.l-36 {
  left: -36%; }

.offset.r-36 {
  right: -36%; }

.offset.b-36 {
  bottom: -360px; }

.offset.t-37 {
  top: -370px; }

.offset.l-37 {
  left: -37%; }

.offset.r-37 {
  right: -37%; }

.offset.b-37 {
  bottom: -370px; }

.offset.t-38 {
  top: -380px; }

.offset.l-38 {
  left: -38%; }

.offset.r-38 {
  right: -38%; }

.offset.b-38 {
  bottom: -380px; }

.offset.t-39 {
  top: -390px; }

.offset.l-39 {
  left: -39%; }

.offset.r-39 {
  right: -39%; }

.offset.b-39 {
  bottom: -390px; }

.offset.t-40 {
  top: -400px; }

.offset.l-40 {
  left: -40%; }

.offset.r-40 {
  right: -40%; }

.offset.b-40 {
  bottom: -400px; }

.offset {
  position: absolute; }

main {
  position: relative;
  overflow-x: hidden; }

body {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #FFAC1C; }
  body.pace-done {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #FFF3CF; }

section {
  position: relative; }

img {
  max-width: 100%; }

.section--intro {
  background: #FFAC1C;
  padding: 40px 0 1px 0; }

.section--belt {
  height: 130px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: #FFF3CF;
  padding: 0 40px;
  border-top: 5px solid #EF500C;
  border-bottom: 5px solid #EF500C; }

.section--belt > * {
  max-width: 100%; }

@media (max-width: 1023.98px) {
  .section--belt {
    height: 140px;
    padding: 0 40px; } }

@media (max-width: 767.98px) {
  .section--belt {
    height: 160px;
    padding: 0 20px; }
  .section--belt > * {
    max-width: 100%; } }

.section--cover {
  position: relative;
  width: 100vw;
  height: 100vh;
  max-width: 1920px;
  max-height: 940px;
  margin: 0 auto;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.section--cover > .dots {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100vw;
  height: 100vh; }

.section--cover > .dots > .layer--dots--a,
.section--cover > .dots > .layer--dots--b,
.section--cover > .dots > .layer--dots--c,
.section--cover > .dots > .layer--dots--d {
  width: 100vw;
  height: 100vh;
  position: absolute; }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .section--cover {
    max-height: 1000px; } }

@media (max-width: 767.98px) {
  .section--cover {
    max-height: 700px; }
  .section--cover > .dots > .layer--dots--a,
  .section--cover > .dots > .layer--dots--b,
  .section--cover > .dots > .layer--dots--c,
  .section--cover > .dots > .layer--dots--d {
    width: 200vw; } }

.layout--cover {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 1920px;
  max-width: 100%; }
  .layout--cover:after {
    display: block;
    content: "";
    padding-bottom: 41.66667%; }

.layout--cover .sprite,
.layout--cover img {
  max-width: 100%; }

.layout--cover > * {
  position: absolute;
  z-index: 2; }

.layout--cover > .layer--tt {
  width: 24.32292%;
  height: 38.625%;
  top: 20.75%;
  left: 37.96875%; }

.layout--cover > .layer--friend--1 {
  width: 26.77083%;
  height: 114.125%;
  top: 21.375%;
  left: -2.8125%;
  z-index: 2; }

.layout--cover > .layer--friend--2 {
  width: 27.55208%;
  height: 106.75%;
  top: 50.25%;
  left: 16.30208%; }

.layout--cover > .layer--friend--3 {
  width: 28.85417%;
  height: 111.375%;
  top: 65.25%;
  left: 41.40625%;
  z-index: 3; }

.layout--cover > .layer--friend--4 {
  width: 22.76042%;
  height: 111.625%;
  top: 45.75%;
  left: 65.05208%; }

.layout--cover > .layer--friend--5 {
  width: 44.0625%;
  height: 127.25%;
  top: 21.625%;
  left: 73.28125%;
  z-index: 2; }

@media (min-width: 1024px) and (max-width: 1399.98px) {
  .layout--cover {
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
    width: 100%;
    height: 1000px;
    max-width: 100%; }
  .layout--cover > .layer--tt {
    width: 50%;
    height: 28.11111%;
    top: 18.55556%;
    left: 26.69271%; }
  .layout--cover > .layer--friend--1 {
    width: 39.19271%;
    height: 53.77778%;
    top: 44.55556%;
    left: -12.76042%; }
  .layout--cover > .layer--friend--2 {
    width: 37.5%;
    height: 51.66667%;
    top: 62.77778%;
    left: 8.33333%; }
  .layout--cover > .layer--friend--3 {
    width: 39.32292%;
    height: 54%;
    top: 67.66667%;
    left: 31.90104%; }
  .layout--cover > .layer--friend--4 {
    width: 30.98958%;
    height: 54.11111%;
    top: 61.77778%;
    left: 57.42188%; }
  .layout--cover > .layer--friend--5 {
    width: 56.25%;
    height: 60.77778%;
    top: 45.11111%;
    left: 75%; } }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .layout--cover {
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
    width: 100%;
    height: 900px;
    max-width: 100%; }
  .layout--cover > .layer--tt {
    width: 50%;
    height: 28.11111%;
    top: 18.55556%;
    left: 26.69271%; }
  .layout--cover > .layer--friend--1 {
    width: 39.19271%;
    height: 53.77778%;
    top: 44.55556%;
    left: -12.76042%; }
  .layout--cover > .layer--friend--2 {
    width: 37.5%;
    height: 51.66667%;
    top: 62.77778%;
    left: 8.33333%; }
  .layout--cover > .layer--friend--3 {
    width: 39.32292%;
    height: 54%;
    top: 67.66667%;
    left: 31.90104%; }
  .layout--cover > .layer--friend--4 {
    width: 30.98958%;
    height: 54.11111%;
    top: 61.77778%;
    left: 57.42188%; }
  .layout--cover > .layer--friend--5 {
    width: 56.25%;
    height: 60.77778%;
    top: 45.11111%;
    left: 75%; } }

@media (max-width: 767.98px) {
  .layout--cover {
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
    width: 100%;
    height: 180vw;
    max-width: 100%; }
  .layout--cover > .layer--tt {
    width: 66.4%;
    height: 24.26036%;
    top: 13.31361%;
    left: 15.2%; }
  .layout--cover > .layer--friend--1 {
    width: 48.53333%;
    height: 51.62722%;
    top: 54.88166%;
    left: -5.86667%;
    z-index: 2; }
  .layout--cover > .layer--friend--2 {
    width: 49.6%;
    height: 44.52663%;
    top: 33.87574%;
    left: -4%;
    z-index: 1; }
  .layout--cover > .layer--friend--3 {
    width: 53.33333%;
    height: 47.63314%;
    top: 58.28402%;
    left: 22.93333%;
    z-index: 3; }
  .layout--cover > .layer--friend--4 {
    width: 42.13333%;
    height: 47.78107%;
    top: 31.06509%;
    left: 59.73333%;
    z-index: 1; }
  .layout--cover > .layer--friend--5 {
    width: 74.66667%;
    height: 52.36686%;
    top: 50.73964%;
    left: 51.46667%;
    z-index: 2; } }

.deco.is--gift {
  width: 100%;
  position: relative; }

.deco.is--gift > * {
  position: absolute;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }

.deco.is--gift > .deco--gift--a {
  left: 0; }

.deco.is--gift > .deco--gift--b {
  left: 25%; }

@media (min-width: 1920px) {
  .deco.is--gift > .deco--gift--a {
    left: 0;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: translateY(-100%) scale(0.8);
            transform: translateY(-100%) scale(0.8); }
  .deco.is--gift > .deco--gift--b {
    left: 15%;
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: translateY(-100%) scale(0.8);
            transform: translateY(-100%) scale(0.8); } }

@media (min-width: 1400px) and (max-width: 1919.98px) {
  .deco.is--gift > .deco--gift--a {
    left: 0;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: translateY(-100%) scale(0.7);
            transform: translateY(-100%) scale(0.7); }
  .deco.is--gift > .deco--gift--b {
    left: 15%;
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: translateY(-100%) scale(0.7);
            transform: translateY(-100%) scale(0.7); } }

@media (min-width: 1024px) and (max-width: 1399.98px) {
  .deco.is--gift > .deco--gift--a {
    left: 0;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: translateY(-100%) scale(0.6);
            transform: translateY(-100%) scale(0.6); }
  .deco.is--gift > .deco--gift--b {
    left: 20%;
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: translateY(-100%) scale(0.6);
            transform: translateY(-100%) scale(0.6); } }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .deco.is--gift > .deco--gift--a {
    left: 0;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: translateY(-100%) scale(0.5);
            transform: translateY(-100%) scale(0.5); }
  .deco.is--gift > .deco--gift--b {
    left: 5%;
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: translateY(-100%) scale(0.5);
            transform: translateY(-100%) scale(0.5); } }

@media (max-width: 767.98px) {
  .deco.is--gift > .deco--gift--a {
    left: 0;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: translate(-5%, -100%) scale(0.4);
            transform: translate(-5%, -100%) scale(0.4); }
  .deco.is--gift > .deco--gift--b {
    left: auto;
    right: 0;
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: translate(1%, -100%) scale(0.4);
            transform: translate(1%, -100%) scale(0.4); } }

.deco.is-event > * {
  position: absolute; }

.deco.is-event > .sprite.deco--event--a {
  z-index: 1;
  left: 20px;
  bottom: 90px; }

.deco.is-event > .sprite.deco--event--b {
  z-index: 1;
  right: 0;
  bottom: 90px; }

.deco.is-event > .sprite.deco--friends {
  z-index: 2;
  bottom: 0;
  left: 80%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

@media (min-width: 1024px) and (max-width: 1399.98px) {
  .deco.is-event > .sprite.deco--event--a {
    width: 20%; }
  .deco.is-event > .sprite.deco--event--b {
    width: 60%; }
  .deco.is-event > .sprite.deco--friends {
    z-index: 4;
    width: 80%;
    bottom: 40px;
    left: 50%; } }

@media (max-width: 1023.98px) {
  .deco.is-event > .sprite.deco--event--a {
    width: 20%; }
  .deco.is-event > .sprite.deco--event--b {
    width: 60%; }
  .deco.is-event > .sprite.deco--friends {
    z-index: 4;
    width: 80%;
    bottom: 40px;
    left: 50%; } }

.section--eventTitle {
  width: 100%;
  padding-top: 80px;
  margin-bottom: -40px; }

@media (min-width: 1024px) and (max-width: 1399.98px) {
  .section--eventTitle {
    padding-top: 40px;
    margin-bottom: 0; } }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .section--eventTitle {
    padding-top: 40px;
    margin-bottom: 0; }
  .section--eventTitle .tt--event {
    max-width: 50%; } }

@media (max-width: 767.98px) {
  .section--eventTitle {
    padding-top: 40px;
    margin-bottom: 0; }
  .section--eventTitle .tt--event {
    max-width: 70%; } }

.section--event {
  position: relative;
  background: #FFB9A6;
  padding: 40px 0 80px 0; }

.section--event .container {
  position: relative; }

.section--event .card--event {
  position: relative;
  z-index: 3; }

@media (min-width: 1024px) and (max-width: 1399.98px) {
  .section--event {
    padding-bottom: 72vw; } }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .section--event {
    padding-bottom: 77vw; } }

@media (max-width: 767.98px) {
  .section--event {
    padding-bottom: 77vw; } }

.section--gift {
  position: relative;
  background: #FFB9A6;
  padding: 40px 0 80px 0; }

.section--gift .container {
  position: relative; }

.section--gift .section__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 80px; }

.section--gift .section__title > * {
  max-width: 100%; }

@media (min-width: 1920px) {
  .section--gift .container {
    max-width: 1500px; } }

.section--selection {
  padding-bottom: 40px;
  background-image: url(../images/bg--sales.png);
  background-repeat: no-repeat;
  background-position: center 75%;
  background-size: 1920px 1920px; }

@media (max-width: 1919.98px) {
  .section--selection {
    background-size: 100vw 100vw; } }

@media (max-width: 1023.98px) {
  .section--selection {
    padding-top: 40px;
    background-size: 200vw 200vw;
    background-position: center; }
  .section--selection .pic--selection {
    padding-top: 0; } }

.pic--selection img {
  width: 100%; }

.swiper--sales {
  position: relative;
  margin: 0 auto; }

.swiper--sales .swiper-container {
  margin: 0 auto;
  overflow: visible; }

.swiper--sales .swiper--navigation {
  position: absolute;
  width: 100%;
  top: calc(50% - 40px);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  z-index: 4; }

.swiper--sales .swiper--navigation > .swiper--prev {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.swiper--sales .swiper--navigation > .swiper--next {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0; }

@media (min-width: 768px) {
  .swiper--sales .swiper--navigation {
    display: none; } }

.swiper--sales .swiper--pagination {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  width: 16px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%); }

@media (max-width: 767.98px) {
  .swiper--sales .swiper--pagination {
    display: none; } }

.swiper--sales .swiper--pagination .swiper-pagination-bullet {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #ffffff;
  opacity: 1;
  margin: 16px 0;
  -webkit-transition: .3s all ease;
  transition: .3s all ease; }

.swiper--sales .swiper--pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #4C82FF;
  height: 40px; }

.swiper--sales.is-sales-b .card--sales .pic:before {
  background: rgba(14, 161, 95, 0.5); }

.swiper--sales.is-sales-b .card--sales .button--cart {
  background: #0EA15F; }

.swiper--sales.is-sales-b .swiper--pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0EA15F; }

@media (min-width: 768px) {
  .swiper--sales.is-sales-b .swiper--pagination {
    left: 100%; }
  .swiper--sales.is-sales-b .card--sales .button--cart {
    left: 0; } }

.swiper--sales.is-sales-c .card--sales .pic:before {
  background: rgba(255, 172, 28, 0.5); }

.swiper--sales.is-sales-c .button--cart {
  background: #FFAC1C; }

.swiper--sales.is-sales-c .swiper--pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FFAC1C; }

@media (max-width: 767.98px) {
  .swiper--sales {
    width: calc(100% - 40px); }
  .swiper--sales .swiper-container {
    width: 100%; }
  .swiper--sales .swiper--pagination {
    left: 0; } }

.card--sales {
  position: relative;
  cursor: pointer;
  margin: 0 auto; }

.card--sales .caption {
  height: 80px; }

.card--sales .pic {
  position: relative; }

.card--sales .pic:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  background: rgba(76, 130, 255, 0.5);
  z-index: 1;
  -webkit-transform-origin: center 90%;
          transform-origin: center 90%;
  -webkit-transform: scaleX(0.9) scaleY(0.13);
          transform: scaleX(0.9) scaleY(0.13); }

.card--sales .pic img {
  position: relative;
  z-index: 2;
  max-width: 100%; }

.card--sales .button--cart {
  position: absolute;
  z-index: 4;
  top: 73%;
  left: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #4C82FF; }

@media (max-width: 767.98px) {
  .card--sales .button--cart {
    top: 65%;
    width: 60px;
    height: 60px; }
  .card--sales .button--cart > * {
    max-width: 30px; } }

.row--selection .row {
  margin: 0;
  margin-bottom: 40px; }

.row--selection .row > * {
  padding: 0; }

@media (min-width: 1920px) {
  .row--selection .row.is-selection-1 .pic--selection {
    -webkit-transform: translateX(-2%);
            transform: translateX(-2%); } }

@media (min-width: 1400px) and (max-width: 1919.98px) {
  .row--selection .row.is-selection-1 .pic--selection {
    -webkit-transform: translateX(-2%);
            transform: translateX(-2%); } }

@media (min-width: 1024px) and (max-width: 1399.98px) {
  .row--selection .row.is-selection-1 .pic--selection {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%); } }

.row--selection .row.is-selection-2 .pic--selection {
  -webkit-transform: translateX(5%);
          transform: translateX(5%); }

@media (min-width: 1024px) {
  .row--selection .row.is-selection-2 > *:nth-child(1) {
    -ms-flex-order: 2;
        order: 2; }
  .row--selection .row.is-selection-2 > *:nth-child(2) {
    -ms-flex-order: 1;
        order: 1; } }

.row--selection .row.is-selection-3 {
  -ms-flex-align: end;
      align-items: flex-end; }

.row--selection .row.is-selection-3 .pic--selection {
  -webkit-transform: translateX(-5%);
          transform: translateX(-5%); }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .row--selection .row {
    margin-bottom: 40px; }
  .row--selection .row > * + * {
    margin-top: -40px; } }

@media (max-width: 767.98px) {
  .row--selection .row {
    margin-bottom: 40px; }
  .row--selection .pic--selection {
    -webkit-transform: scale(1.1) !important;
            transform: scale(1.1) !important; } }

.row--gift .row {
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 40px; }

@media (min-width: 1024px) {
  .row--gift .row.is-gift-2 > *:nth-child(1) {
    -ms-flex-order: 2;
        order: 2; }
  .row--gift .row.is-gift-2 > *:nth-child(2) {
    -ms-flex-order: 1;
        order: 1; } }

.row--gift .row.is-gift-1 .pic--selection {
  max-width: 100%;
  -webkit-transform: translateX(10%);
          transform: translateX(10%); }

@media (min-width: 1920px) {
  .row--gift .row.is-gift-1 {
    margin-bottom: 160px; }
  .row--gift .row.is-gift-1 .pic--selection {
    -webkit-transform: scale(0.8) translateX(10%);
            transform: scale(0.8) translateX(10%); } }

@media (min-width: 1400px) and (max-width: 1919.98px) {
  .row--gift .row.is-gift-1 {
    margin-bottom: 160px; }
  .row--gift .row.is-gift-1 .pic--selection {
    -webkit-transform: scale(0.8) translateX(10%);
            transform: scale(0.8) translateX(10%); } }

@media (max-width: 1399.98px) {
  .row--gift .row.is-gift-1 .pic--selection {
    display: block;
    margin: 0 auto;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@media (min-width: 1024px) and (max-width: 1399.98px) {
  .row--gift .row.is-gift-1 {
    margin-bottom: 160px; }
  .row--gift .row.is-gift-1 .card--gift {
    margin-bottom: 40px; }
  .row--gift .row.is-gift-1 .pic--selection {
    max-width: 640px; } }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .row--gift .row.is-gift-1 .card--gift {
    margin-bottom: 40px; }
  .row--gift .row.is-gift-1 .pic--selection {
    max-width: 90%;
    margin-bottom: 140px; } }

@media (max-width: 767.98px) {
  .row--gift .row.is-gift-1 .card--gift {
    margin-bottom: 20px; }
  .row--gift .row.is-gift-1 .pic--selection {
    margin-bottom: 100px; } }

.row--gift .row.is-gift-2 .pic--selection {
  max-width: 100%; }

@media (min-width: 1920px) {
  .row--gift .row.is-gift-2 .pic--selection {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@media (min-width: 1400px) and (max-width: 1919.98px) {
  .row--gift .row.is-gift-2 .pic--selection {
    -webkit-transform: scale(1.4);
            transform: scale(1.4); } }

@media (max-width: 1399.98px) {
  .row--gift .row.is-gift-2 > *:nth-child(1) {
    -ms-flex-order: 1;
        order: 1; }
  .row--gift .row.is-gift-2 > *:nth-child(2) {
    -ms-flex-order: 2;
        order: 2; }
  .row--gift .row.is-gift-2 .pic--selection {
    max-width: 840px;
    display: block;
    margin: 0 auto;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@media (max-width: 767.98px) {
  .row--gift .row.is-gift-2 .card--gift {
    margin-bottom: 40px; }
  .row--gift .row.is-gift-2 .pic--selection {
    margin-bottom: 20px;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

.card--event {
  position: relative;
  width: 900px;
  max-width: 75%;
  background: #FFF3CF;
  padding: 40px 60px;
  border-radius: 40px; }

@media (max-width: 1399.98px) {
  .card--event {
    max-width: 100%; } }

@media (max-width: 1023.98px) {
  .card--event {
    padding: 20px 30px; } }

.card--gift {
  position: relative;
  z-index: 1;
  width: 100%;
  background: #FFF3CF;
  border-radius: 40px; }

.card--gift .title {
  position: absolute;
  top: 0;
  left: 110px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.card--gift.is-new .caption {
  padding: 80px 50px 80px 100px; }

.card--gift.is-old {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.card--gift.is-old .pic {
  -ms-flex: 0 0 200px;
      flex: 0 0 200px;
  max-width: 200px;
  padding: 60px 0 40px 40px; }

.card--gift.is-old .pic > * {
  max-width: 100%; }

.card--gift.is-old .title {
  left: auto;
  right: 80px; }

.card--gift.is-old .caption {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(100% - 200px);
      flex-basis: calc(100% - 200px);
  max-width: calc(100% - 200px);
  padding: 30px 40px 30px 40px; }

@media (min-width: 1400px) and (max-width: 1919.98px) {
  .card--gift.is-new .caption {
    padding: 80px 50px 60px 50px; }
  .card--gift.is-old .caption {
    padding: 80px 30px 60px 30px; } }

@media (min-width: 1024px) and (max-width: 1399.98px) {
  .card--gift.is-new .caption {
    padding: 60px 60px 40px 60px; }
  .card--gift.is-old .caption {
    padding: 60px 60px 40px 60px; } }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .card--gift.is-new .caption {
    padding: 60px 40px 40px 40px; }
  .card--gift.is-old .caption {
    padding: 60px 40px 40px 40px; } }

@media (max-width: 767.98px) {
  .card--gift {
    border-radius: 20px; }
  .card--gift.is-new .title {
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    white-space: nowrap; }
  .card--gift.is-new .caption {
    padding: 30px 20px 20px 20px; }
  .card--gift.is-old {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row; }
  .card--gift.is-old .title {
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    white-space: nowrap; }
  .card--gift.is-old .pic {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 60px 0 0 0;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  .card--gift.is-old .pic > * {
    max-width: 120px; }
  .card--gift.is-old .caption {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
    padding: 20px 20px 20px 20px; } }

.wave {
  position: relative;
  width: 100vw;
  height: 9vw;
  overflow: hidden; }

.wave:before {
  position: absolute;
  -webkit-transform: skewY(3.5deg);
          transform: skewY(3.5deg);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/wave.png);
  background-size: 900px 300px;
  background-repeat: repeat-x;
  background-position: center bottom; }

@media (max-width: 767.98px) {
  .wave {
    height: 12vw; }
  .wave:before {
    background-size: 300px 100px; } }

.wave--event {
  position: relative;
  width: 100vw;
  height: 9vw;
  overflow: hidden; }

.wave--event:before {
  position: absolute;
  -webkit-transform: skewY(-3.5deg);
          transform: skewY(-3.5deg);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/wave--pink.png);
  background-size: 900px 300px;
  background-repeat: repeat-x;
  background-position: center top; }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .wave--event {
    height: 12vh; } }

@media (max-width: 767.98px) {
  .wave--event {
    height: 15vw; }
  .wave--event:before {
    background-size: 450px 150px; } }

.wave--cover--1,
.wave--cover--2,
.wave--cover--3,
.wave--cover--4 {
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  width: 100vw;
  height: 300vh;
  max-width: 1920px;
  overflow: hidden;
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: translate(-50%, -50%) rotate(-60deg);
          transform: translate(-50%, -50%) rotate(-60deg); }

.wave--cover--1:before,
.wave--cover--2:before,
.wave--cover--3:before,
.wave--cover--4:before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/wave--cover--1.png);
  background-repeat: repeat-y;
  background-position: right top;
  background-size: 600px 600px; }

.wave--cover--1:after,
.wave--cover--2:after,
.wave--cover--3:after,
.wave--cover--4:after {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: #f9c580; }

.wave--cover--2 {
  height: 300vh;
  -webkit-transform: translate(-50%, -50%) rotate(-30deg);
          transform: translate(-50%, -50%) rotate(-30deg); }

.wave--cover--2:before {
  background-image: url(../images/wave--cover--2.png); }

.wave--cover--2:after {
  background: #ffe2ad; }

.wave--cover--3 {
  left: 100%;
  height: 300vh;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: translate(-50%, -50%) rotate(30deg);
          transform: translate(-50%, -50%) rotate(30deg); }

.wave--cover--3:before {
  background-position: left top;
  background-image: url(../images/wave--cover--3.png); }

.wave--cover--3:after {
  left: 50%;
  background: #ffe2ad; }

.wave--cover--4 {
  left: 100%;
  height: 300vh;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: translate(-50%, -50%) rotate(60deg);
          transform: translate(-50%, -50%) rotate(60deg); }

.wave--cover--4:before {
  background-position: left top;
  background-image: url(../images/wave--cover--4.png); }

.wave--cover--4:after {
  left: 50%;
  background: #f9c580; }

@media (max-width: 767.98px) {
  .wave--cover--1:before,
  .wave--cover--2:before,
  .wave--cover--3:before,
  .wave--cover--4:before {
    background-size: 300px 300px; }
  .wave--cover--1 {
    -webkit-transform: translate(-50%, -50%) rotate(-40deg);
            transform: translate(-50%, -50%) rotate(-40deg); }
  .wave--cover--2 {
    -webkit-transform: translate(-50%, -50%) rotate(-20deg);
            transform: translate(-50%, -50%) rotate(-20deg); }
  .wave--cover--3 {
    -webkit-transform: translate(-50%, -50%) rotate(20deg);
            transform: translate(-50%, -50%) rotate(20deg); }
  .wave--cover--4 {
    -webkit-transform: translate(-50%, -50%) rotate(40deg);
            transform: translate(-50%, -50%) rotate(40deg); } }

.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px; }

.lds-spinner div {
  -webkit-transform-origin: 40px 40px;
          transform-origin: 40px 40px;
  -webkit-animation: lds-spinner 1.2s linear infinite;
          animation: lds-spinner 1.2s linear infinite; }

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff; }

.lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }

.lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }

.lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }

.lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }

.lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }

.lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }

.lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }

.lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }

.lds-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }

.lds-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }

.lds-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

.lds-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }

@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes lds-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.loading--caption {
  pointer-events: none;
  max-width: 240px; }

.loading--caption img {
  max-width: 100%; }

.pace-done header {
  display: block; }

.pace-done .loading--animation {
  position: fixed;
  top: 0;
  left: 0; }

.loading--animation {
  width: 100vw;
  height: 150vh;
  z-index: 9999; }

.loading--animation .loading__mask {
  position: fixed;
  width: 100%;
  height: calc(var(--vh) * 150);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFAC1C), color-stop(70%, #FFAC1C), to(rgba(255, 172, 28, 0)));
  background: linear-gradient(180deg, #FFAC1C, #FFAC1C 70%, rgba(255, 172, 28, 0)); }

.loading--animation .loading__panel {
  position: absolute;
  width: 100vw;
  min-height: 550px;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 13; }

@media (max-width: 767.98px) {
  .loading--animation .loading__panel {
    height: calc(var(--vh) * 100); } }

.loading__img {
  position: relative;
  width: 384px;
  height: 275px; }

.loading__img > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

@media (max-width: 767.98px) {
  .loading__img {
    width: 240px; } }

.modal {
  height: calc(var(--vh) * 100); }

.modal-content {
  background: transparent;
  border: none;
  padding: 40px 15px 40px 15px; }

.modal-content .modal-body {
  padding: 0; }

.modal-content .button--close {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: calc(100% + .5rem);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

@media (max-width: 767.98px) {
  .modal-content {
    margin: 0; }
  .modal-content .button--close {
    position: fixed;
    left: auto;
    right: 1rem;
    top: 1rem; } }

.modal-lg {
  width: 100%;
  max-width: 1200px;
  padding: 0 20px; }

@media (max-width: 767.98px) {
  .modal-dialog {
    margin: 0;
    padding: 0; } }

.card--modal .pic {
  position: relative; }

.card--modal .pic img {
  width: 100%; }

.card--modal .caption {
  padding: .25rem 1rem .5rem 1rem;
  font-size: 14px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6); }

.modal-backdrop {
  background: rgba(255, 255, 255, 0.7); }

#modalTop {
  position: absolute;
  top: -20px; }

.hide {
  display: none; }

header {
  display: none; }

header .logo--gvm--35 {
  position: fixed;
  top: 10px;
  left: 20px;
  z-index: 996; }

@media (max-width: 767.98px) {
  header .logo--gvm--35 {
    width: 80px;
    top: 16px;
    left: 16px; } }

header .menu--toggle {
  position: fixed;
  top: 0;
  right: 0;
  width: 120px;
  height: 120px;
  z-index: 999;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

header .menu--toggle > * {
  position: absolute;
  -webkit-transition: .3s all ease;
  transition: .3s all ease; }

header .menu--toggle > .button--menu {
  opacity: 1;
  width: 32px; }

header .menu--toggle > .button--close {
  opacity: 0;
  width: 30px; }

header .menu--toggle.is-active > .button--menu {
  opacity: 0; }

header .menu--toggle.is-active > .button--close {
  opacity: 1; }

@media (max-width: 767.98px) {
  header .menu--toggle {
    top: 8px;
    right: 8px;
    width: 60px;
    height: 60px; }
  header .menu--toggle > .button--menu {
    width: 32px; }
  header .menu--toggle > .button--close {
    width: 30px; } }

.drawer--mask {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 997;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.0007);
  -webkit-transition: .3s opacity ease;
  transition: .3s opacity ease;
  opacity: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }

.drawer--mask.is-active {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 998;
  width: 80vw;
  max-width: 450px;
  height: 100vh;
  background: #FFAC1C;
  -webkit-transition: .3s all ease;
  transition: .3s all ease;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  opacity: 0;
  -webkit-transform: perspective(400px) rotateY(6deg) translateX(100%);
          transform: perspective(400px) rotateY(6deg) translateX(100%);
  overflow: hidden;
  -webkit-box-shadow: -10px 0 10px rgba(198, 127, 23, 0.2);
          box-shadow: -10px 0 10px rgba(198, 127, 23, 0.2); }

.drawer.is-active {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateY(0) translateX(0);
          transform: perspective(400px) rotateY(0) translateX(0); }

.nav {
  padding: 100px 60px;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center; }

.nav ul {
  width: 100%;
  margin: 0 0 100px;
  padding: 0; }

.nav ul li {
  list-style: none;
  margin-bottom: 30px; }

.nav ul a.nav--link + a.nav--link {
  margin-left: 10px; }

.nav ul a.nav--link {
  display: inline-block;
  position: relative;
  padding: 4px 0 4px; }

.nav ul a.nav--link .label {
  position: relative;
  z-index: 3;
  cursor: pointer;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  color: #ffffff;
  -webkit-transition: .3s all ease;
  transition: .3s all ease; }

.nav ul a.nav--link:before {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  display: block;
  content: '';
  width: 0%;
  height: 4px;
  background: #ef500c;
  -webkit-transition: .3s all ease;
  transition: .3s all ease; }

.nav ul a.nav--link.is-active, .nav ul a.nav--link:hover {
  border: 0px; }

.nav ul a.nav--link.is-active .label, .nav ul a.nav--link:hover .label {
  color: #ef500c; }

.nav ul a.nav--link.is-active:before, .nav ul a.nav--link:hover:before {
  width: 100%; }

@media (max-width: 767.98px) {
  .nav ul a.nav--link {
    padding: 2px 0; }
  .nav ul a.nav--link .label {
    font-size: 22px; } }

.share--buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start; }

.share--buttons > a {
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  cursor: pointer; }

.share--buttons > a > * {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: .3s all ease;
  transition: .3s all ease; }

.share--buttons > a > *:nth-child(1) {
  opacity: 1; }

.share--buttons > a > *:nth-child(2) {
  opacity: 0; }

.share--buttons > a:hover > *:nth-child(1) {
  opacity: 0; }

.share--buttons > a:hover > *:nth-child(2) {
  opacity: 1; }

.share--buttons > * + * {
  margin-left: 10px; }

footer {
  padding: 40px 0;
  color: #ffffff; }

footer .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center; }

.siteinfo {
  margin-top: 20px;
  text-align: center;
  font-family: 'Noto Sans TC', serif;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff; }

@media (max-width: 767.98px) {
  .siteinfo {
    font-size: 12px;
    text-align: center; } }

@-webkit-keyframes dance {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-6%);
            transform: translateY(-6%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes dance {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-6%);
            transform: translateY(-6%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes breath {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.3);
            transform: translate(-50%, -50%) scale(1.3); }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); } }

@keyframes breath {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.3);
            transform: translate(-50%, -50%) scale(1.3); }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); } }

@-webkit-keyframes up-and-down {
  0% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px); }
  50% {
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px); }
  100% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px); } }

@keyframes up-and-down {
  0% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px); }
  50% {
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px); }
  100% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px); } }

@-webkit-keyframes wave-ani {
  0% {
    background-position-x: 0; }
  100% {
    background-position-x: -900px; } }

@keyframes wave-ani {
  0% {
    background-position-x: 0; }
  100% {
    background-position-x: -900px; } }

.intro-in .wave:before {
  -webkit-animation-name: wave-ani;
          animation-name: wave-ani;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

.intro-in .wave--event:before {
  -webkit-animation-name: wave-ani;
          animation-name: wave-ani;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

@-webkit-keyframes wave-ani-v {
  0% {
    background-position-y: 0; }
  100% {
    background-position-y: -600px; } }

@keyframes wave-ani-v {
  0% {
    background-position-y: 0; }
  100% {
    background-position-y: -600px; } }

@-webkit-keyframes wave-ani-v-2 {
  0% {
    background-position-y: 0; }
  100% {
    background-position-y: -800px; } }

@keyframes wave-ani-v-2 {
  0% {
    background-position-y: 0; }
  100% {
    background-position-y: -800px; } }

.intro-in .wave--cover--1:before,
.intro-in .wave--cover--2:before,
.intro-in .wave--cover--3:before,
.intro-in .wave--cover--4:before {
  -webkit-animation-name: wave-ani-v;
          animation-name: wave-ani-v;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

.intro-in .wave--cover--2,
.intro-in .wave--cover--3 {
  -webkit-animation-delay: .2s;
          animation-delay: .2s; }

@-webkit-keyframes shine {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes shine {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.intro-in .layer--dots--a,
.intro-in .layer--dots--b,
.intro-in .layer--dots--c,
.intro-in .layer--dots--d {
  -webkit-animation-name: shine;
          animation-name: shine;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

.dots--b {
  -webkit-animation-delay: .2s;
          animation-delay: .2s; }

.dots--c {
  -webkit-animation-delay: .4s;
          animation-delay: .4s; }

.dots--d {
  -webkit-animation-delay: .6s;
          animation-delay: .6s; }

@-webkit-keyframes up-and-down {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  25% {
    -webkit-transform: translateY(-3%);
            transform: translateY(-3%); }
  75% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%); }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@keyframes up-and-down {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  25% {
    -webkit-transform: translateY(-3%);
            transform: translateY(-3%); }
  75% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%); }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

.intro-in .layer--friend--1 img,
.intro-in .layer--friend--2 img,
.intro-in .layer--friend--3 img,
.intro-in .layer--friend--4 img,
.intro-in .layer--friend--5 img {
  -webkit-animation-name: up-and-down;
          animation-name: up-and-down;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease; }

.layer--friend--2 img {
  -webkit-animation-delay: .2s;
          animation-delay: .2s; }

.layer--friend--3 img {
  -webkit-animation-delay: .4s;
          animation-delay: .4s; }

.layer--friend--4 img {
  -webkit-animation-delay: .6s;
          animation-delay: .6s; }

.layer--friend--5 img {
  -webkit-animation-delay: .8s;
          animation-delay: .8s; }

.is-gift-1 .pic--selection img,
.is-gift-2 .pic--selection img,
.sprite.deco--event--a,
.sprite.deco--event--b {
  -webkit-animation-name: up-and-down;
          animation-name: up-and-down;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease; }

.page-enter-active,
.page-leave-active {
  -webkit-transition: opacity .5s .2s;
  transition: opacity .5s .2s; }

.page-enter,
.page-leave-to {
  opacity: 0; }

.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity .2s .2s;
  transition: opacity .2s .2s; }

.fade-enter,
.fade-leave-to {
  opacity: 0; }

.slide-right-enter-active,
.slide-right-leave-active {
  -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.slide-right-enter {
  position: absolute;
  -webkit-transform: translateX(30%);
          transform: translateX(30%);
  opacity: 0; }

.slide-right-leave-to {
  position: absolute;
  -webkit-transform: translateX(-30%);
          transform: translateX(-30%);
  opacity: 0; }

.slide-left-enter-active,
.slide-left-leave-active {
  -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.slide-left-enter {
  position: absolute;
  -webkit-transform: translateX(-30%);
          transform: translateX(-30%);
  opacity: 0; }

.slide-left-leave-to {
  position: absolute;
  -webkit-transform: translateX(30%);
          transform: translateX(30%);
  opacity: 0; }

[data-aos=fade] {
  -webkit-transform: none !important;
          transform: none !important; }

[data-aos=fade] > * {
  opacity: 0;
  -webkit-transition: .3s all ease;
  transition: .3s all ease; }

[data-aos=fade].aos-animate > * {
  opacity: 1; }

.is-ie {
  font-family: 'Noto Sans TC', sans; }

.is-ie a.nav--link .label {
  font-family: 'Noto Sans TC', serif !important;
  font-weight: 500 !important; }

.is-ie .loading__mask {
  height: 150vh; }

.is-ie .loading__panel {
  height: 100vh; }

.is-ie .wave:before,
.is-ie .wave--event:before,
.is-ie .wave--cover--a:before,
.is-ie .wave--cover--b:before,
.is-ie .wave--cover--c:before,
.is-ie .wave--cover--d:before {
  -webkit-animation-name: none;
          animation-name: none; }

.is-ie .wave:before,
.is-ie .wave--event:before {
  background-size: cover; }